// shw_siteSettings.js (c)2008 SugarHill Works LLC - http://www.sugarhillworks.com
var d = document;
var rootPath = "";
function getRootPath() {
	for(var i = 2; i < rootPathNum; i++) {
		rootPath += "../";
	}
	return rootPath;
}
var menuItems = new Array();
//var splashImages = new Array();
//var sPicsFolder = "shw_slideshow/images";

//// ********************************************************************************************************** //
//// ********************************************************************************************************** //
//// *********************************                                        ********************************* //
//// *********************************      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 = "ELLEN BLASCHKE PHOTOGRAPHY";
var titleSeparator = " | ";

//// 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 /contact/index.html
// NOTE: images are in the /img/ folder in the 'shw_menu' folder and images should be named 'id'.gif and 'id'_f2.gif - 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 fsmenu_h.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
//};
//
//		

// NOTE THAT WHEN THE MENU IS UPDATED HERE, YOU *MUST* MANUALLY UPDATE THE ZEN CART categories.php TEMPLATE FILE TO MATCH

menuItems[menuItems.length] = {
	idHref: 'portraits1Lnk',
	id: 'navPortraits1',
	mLink: 'Portraits I',
	mHref: 'portfolios/portraits_one/', 
	subItems: '',
	subHrefs: ''
};

menuItems[menuItems.length] = {
	idHref: 'portraits2Lnk',
	id: 'navPortraits2',
	mLink: 'Portraits II',
	mHref: 'portfolios/portraits_two/', 
	subItems: '',
	subHrefs: ''
};

menuItems[menuItems.length] = {
	idHref: 'fashion1Lnk',
	id: 'navFashion1',
	mLink: 'Fashion',
	mHref: 'portfolios/fashion/',
	subItems: '',
	subHrefs: ''
};

menuItems[menuItems.length] = {
	idHref: 'bioLnk',
	id: 'navBio',
	mLink: 'Bio',
	mHref: 'bio/',
	subItems: '',
	subHrefs: ''
};

menuItems[menuItems.length] = {
	idHref: 'contactLnk',
	id: 'navContact',
	mLink: 'Contact',
	mHref: 'contact/', 
	subItems: '',
	subHrefs: ''
};

//menuItems[menuItems.length] = {
//	idHref: 'homeLnk',
//	id: 'navHome',
//	mLink: 'home',
//	mHref: 'index.html',
//	subItems: '',
//	subHrefs: ''
//};



//// THE FOLLOWING SECTION LISTS THE POOL OF IMAGES FROM WHICH TO SHOW ONE RANDOMLY ON THE SPLASH PAGE
////
//splashImages[splashImages.length] = {
//	image: "portraits_one_01.jpg"
//};
//
//splashImages[splashImages.length] = {
//	image: "portraits_one_02.jpg"
//};
//
//splashImages[splashImages.length] = {
//	iamge: "portraits_one_03.jpg"
//};
//
////splashImages[splashImages.length] = {
////	image: "portraits_one_04.jpg"
////};
////
////splashImages[splashImages.length] = {
////	image: "portraits_one_05.jpg"
////};
////
////splashImages[splashImages.length] = {
////	image: "portraits_one_06.jpg"
////};
//
//
//// randomize the order of splashpage imgs
//splashImages.sort( randOrd );


//// ********************************************************************************************************** //
//// ********************************************************************************************************** //
//// *********************************                                        ********************************* //
//// *********************************      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("<meta HTTP-EQUIV=\"imagetoolbar\" content=\"no\">");
}
//
// 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);
}
// 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)); });
	}
}; 

//function doLogo() {
//	var logo = d.getElementById('logo');
//	logo.onmouseover = function() {
//		logo.src = rootPath + 'img/logo_on.gif';
//	}
//	logo.onmouseout = function() {
//		logo.src = rootPath + 'img/logo.gif';
//	}
//}

//function makeSplashImg() {
//	var sPicsFolder = "shw_slideshow/images/";
//	var splashCntr = d.getElementById('ss_p');
//	var splashImg = new Image();
////	splashImg.style.visibility = 'hidden';
////	splashCntr.innerHTML = '';
//	for (var i = 0; i < splashImages.length; i++) {
//		splashImg.src = sPicsFolder + splashImages[i].image;
//	}
////	alert(splashImg.src);
//	splashCntr.appendChild(splashImg);
////	alert(splashImg.src);
//	d.getElementById('ss_p').style.visibility = 'visible';
//}


