// Add functions to the window.onload event

function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

// Add a StyleSheet for JavaScript

function addStyleSheet(cssLink) {
	var head = document.getElementsByTagName("head")[0];
	var homepage_css = document.createElement("link");
	homepage_css.setAttribute("type", "text/css");
	homepage_css.setAttribute("rel", "stylesheet");
	homepage_css.setAttribute("href", cssLink);
	head.appendChild(homepage_css);
}



function hideElement(el) {
	el.style.visibility = "hidden";
}
function showElement(el) {
	el.style.visibility = "visible";
}



function setupNav() {
	if (page == "work-new") {
		page = "work";
	}
	if (page != "home") {
		var nav_li = document.getElementById("nav-" + page);
		if (nav_li != null) {
			var nav_img = nav_li.getElementsByTagName("img")[0];
			nav_img.src = "/images/commons/nav_" + page + "_selected.png";
		}
		
		if (subpage != "") {
			var subnav_li = document.getElementById("nav-" + page + "-" + subpage);
			subnav_li.className = "selected-subnav";
		}
		
		if (page == "store" || page == "work") {
			if (subpage == "") {
				var nav_array = nav_li.getElementsByTagName("li");
				var subnav_li = nav_array[0];
				subnav_li.className = "selected-subnav";
			}
		}
	}
	if (page == "about") {
		var about_nav = document.createElement("div");
		about_nav.id = "about-nav";
		var about_prev = document.createElement("a");
		var about_next = document.createElement("a");
		about_prev.id = "about-prev";
		about_next.id = "about-next";
		about_prev.innerHTML = "Previous";
		about_next.innerHTML = "Next";
		about_prev.setAttribute("unselectable", "on");
		about_next.setAttribute("unselectable", "on");
		about_nav.appendChild(about_prev);
		
		var about_divider = document.createElement("span");
		about_divider.innerHTML = " / ";
		about_nav.appendChild(about_divider);
		
		about_nav.appendChild(about_next);
		
		
		var about_counter = document.createElement("div");
		about_counter.id = "about-counter";
		about_counter.innerHTML = "(1 of 8)";
		about_nav.appendChild(about_counter);
		
		document.getElementById("content").appendChild(about_nav);
		
		var about_photo = document.getElementById("about-photo");
		about_photo.getElementsByTagName("img")[0].style.display = "block";
		
		var total_about = about_photo.getElementsByTagName("img").length - 1;
		var current_about = 0;
		function loadAbout(dir) {
			current_about += dir;
			if (current_about > total_about) {
				current_about = 0;
			}
			if (current_about < 0) {
				current_about = total_about;
			}
			for (var i = 0; i <= total_about; i++) {
				about_photo.getElementsByTagName("img")[i].style.display = "none";
			}
			about_counter.innerHTML = "(" + (current_about + 1) + " of 8)";
			about_photo.getElementsByTagName("img")[current_about].style.display = "block";
		}
		
		document.getElementById("about-prev").onclick = function() {
			loadAbout(-1);
		}
		document.getElementById("about-next").onclick = function() {
			loadAbout(1);
		}
	}
}


/*
================================== COOKIES
*/

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}




addLoadEvent(setupNav);