$(function(){

$(document).ready(function(){
	TimeoutID = setTimeout("time()",10000);
});

/**************headSlide**************/
num = $("#mainImage ul.bImage").find("li").size();
num2 = 1;

$("#mainImage ul.sImage li").click(function(){
	cName = $(this).attr("class");
	imageChange(cName);
	imageChange3(cName);
	cName = Number(cName.replace("li",""));
	num2 = cName;
	clearTimeout(TimeoutID);
	TimeoutID = setTimeout("time()",10000);
	return false;
});

/**************gNav**************/

$("ul.mainnav li.navbot1,ul.mainnav li.navbot2,ul.mainnav li.navbot3,ul.mainnav li.navbot4").hover(function(){
	cName = $(this).attr("class");
	$("ul.mainnav li").each(function(){
		cName2 = $(this).attr("class");
		dimg = $(this).find("img").attr("src");
		if(cName == cName2){
			dimg = dimg.replace("_o.png",".png");
			dimg = dimg.replace(".png","_o.png");
		}else{
			dimg = dimg.replace("_o.png",".png");
		}
		$(this).find("img").attr("src",dimg);
	});

	
	$("ul.mainnav2").each(function(){
		cName2 = $(this).attr("id");
		if(cName == cName2){
			$(this).css("display","block");
		}else{
			$(this).css("display","none");
		}
	});
});

});

/**************headSlide**************/

function imageChange(cName){
	$("#mainImage ul.sImage li").each(function(){
		cName2 = $(this).attr("class");
		iSrc = $(this).find("img").attr("src");
		if(cName == cName2){
			iSrc = iSrc.replace("hover.jpg",".jpg");
			iSrc = iSrc.replace(".jpg","hover.jpg");
			$(this).find("img").attr("src",iSrc);
		}else{
			iSrc = iSrc.replace("hover.jpg",".jpg");
			$(this).find("img").attr("src",iSrc);
		}
	});
}

function imageChange2(cName){
	$("#mainImage ul.bImage li").each(function(){
		cName2 = $(this).attr("class");
		if(cName == cName2){
			$(this).css("z-index","5").stop(false,true).fadeIn(6000);
		}else{
			$(this).css("z-index","1").stop(false,true).fadeOut(2000);
		}
	});
}

function imageChange3(cName){
	$("#mainImage ul.bImage li").each(function(){
		cName2 = $(this).attr("class");
		if(cName == cName2){
			$(this).css("z-index","5").stop(false,true).fadeIn(1).css("display","block");
		}else{
			$(this).css("z-index","1").stop(false,true).fadeOut(1).css("display","none");
		}
	});
}

function time(){
	num2 = Number(num2);
	if(num2 == num){
		num2 = 1;
	}else{
		num2 = num2 + 1;
	}
	num2 = "li" + num2;
	imageChange(num2);
	imageChange2(num2);
	num2 = Number(num2.replace("li",""));
	clearTimeout(TimeoutID);
	TimeoutID = setTimeout("time()",10000);
}