var images = new Array();
var next = 1;
var img_interval = null;
var before = null;
var after = null;
var opacity = 0;
var menu_items = new Object();
	
function loadHeaderImages(arr){	
	before = document.getElementById('slide1');
	after = document.getElementById('slide2');

	for(var i in arr){
		id = arr[i];
		var img = new Image();
		img.onload = function(){this.alt="loaded";};
		img.src = '/_img/slide/'+id+".jpg";
		images.push(img);
	}
	
	changeHeaderImage();
}	

function changeHeaderImage(){
	var changed = false;
	if(opacity == 0){
		if(next == images.length){
			next = 0;
		}
	
		for(var i=next; i<images.length; i++){
			var image = images[i];
			if(image.alt != ""){
				setHeaderImage(image.src);
				next = i+1;
				changed = true;
				break;
			}
		}
		
		
		if(!changed){
			setTimeout("changeHeaderImage();",300);
		}
	}
	
	
}
function setHeaderImage(src){	
	opacity = 0;
	setOpacity(after,opacity);
	after.src = src;
	img_interval = setInterval("opacityChange();",50);
}
function stopImageChange(){	
	if(img_interval != null){
		clearInterval(img_interval);
		img_interval = null;
	}
}
function startImageChange(){	
	if(img_interval == null){
		img_interval = setInterval("opacityChange();",50);
	}
}
function opacityChange(){
	opacity+=10;
	if(opacity>=100){
		opacity = 100;
	}

	setOpacity(after,opacity);
	
	if(opacity>=100){
		clearInterval(img_interval);
		before.src = after.src;
		opacity = 0;
		setTimeout("changeHeaderImage();",5000);
	}
}
function setOpacity(obj,value) {
	if(typeof(obj.style.opacity) != "undefined"){
		obj.style.opacity = value/100;
	}
	if(typeof(obj.style.mozOpacity) != "undefined"){
		obj.style.mozOpacity = value/100;
	}
	if(typeof(obj.style.filter) != "undefined"){
		obj.style.filter = 'alpha(opacity=' + (value) + ')';
	}
}

function loadLights(){
	var height = 200;
	var width = 868;
	var padding = 40;
	
	var content = document.getElementById('page_content');
	var num = Math.round((content.scrollHeight-(height/2.5))/height);

	for(var i=1; i<=num; i++){
		for(var x=0; x<=1; x++){
			if(x){
				left = (width+padding)-33;
			}else{
				left = -(padding+(33)-1);
			}
			var light = document.createElement('DIV');
			light.className = "bg_light";
			light.style.margin = "-"+((i*height))+"px 0 0 "+left+"px";
			
			content.appendChild(light);
		}
	}
}

function menuHover(elem,direction){
	var elem = elem.parentNode;
	var id = elem.id;
	
	if(direction<0){
		if(typeof(menu_items[id]) != "undefined"){
			menu_items[id].dir = direction;
		}
		return null;
	}
	
	if(typeof(menu_items[id]) == "undefined"){
		var e = null;
		
		for(var i=0; i<elem.childNodes.length; i++){
			var node = elem.childNodes[i];
			if(node.nodeName == "SPAN"){
				e = node;
			}
		}
		
		
		e.style.visibility="inherit";

		var item = new Object();
		item.dir = direction;
		item.val = 160;
		item.element = e;
		
		menu_items[id] = item;
		
	}else{
		menu_items[id].dir = direction;
		menu_items[id].val = 160;
		menu_items[id].element.style.visibility="inherit";
		menu_items[id].element.style.width="160px";
	}
}

function effectInterval(){
	for(var key in menu_items){
		menu_items[key].val+= (menu_items[key].dir)*20;
		if(menu_items[key].val <= 1){
			menu_items[key].val = 1;
			menu_items[key].element.style.visibility="hidden";
		}
		if(menu_items[key].val >= 200){
			menu_items[key].val = 200;
			menu_items[key].element.style.visibility="inherit";
		}

		menu_items[key].element.style.width = menu_items[key].val+"px";
	}
}

function imageHover(element,type){
	var nodes = element.childNodes;
	for(var key=0; key<nodes.length; key++){
		var node = nodes[key];
		if(typeof(node.className) != "undefined" && node.className.indexOf("light") >= 0){
			node.className = node.className.replace(" hover","");
			if(type==1){
				node.className+=" hover";
			}
		}
	}
}