var arImgOn = new Array();
var arImgOff = new Array();
var arSubImgOn = new Array();
var arSubImgOff = new Array();

var tempDIV = null;
var initDIV = null;



function init() {
	var i, j;
	for(i=0;  i<7;  i++) {
		arImgOn[i] = new Image();
		arImgOff[i] = new Image();
		arImgOn[i].src = "/newimg/menuIcon/menu_" + znum(i+1) + "_on.gif";
		arImgOff[i].src = "/newimg/menuIcon/menu_" + znum(i+1) + "_off.gif";

		arSubImgOn[i] = new Array();
		arSubImgOff[i] = new Array();
		for(j=0; j < 8; j++) {
			arSubImgOn[i][j] = new Image();
			arSubImgOff[i][j] = new Image();
			arSubImgOn[i][j].src = "/newimg/menuIcon/sub_" + znum(i+1) + "_" + znum(j+1) + "_on.gif";
			arSubImgOff[i][j].src = "/newimg/menuIcon/sub_" + znum(i+1) + "_" + znum(j+1) + "_off.gif";
		}
	}

	//allblur();
}

function isImgStat(obj) {
	var src = obj.src;
	if(src.substring(src.lastIndexOf('_')+1, src.lastIndexOf('.')) == 'on')
		return true;
	else
		return false;
}

function viewSubMenu(subMenu) {
	if(subMenu != undefined) {
		var strLeft = '0px';

		if(subMenu == 'sub01') strLeft='28px';
		else if(subMenu == 'sub02') strLeft='110px';
		else if(subMenu == 'sub03') strLeft='184px';
		else if(subMenu == 'sub04') strLeft='30px';
		else if(subMenu == 'sub05') strLeft='202px';
		else if(subMenu == 'sub06') strLeft='105px';
		else if(subMenu == 'sub07') strLeft='301px';

		$(subMenu).setStyle({marginLeft:strLeft});
		$(subMenu).show();
	}
}

function menuInit(obj) {
	var i=0;
	var len=0;

	initDIV = obj;
	var mainID = obj.split('_');
	tempDIV = eval(mainID[0]);
	if(tempDIV && mainID[0] != '') {
		viewSubMenu('sub' + mainID[0]);
		$('img_' + mainID[0]).src = arImgOn[znum(mainID[0])-1].src;
		$(obj).src = arSubImgOn[znum(mainID[0])-1][znum(mainID[1])-1].src;
	}
}

function imgCheck(obj, index, sub) {
	//obj.border = "0";

	obj.onmouseover = function (event) {
		if(sub != undefined) {		// Sub Menu
			obj.src = arSubImgOn[index][sub].src;
		} else {							// Main Menu
			if(tempDIV != null) {
				$('img_' + znum(tempDIV)).src = arImgOff[tempDIV-1].src;
				if($('sub' + znum(tempDIV)) != undefined) $('sub' + znum(tempDIV)).hide();
			}

			tempDIV = index+1;
			if(isImgStat(obj)) obj.src = arImgOff[index].src;
			else obj.src = arImgOn[index].src;

			viewSubMenu('sub' + znum(index+1));
		}

		//obj.style.cursor = "pointer";
	};

	obj.onmouseout = function (event) {
		if(sub != undefined) {		// Sub Menu
			if(isImgStat(obj)) obj.src = arSubImgOff[index][sub].src;
			else obj.src = arSubImgOn[index][sub].src;
		} else {							// Main Menu

		}
	};
}

function menuOverProc(obj, index, sub) {
		if(sub != undefined) {		// Sub Menu
			obj.src = arSubImgOn[index][sub].src;
		} else {							// Main Menu
			if(tempDIV != null) {
				$('img_' + znum(tempDIV)).src = arImgOff[tempDIV-1].src;
				if($('sub' + znum(tempDIV)) != undefined) $('sub' + znum(tempDIV)).hide();
			}
			tempDIV = index+1;
			if(isImgStat(obj)) obj.src = arImgOff[index].src;
			else obj.src = arImgOn[index].src;

			viewSubMenu('sub' + znum(index+1));
		}
}

function menuOutProc(obj, index, sub) {
		if(sub != undefined) {		// Sub Menu
			if(isImgStat(obj)) obj.src = arSubImgOff[index][sub].src;
			else obj.src = arSubImgOn[index][sub].src;
		} else {							// Main Menu

		}
}

function allLayerDelete() {
	for(var i=0; i<8; i++) {
		if($('sub' + znum(i+1)) != undefined)
			$('sub' + znum(i+1)).hide();
	}
	for(var i=0; i<6; i++) {
		if($('img_' + znum(i+1)) != undefined)
			$('img_' + znum(i+1)).src = arImgOff[i].src;
	}
	menuInit(initDIV);
}

init();