var genreImages = new Array();

var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE8=isIE&&!!document.documentMode;
var isIE7=isIE&&!isIE6&&!isIE8;

if(isIE6 ) {
	try{   
	    document.execCommand("BackgroundImageCache", false, true);   
	}catch(e){} 
}

genreImages[0] = new Image();
genreImages[0].src = "./images/genre/theme_over.png";
genreImages[1] = new Image();
genreImages[1].src = "./images/genre/theme_off.png";
genreImages[22] = new Image();
genreImages[22].src = "./images/genre/theme_on.png";
genreImages[2] = new Image();
genreImages[2].src = "./images/genre/game_over.png";
genreImages[3] = new Image();
genreImages[3].src = "./images/genre/game_off.png";
genreImages[23] = new Image();
genreImages[23].src = "./images/genre/game_on.png";
genreImages[4] = new Image();
genreImages[4].src = "./images/genre/comic_over.png";
genreImages[5] = new Image();
genreImages[5].src = "./images/genre/comic_off.png";
genreImages[24] = new Image();
genreImages[24].src = "./images/genre/comic_on.png";
genreImages[6] = new Image();
genreImages[6].src = "./images/genre/appl_over.png";
genreImages[7] = new Image();
genreImages[7].src = "./images/genre/appl_off.png";
genreImages[25] = new Image();
genreImages[25].src = "./images/genre/appl_on.png";
genreImages[8] = new Image();
genreImages[8].src = "./images/genre/wallRing_over.png";
genreImages[9] = new Image();
genreImages[9].src = "./images/genre/wallRing_off.png";
genreImages[26] = new Image();
genreImages[26].src = "./images/genre/wallRing_on.png";
genreImages[10] = new Image();
genreImages[10].src = "./images/genre/news_over.png";
genreImages[11] = new Image();
genreImages[11].src = "./images/genre/news_off.png";
genreImages[27] = new Image();
genreImages[27].src = "./images/genre/news_on.png";
genreImages[28] = new Image();
genreImages[28].src = "./images/genre/member_over.png";
genreImages[29] = new Image();
genreImages[29].src = "./images/genre/member_off.png";
genreImages[30] = new Image();
genreImages[30].src = "./images/genre/member_on.png";


genreImages[12] = new Image();
genreImages[12].src = "./images/genre/theme_over_index.jpg";
genreImages[13] = new Image();
genreImages[13].src = "./images/genre/theme_off_index.jpg";

genreImages[14] = new Image();
genreImages[14].src = "./images/genre/game_over_index.jpg";
genreImages[15] = new Image();
genreImages[15].src = "./images/genre/game_off_index.jpg";

genreImages[16] = new Image();
genreImages[16].src = "./images/genre/comic_over_index.jpg";
genreImages[17] = new Image();
genreImages[17].src = "./images/genre/comic_off_index.jpg";

genreImages[18] = new Image();
genreImages[18].src = "./images/genre/wallRing_over_index.jpg";
genreImages[19] = new Image();
genreImages[19].src = "./images/genre/wallRing_off_index.jpg";

genreImages[20] = new Image();
genreImages[20].src = "./images/genre/appl_over_index.jpg";
genreImages[21] = new Image();
genreImages[21].src = "./images/genre/appl_off_index.jpg";
genreImages[31] = new Image();
genreImages[31].src = "./images/subgenre.png";
genreImages[32] = new Image();
genreImages[32].src = "./images/subgenre_selected.png";
genreImages[33] = new Image();
genreImages[33].src = "./images/subgenre2.png";
genreImages[34] = new Image();
genreImages[34].src = "./images/subgenre_selected2.png";

function genreTurnoff(ImgIndex, imgs){
    document.getElementById(imgs).src = genreImages[ImgIndex].src;
}

function genreChangeBg(ImgIndex, imgs){
    document.getElementById(imgs).style.background = "url('" + genreImages[ImgIndex].src + "')";
    if(ImgIndex == 34)
    	document.getElementById(imgs).style.color = "#19AFFA";
    if(ImgIndex == 33)
    	document.getElementById(imgs).style.color = "#364D5D";
}

function genreMove(){
	var sub_genre = document.getElementById("sub_genre");
	
	if ("none" == sub_genre.style.display) {
		
		sub_genre.style.display="";

		var obj = document.getElementById("genre_member");
        var ParentObj = obj;
        var left = obj.offsetLeft;

        while(ParentObj = ParentObj.offsetParent){

        	left += ParentObj.offsetLeft;
        }

        sub_genre.style.left = left + "px";

        var ParentObj = obj;
        var top = obj.offsetTop + 46;

        while(ParentObj = ParentObj.offsetParent){

        	top += ParentObj.offsetTop;
        }
        
        sub_genre.style.top = top + "px";
        sub_genre.style.display = "";
	 }
}

function genreOut(){
	var sub_genre = document.getElementById("sub_genre");
	sub_genre.style.display="none";
}