dom.event.addEventListener(window, "load", check_cookie);

var current;
var firstEv = false;
var oldTag;
var oldNum;
var nums;
function check_cookie() {
	
	var selectBtn = document.getElementById('select_inferno');
	dom.event.addEvent(selectBtn, "click", selectClick);
	//dom.event.addEvent(selectBtn, "mouseout", selectOut);
	var listWrap = document.getElementById('inferno_list');
	var list = listWrap.getElementsByTagName('LI');
	
	listWrap.style.display = "none";
	
	
	
	for(var i = 1; i <= list.length; i++) {
		dom.event.addEventListener(list.item(i-1), 'mouseover', listOver);
		dom.event.addEventListener(list.item(i-1), 'mouseout', listOut);
		dom.event.addEvent(list.item(i-1), 'click', changeInferno);	
	}
	
	
	if(document.getElementById('select_inferno')) {
	} else {
		
	}
	if(!document.getElementById('select_inferno')) {
			nums = 1;
			dom.misc.setCookie("select", nums, 14, '/', '', '');
		}
	nums = dom.misc.getCookie("select");
	
	if(!nums) {
		nums = 1;
		dom.misc.setCookie("select", nums, 14, '/', '', '');
	} else {
	}
	current = nums;
	document.getElementById("c"+nums).src=path+"img/shared/btn_c_"+nums+"_on.png";
	if(nums == "1") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_1.jpg)';
	}
	else if(nums == "2") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_2.jpg)';
	}
	else if(nums == "3") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_3.jpg)';
	}
	else if(nums =="4") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_4.jpg)';
	}
	else if(nums == "5") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_5.jpg)';
	}
	else if(nums == "6") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_6.jpg)';
	}
	else if(nums == "7") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_7.jpg)';
	}
	else if(nums == "8") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_8.jpg)';
	}
	else if(nums == "9") {
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_9.jpg)';
	}
}

function changeInferno(evt) {
	var target = evt.target||evt.srcElement;
	var ID = document.getElementById(target.id);
	var num = String(ID.id).slice(1,2);
	
	current = num;
	document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_'+num+'.jpg)';
	dom.misc.setCookie("select", num, 14, '/', '', '');
	/*
	if(target.id == "c1") {
		nums = 1;
		dom.misc.setCookie("select", nums, 14, '/', '', '');
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_1.jpg)';
	}
	if(target.id == "c2") {
		nums = 2;
		dom.misc.setCookie("select", nums, 14, '/', '', '');
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_2.jpg)';
	}
	if(target.id == "c3") {
		nums = 3;
		dom.misc.setCookie("select", nums, 14, '/', '', '');
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_3.jpg)';
	}
	if(target.id == "c4") {
		nums = 4;
		dom.misc.setCookie("select", nums, 14, '/', '', '');
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_4.jpg)';
	}
	if(target.id == "c5") {
		nums = 5;
		dom.misc.setCookie("select", nums, 14, '/', '', '');
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_5.jpg)';
	}
	if(target.id == "c6") {
		nums = 6;
		dom.misc.setCookie("select", nums, 14, '/', '', '');
		document.getElementsByTagName('body').item(0).style.backgroundImage = 'url('+path+'img/shared/bg_6.jpg)';
	}
	*/
	
	if(!firstEv) {
		oldTag = document.getElementById("c"+nums);
		oldNum = nums;
		firstEv = true;
	}
	oldTag.src=path+"img/shared/btn_c_"+oldNum+".png";
	
	oldTag = document.getElementById(target.id);
	oldNum = num;
	
}


function selectOver(evt) {
	var selecter = document.getElementById('inferno_list');
	selecter.style.display = "block";
}
function selectOut(evt) {
	var selecter = document.getElementById('inferno_list');
	selecter.style.display = "none";
}

function selectClick(evt) {
	var selecter = document.getElementById('inferno_list');
	var ss = document.getElementById('select');
	if(selecter.style.display == "none") {
		selecter.style.display = "block";
		ss.src = path+"img/shared/btn_c_on.jpg";
	} else {
		selecter.style.display = "none";
		ss.src = path+"img/shared/btn_c.jpg";
	}
	
}

function listOver(evt) {
	var target = evt.target||evt.srcElement;
	var ID = document.getElementById(target.id);
	var num = String(ID.id).slice(1,2);
	if(current != num) {
		ID.src=path+"img/shared/btn_c_"+num+"_on.png";
	}
}
function listOut(evt) {
	var target = evt.target||evt.srcElement;
	var ID = document.getElementById(target.id);
	var num = String(ID.id).slice(1,2);
	if(current != num) {
		ID.src=path+"img/shared/btn_c_"+num+".png";
	}
}