function makeMenu() {
	var menuParent = d.getElementById('menu');
	var menu = d.getElementById('listMenuRoot');
	menu.innerHTML = '';
	menu.className = 'menulist';
	var subsubMenus = new Array();
	for (var i = 0; i < menuItems.length; i++) {
		menuItems[i].li = d.createElement('li');
		// the following if statement classes the top-level li tags to align correctly from the left
		if(i == 0) {
			//menuItems[i].li.className = 'left';
		}
		menuItems[i].a = d.createElement('a');
		if(menuItems[i].idHref) {
			menuItems[i].a.id = menuItems[i].idHref; // id is on the a tag!
		}
		if(menuItems[i].mHref == '#') {
			menuItems[i].a.href = '#';
			menuItems[i].a.className = 'special';
		} else if(menuItems[i].mHref.match(/^([a-zA-Z0-9_\.\'-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)) {
			menuItems[i].a.href = 'mailto:' + menuItems[i].mHref;
			menuItems[i].a.className = 'special';
		} else {
			menuItems[i].a.href = rootPath + menuItems[i].mHref;
			menuItems[i].a.className = 'special';
		}
		//if(menuItems[i].mLink.match(/(\.gif$)|(\.jpg$)/)) {
//			var linkImgExt = menuItems[i].mLink.match(/(\.gif$)|(\.jpg$)/);
//			var mLinkImg = d.createElement('img');
//			if(menuItems[i].altTxt) {
//				mLinkImg.alt = menuItems[i].altTxt;
//			}
//			mLinkImg.src = rootPath + 'shw_menu/img/' + menuItems[i].mLink;
//			mLinkImg.onmouseover = function() {
//				var menuItemsOver = this.src.replace(/(\.gif$)|(\.jpg$)/,'_f2');
//				this.src = menuItemsOver + linkImgExt[0];
//			}
//			mLinkImg.onmouseout = function() {
//				var menuItemsOut = this.src.replace(/(_f2\.gif$)|(_f2\.jpg$)/,'');
//				this.src = menuItemsOut + linkImgExt[0];
//			}
//			
//			menuItems[i].a.appendChild(mLinkImg);
//			
//		} else {
//			menuItems[i].a.innerHTML = menuItems[i].mLink.replace(/\s/g, '&nbsp;');
//		}
		menuItems[i].a.innerHTML = menuItems[i].mLink.replace(/\s/g, '&nbsp;');
		menuItems[i].li.appendChild(menuItems[i].a);
		if (menuItems[i].subItems.length > 0) { //create TEXT ONLY submenu... 
			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';
				if (typeof menuItems[i].subItems[n] == 'string') {
					if(menuItems[i].subHrefs[n] == '#') {
						sub_a.href = '#';
					} else {
						sub_a.href = rootPath + menuItems[i].subHrefs[n];
					}
					sub_a.innerHTML = menuItems[i].subItems[n].replace(/\s/g, '&nbsp;');
				} 
				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);
	menuParent.className = 'ie7menu';
	//--from fsMenu
	
//	listMenu = new FSMenu('listMenu', true, 'display', 'block', 'none');
//	listMenu.animations[listMenu.animations.length] = FSMenu.animSwipeDown;
//	listMenu.activateMenu("listMenuRoot", null);
//	//for the link fading, 'standard' class is for submenu items, special is for top level items, highlighted is who knows....
//	listMenu.setLinkFading({
//		'standard': { dim: [0,0,0], lit: [0,0,0] },//submenu items
//		'highlighted': { dim: [0,0,0], lit: [0,0,0] },// ? maybe for use with highlight the current page module ? - check fsmenu_extras
//		'special': { dim: [0,0,0], lit: [0,0,0] },//toplevel menu with href=# (items that only are there to have submenu items)
//		'special highlighted': { dim: [0,0,0], lit: [0,0,0] }//toplevel menu when submenu is showing
//	}, 10);
}


var newWin;
function makeCopyFtr() {
	var copyParent = d.getElementById('copy');
	copyParent.innerHTML = '';	
	//copyParent.className = '';
	var copy_p = d.createElement('p');
	copy_p.innerHTML = 'All images &copy; 2009 Ellen Blaschke.&nbsp;&nbsp;&nbsp;<a href=\"http://sugarhillworks.com\" onclick=\"newWin=window.open(this.href,\'newWin\');newWin.focus();return false;\">Site by SugarHill Works</a>.'
	copyParent.appendChild(copy_p);
}




//var listMenu = new Object();
// things to do onload...
addEvent(window, 'load', function() {
	//document.getElementsByTagName('title')[0].text = defaultTitle;
	getRootPath();
	makeMenu();
	makeCopyFtr();
	//doLogo(); // only if logo rollover is needed
});
addEvent(window, 'load', function() {
});


//addEvent(window, 'load', function() {
//});
//addEvent(window, 'load', function() {
//});