// shw_siteSettings.js (c)2008 SugarHill Works LLC - http://www.sugarhillworks.com var d = document; // so we can dynamically add event watchers... var addEvent = function( obj, type, fn ) { if (obj.addEventListener) { obj.addEventListener(type, fn, false); } else if (obj.attachEvent) { obj.attachEvent('on' + type, function() { return fn.apply(obj, new Array(window.event)); }); } }; var rootPath = ""; function getRootPath() { for(var i = 2; i < rootPathNum; i++) { rootPath += "../"; } //alert(rootPath); return rootPath; } var menuItems = new Array(); //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************* ********************************* // //// ********************************* DO NOT EDIT ABOVE THIS LINE ********************************* // //// ********************************* ********************************* // //// ********************************* SET SITE OPTIONS BELOW ********************************* // //// ********************************* ********************************* // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// // //// THE FOLLOWING LINES AFFECT THE TITLE THAT APPEARS IN THE BROWSER WINDOW'S TITLEBAR //// [any legal HTML text is allowed] var defaultTitle = "kimsooja.com"; var titleSeparator = " | "; //var contactTitle = "contact"; //var bioTitle = "bio"; //// THE FOLLOWING LINES ARE USED TO BUILD THE SITE-WIDE HEADER MENU // Each menuItem has several attributes: // id (required) - the text that will appear as the link, the name of the file to be linked to, the name of the image(gif) if an image is to be used // that is, 'about' will appear in the menu or about.png will show, and link to about.html // image (required) - set to 1 if images are to be used - set to 0 for a text link // subItems (optional) - set to a comma separated list of quote-enclosed submenu items. images not allowed. // or leave blank empty brakets for no submenu items , i.e. [] // // NOTE: menuItems link to an index.html file in the 'id' folder - i.e /about/index.hmtl // NOTE: subItems link to 'item_name'.html file in the main menuitem 'id' folder' - i.e. /about/katrin.html, /about/shibori.html or use a '/' at the end to signify a directory, i.e. '2008/' // NOTE: images are in the /mLnk/ folder of the site root and images should be named 'id'.png and 'id'_on.png - both files required - the _on.png file is for the mouse rollover event // See the example below and follow the pattern: // //menuItems[menuItems.length] = { // id: 'nav_main_menu', // corresponds to #id rule in menu.css // mLink: 'main menu', // the text to be displayed in the menu (use HTML character codes) // mHref: 'menu.html', // the page to link to (relative to site root) // subItems: ['sub item 1', 'sub item 2'], // list submenu link texts here // subHrefs: ['menu.html', 'menu.html'] // list corresponding submenu pages to link to here //}; // // menuItems[menuItems.length] = { id: 'nav_main_menu', mLink: 'main menu', mHref: 'menu.html', subItems: '', subHrefs: '' }; menuItems[menuItems.length] = { id: 'nav_works', mLink: 'works', mHref: 'works.html', subItems: ['recent projects','performance / video','installations','sewn works','objects','editions'], subHrefs: ['recent_projects.html','works_performance_video.html','works_installations.html','works_sewn_pieces.html','works_objects.html','works_editions.html'] }; menuItems[menuItems.length] = { id: 'nav_projects', mLink: 'projects', mHref: '#', subItems: ['recent projects','announcements','unrealized projects','ongoing projects'], subHrefs: ['recent_projects.html','announcements/201103_Spring2011.html','unrealized_projects.html','ongoing_projects.html'] }; menuItems[menuItems.length] = { id: 'nav_actions', mLink: 'actions', mHref: 'actions.html', subItems: '', subHrefs: '' }; menuItems[menuItems.length] = { id: 'nav_biography', mLink: 'biography', mHref: 'biography.html', subItems: '', subHrefs: '' }; menuItems[menuItems.length] = { id: 'nav_bibliography', mLink: 'bibliography', mHref: 'bibliography.html', subItems: '', subHrefs: '' }; menuItems[menuItems.length] = { id: 'nav_texts', mLink: 'texts', mHref: 'texts.html', subItems: '', subHrefs: '' }; menuItems[menuItems.length] = { id: 'nav_publications', mLink: 'publications', mHref: 'publications.html', subItems: '', subHrefs: '' }; menuItems[menuItems.length] = { id: 'nav_contact', //was id'ed 'nav_links' mLink: 'contact', mHref: 'contact.html', subItems: '', //['gallery websites','contact'], subHrefs: '' //['gallery_websites.html','contact.html'] // 'mailto:sooja@kimsooja.com' }; //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************* ********************************* // //// ********************************* DO NOT EDIT BELOW THIS LINE ********************************* // //// ********************************* ********************************* // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // //// ********************************************************************************************************** // var isitIE = false; var isitIE7 = false; if (window.attachEvent && !window.opera) { //object-detect IE5+, exclude opera isitIE = true; if(navigator.appVersion.match(/MSIE 7/)) isitIE7 = true } // //// turn off 'image toolbar' in older versions of IE if(isitIE == true){ document.write(""); } // // for IE6+ so we can use appendChild, etc... if (!window.Node) { var Node = { ELEMENT_NODE: 1, ATTRIBUTE_NODE: 2, TEXT_NODE: 3, COMMENT_NODE: 8, DOCUMENT_NODE: 9, DOCUMENT_FRAGMENT_NODE: 11 }; } function randOrd(){ return (Math.round(Math.random())-0.5); } function site_init() { //document.getElementsByTagName('title')[0].text = defaultTitle; getRootPath(); makeMenu(); makeCopyFtr(); } //// these vars used in shwFade to define the ss container for image centering //// on this site, set to values from css //var maxvpW = 568; //var maxvpH = 425; function makeMenu() { var menuParent = d.getElementById('menu'); // var menu_bgL = d.createElement('p'); // menu_bgL.className = 'menu_bgL'; // menu_bgL.innerHTML = 'hello woyld'; // var menu_bgR = d.createElement('p'); // menu_bgL.className = 'menu_bgL'; menuParent.innerHTML = ''; var menu = d.createElement('ul'); menu.className = 'menulist'; menu.setAttribute('id', 'listMenuRoot'); for (var i = 0; i < menuItems.length; i++) { menuItems[i].li = d.createElement('li'); menuItems[i].a = d.createElement('a'); menuItems[i].a.className = 'special'; if(menuItems[i].id) { menuItems[i].li.id = menuItems[i].id; } menuItems[i].a.href = menuItems[i].mHref; menuItems[i].a.innerHTML = menuItems[i].mLink; menuItems[i].li.appendChild(menuItems[i].a); if (menuItems[i].subItems.length > 0) { menuItems[i].subMenu = d.createElement('ul'); for (var n = 0; n < menuItems[i].subItems.length; n++) { var sub_li = d.createElement('li'); var sub_a = d.createElement('a'); sub_a.className = 'standard'; sub_a.href = rootPath + menuItems[i].subHrefs[n]; sub_a.innerHTML = menuItems[i].subItems[n]; sub_li.appendChild(sub_a); menuItems[i].subMenu.appendChild(sub_li); } menuItems[i].li.appendChild(menuItems[i].subMenu); } menu.appendChild(menuItems[i].li); } // menuParent.appendChild(menu_bgL); menuParent.appendChild(menu); // menuParent.appendChild(menu_bgR); activateMenu(); } var listMenu = new Object(); function activateMenu() { listMenu = new FSMenu('listMenu', true, 'display', 'block', 'none'); listMenu.animations[listMenu.animations.length] = FSMenu.animSwipeDown; listMenu.activateMenu("listMenuRoot", null); // Activation: Include the ID for your menu in here. //setTimeout('activePageHighlight("listMenuRoot");',1); } var newWin; function makeCopyFtr() { var copyParent = d.getElementById('copyright'); copyParent.innerHTML = ''; //copyParent.className = ''; var copy_p = d.createElement('p'); copy_p.innerHTML = ' © 1983-2011 kimsooja' copyParent.appendChild(copy_p); }