/**
 * 
 */

var zindex = 11;
var actualSlide = 0;
var timer = 0;

//Start to slide at loading begin
$(document).ready(function() {
	
	//startSliding();
	
	jQuery("#navi_link_0").mouseover(function(){setActive(0)});
	jQuery("#navi_link_1").mouseover(function(){setActive(1)});
	jQuery("#navi_link_2").mouseover(function(){setActive(2)});
	jQuery("#navi_link_3").mouseover(function(){setActive(3)});
	jQuery("#navi_link_4").mouseover(function(){setActive(4)});
	jQuery("#navi_link_5").mouseover(function(){setActive(5)});
	
	jQuery("#navi_link_0").mouseout(function(){setInActive(0)});
	jQuery("#navi_link_1").mouseout(function(){setInActive(1)});
	jQuery("#navi_link_2").mouseout(function(){setInActive(2)});
	jQuery("#navi_link_3").mouseout(function(){setInActive(3)});
	jQuery("#navi_link_4").mouseout(function(){setInActive(4)});
	jQuery("#navi_link_5").mouseout(function(){setInActive(5)});
	
	setTimeout("slideTo(" + actualSlide + ")", 3000);
	
});



function setActive(id){
	
	stopSliding();
	actualSlide = id;
	
	zindex++;
	//alert("zindex: " + zindex);
	
	for(i = 0; i < 6; i++){
		jQuery("#navi_link_" + i).attr("class", "slider_link");
	}
	
	jQuery("#slider_item_" + id).css("z-index", zindex);
	jQuery("#slider_item_" + id).fadeIn();
	jQuery("#slider_item_" + id + " .slider-description").css("display", "block");
	jQuery("#navi_link_" + id).attr("class", "active");
	
}

function setInActive(id){
	//alert("set inactive: " + id);
	jQuery("#slider_item_" + id + " .slider-description").css("display", "none");
	//jQuery("#navi_link_" + id).attr("class", "slider_link");
	
//	startSliding();
}

function startSliding(){
	timer = setTimeout("slideTo(" + actualSlide + ")", 3000);
}

function stopSliding(){
	
	clearTimeout(timer);
	timer = null;

}

function slideTo(){
	
	zindex++;
//	alert("zindex: " + zindex);
	actualSlide++;
	
	if(actualSlide == 6){
		actualSlide = 0;
	}
	
	for(i = 0; i < 6; i++){
		jQuery("#navi_link_" + i).attr("class", "slider_link");
	}
	
	
	jQuery("#slider_item_" + actualSlide).css("z-index", zindex);
	jQuery("#navi_link_" + actualSlide).attr("class", "active");
	jQuery("#slider_item_" + actualSlide).fadeIn();
	
	timer = setTimeout("slideTo(" + actualSlide + ")", 3000);
}