Event.observe(window,"load",init_index_js);

var now_rate = new Array();

var keyv_id_s;
var gn_id_s;

var timer_id = null;
var gn_id = null;

function init_index_js(){
	
	keyv_id_s = {
			"cat1" : "keyvBox1",
			"cat2" : "keyvBox2",
			"cat3" : "keyvBox3",
			"cat4" : "keyvBox4"
	};
	
	gn_id_s = {
			"gnEventBtn"	: "gnEventBox",
			"gnTargetBtn"	: "gnTargetBox",
			"gnProductBtn"	: "gnProductBox",
			"gnEpisodeBtn"	: "gnEpisodeBox"
	};
	
	
	for(var key in keyv_id_s){
		if($(key)){
			Event.observe($(key),"mouseover",category_onMouseOver);
		}
	}

	for(key in gn_id_s){
		if($(key)){
			Event.observe($(key),"mouseover",gn_onMouseOver);
			Event.observe($(key),"mouseout",gn_onMouseOut);
		}
		if($(gn_id_s[key])){
			Event.observe($(gn_id_s[key]),"mouseover",gnBox_onMouseOver);
			Event.observe($(gn_id_s[key]),"mouseout",gnBox_onMouseOut);
		}
	}
}

function category_onMouseOver(e){
	
	id = Event.element(e).id;

	for(var key in keyv_id_s){
		
		if($(keyv_id_s[key])){
			if(key == id){
				$(keyv_id_s[key]).style.display="block";
			} else {
				$(keyv_id_s[key]).style.display="none";
			}
		}
	}
}

function gn_onMouseOver(e){
	
	gn_id = null;
	if(timer_id){
		clearInterval(timer_id);
		timer_id = null;
	}
	
	var obj = Event.element(e);
	
	id = Event.element(e).id;
	
	for(var key in gn_id_s){
		
		if($(gn_id_s[key])){
			if(key == id){
				$(gn_id_s[key]).style.display="block";
			} else {
				$(gn_id_s[key]).style.display="none";
			}
		}
	}
}

function gn_onMouseOut(e){
	
	id = Event.element(e).id;

	for(var key in gn_id_s){
		
		if($(gn_id_s[key])){
			if($(gn_id_s[key]).style.display == "block"){
				gn_id = gn_id_s[key];
				timer_id = setInterval(hideGnTimer,300);
			}
		}
	}
}

function gnBox_onMouseOver(e){

	gn_id = null;
	if(timer_id){
		clearInterval(timer_id);
		timer_id = null;
	}

	id = Event.element(e).id;
}

function gnBox_onMouseOut(e){
	
	id = Event.element(e).id;

	for(var key in gn_id_s){
		
		if($(gn_id_s[key]).style.display == "block"){
			gn_id = gn_id_s[key];
			timer_id = setInterval(hideGnTimer,300);
		}
	}
}

function hideGnTimer(){
	
	if($(gn_id)){
		$(gn_id).style.display="none";
	}

	clearInterval(timer_id);
}