var t;
var c = 0;

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" over";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" over\\b"), "");
		}
	}
}

function initMainPhoto(){
	$('mainphoto').insert('<div style="position:relative;" id="mainphotowrapper"></div>');
	
	for(var index = 0; index < pic.length; ++index){
		$('mainphotowrapper').insert('<div class="photo" id="photo'+index+'" style="display:none;background-image:url(' + pic[index] + ')"></div>');
	}
	
	slideShow();
}

function slideShow(){
	
	var cmin = c-1;

	if($('photo' + c) != null){
		$('photo' + c).appear();
	} else {
		c = 0;
	}
	if($('photo' + cmin) != null){
		$('photo' + cmin).fade();
	}

	c++;
	
	if($('staticPhoto') == null){
		t = setTimeout("slideShow();", 4000);
	}
	
}

function changePic(image){
	if($('staticPhoto') == null){
		$('mainphotowrapper').insert('<div class="photo" id="staticPhoto" style="display:none;background-image:url(' + image + ');"></div>"');
	} else {
		$('staticPhoto').style.backgroundImage = 'url(' + image + ')';
	}
	
	$('staticPhoto').appear();
	
	for(var index = 0; index < pic.length; ++index){
		$('photo' + index).fade();
	}
}

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);
}

if (window.attachEvent) window.attachEvent("onload", sfHover);
window.onload = initMainPhoto;