var NowOverObj = null;
var NowDisplayObj = null;
var NowOverStatus = false;
var Obj = new Array();
var Obj2 = new Array();
var Obj3 = new Array();

$(document).ready(function() {

	Obj.push($("#gna_Img1"));
	Obj.push($("#gna_Img2"));
	setTimeout("FadeChange()", 2000);

	Obj2.push($("#event_Img1"));
	Obj2.push($("#event_Img2"));
	Obj2.push($("#event_Img3"));
	setTimeout("FadeChange2()", 1500);

	Obj3.push($("#love_img"));
	Obj3.push($("#love_img2"));
	setTimeout("FadeChange3()", 1500);

	 $("#MainLeftLNB > div:eq(1) img").css({"cursor":"pointer", "cursor":"hand"}).each(function(i){
		$(this).click(function(event) {
			MenuOnOff(i);
		});
	 });

});

function FadeChange(){
	Obj[0].fadeOut(2000, function(){
		Obj.push( Obj.shift() );
		Obj[0].fadeIn(2000, function(){
			setTimeout("FadeChange()", 2000);
		});
	});
}

function FadeChange2(){
	Obj2[0].fadeOut(1500, function(){
		Obj2.push( Obj2.shift() );
		Obj2[0].fadeIn(1500, function(){
			setTimeout("FadeChange2()", 1500);
		});
	});
}

function FadeChange2_n(n){
	Obj2[0].fadeOut(10, function(){
//		Obj2.push( Obj2.shift() );
		Obj2[n].fadeIn(10, function(){
			setTimeout("FadeChange2()", 1500);
		});
	});
}

function FadeChange3(){
	Obj3[0].fadeOut(1500, function(){
		Obj3.push( Obj3.shift() );
		Obj3[0].fadeIn(1500, function(){
			setTimeout("FadeChange3()", 1500);
		});
	});
}

function MenuOnOff(Num){
	if(NowDisplayObj != null){
		NowOverObj.show();
		NowOverObj = null;
		NowDisplayObj.hide();
		NowDisplayObj.remove();
		NowDisplayObj = null;
	}
	NowOverObj = $("#MainLeftLNB > div:eq(1) img").eq(Num).parent();
	NowDisplayObj = $("#MainLeftLNB > div:gt(1)").eq(Num).clone();
	NowDisplayObj.find("img").eq(0).css({"cursor":"pointer", "cursor":"hand"}).click(function(){
		MenuOff();
	});
	NowDisplayObj.find("a > img").bind({
		"mouseover":function(){ $(this).attr("src", $(this).attr("src").replace("menu_", "menu_over_")); }
		, "mouseout":function(){ $(this).attr("src", $(this).attr("src").replace("menu_over_", "menu_")); }
	});
	NowOverObj.after( NowDisplayObj );
	NowOverObj.hide();
	NowDisplayObj.show(500);
}
function MenuOff(){
	NowOverObj.show();
	NowOverObj = null;
	NowDisplayObj.hide(200, function(){
		NowDisplayObj.remove();
		NowDisplayObj = null;
	});
}




// Click
$(document).ready(function() {

	$("#QuickMenu img").css({"cursor":"pointer", "cursor":"hand"}).each(function(LoopNum){

		if(LoopNum == 1) $(this).click(function(){ $("#QuickSubMenu").toggle(); });
		$(this).bind({
			"mouseover":function(){  $(this).attr("src", $(this).attr("src").replace("menu_", "menu_over_"));  }
			, "mouseout":function(){ $(this).attr("src", $(this).attr("src").replace("menu_over_", "menu_"));  }
		});
	});

});




var SubNowOverObj = null;
var SubNowDisplayObj = null;
var SubNowOverStatus = false;

$(document).ready(function() {

	 $("#left_area > div.left_menu > div:eq(0) img").css({"cursor":"pointer", "cursor":"hand"}).each(function(i){
		$(this).click(function(event) {
			SubMenuOnOff(i);
		});
	 });

});

function SubMenuOnOff(Num){
	if(SubNowDisplayObj != null){
		SubNowOverObj.show();
		SubNowOverObj = null;
		SubNowDisplayObj.hide();
		SubNowDisplayObj.remove();
		SubNowDisplayObj = null;
	}
	SubNowOverObj = $("#left_area > div.left_menu > div:eq(0) img").eq(Num).parent();
	SubNowDisplayObj = $("#left_area > div.left_menu > div:gt(0)").eq(Num).clone();
	SubNowDisplayObj.find("img").eq(0).css({"cursor":"pointer", "cursor":"hand"}).click(function(){
		SubMenuOff();
	});
	SubNowDisplayObj.find("a > img").bind({
		"mouseover":function(){ $(this).attr("src", $(this).attr("src").replace("menu_", "menu_over_")); }
		, "mouseout":function(){ $(this).attr("src", $(this).attr("src").replace("menu_over_", "menu_")); }
	});
	SubNowOverObj.after( SubNowDisplayObj );
	SubNowOverObj.hide();
	SubNowDisplayObj.show(500);
}
function SubMenuOff(){
	SubNowOverObj.show();
	SubNowOverObj = null;
	SubNowDisplayObj.hide(200, function(){
		SubNowDisplayObj.remove();
		SubNowDisplayObj = null;
	});
}

function SubLeftMenuView(Num){
	var TargetObj = ($(event.srcElement).attr("tagName") == "IMG") ? $(event.srcElement).parent().parent().parent().parent() : $(event.srcElement).parent().parent().parent();
	TargetObj.find("div").hide();
	TargetObj.find("div").eq(Num).find("img").unbind("mouseover");
	TargetObj.find("div").eq(Num).find("img").unbind("mouseout");
	TargetObj.find("div").eq(Num).find("img").bind({
		"mouseover":function(){ $(this).attr("src", $(this).attr("src").replace("sub_sub_over_", "sub_sub_")); }
		, "mouseout":function(){ $(this).attr("src", $(this).attr("src").replace("sub_sub_", "sub_sub_over_")); }
	});
	TargetObj.find("div").eq(Num).show();
}