var zoneForm = document.getElementById("zoneForm");


var overMouse;
var LoopCnt;
var loop;
var totObjCnt;

function zoneScripter(url,type){
	//type 1 : Get Method ?μ°½
	//type 2 : Post Method ?μ΄μ§?΄λ
	//type 3 : Post Method ?μ°½

	var zone_param;
	var zone_uri;
	var status;
	var paramArray;
	var elName;
	var elValue;

	var width = "";
	var height = "";

	if(type == '1'){//Get Method ?μ°½


		//alert("New Window Get "+url);

		//zoneForm.target = "newContents";
		//zoneForm.action = url;
		//zoneForm.submit();

		if(url.indexOf("?") > -1){
			zone_uri = url.substring(0,url.indexOf("?"));
			zone_param = url.substring(url.indexOf("?")+1);
			paramArray = zone_param.split("&");
		
			for(var z=0; z < paramArray.length; z++){
				if(paramArray[z].substring(0,paramArray[z].indexOf("=")) == "width")
				{
					width = paramArray[z].substring(paramArray[z].indexOf("=")+1);
				}

				if(paramArray[z].substring(0,paramArray[z].indexOf("=")) == "height")
				{
					height = paramArray[z].substring(paramArray[z].indexOf("=")+1);
				}
			}

			status = "toolbar=no,directories=no,scrollbars=yes,resizable=yes,status=no,menubar=no,left=5,top=5,width="+width+"px,height="+height+"px";
		}else{
			status = "toolbar=no,directories=no,scrollbars=yes,resizable=yes,status=no,menubar=no,left=5,top=5";
		}


		window.open(url, "newContents", status);
	}
	else if(type == '2'){ //Post Method ?μ΄μ§?΄λ
		if(url.indexOf("?") > -1){
			zone_uri = url.substring(0,url.indexOf("?"));
			zone_param = url.substring(url.indexOf("?")+1);
			paramArray = zone_param.split("&");
		
			for(var z=0; z < paramArray.length; z++){
				elName  = paramArray[z].substring(0,paramArray[z].indexOf("="));
				elValue = paramArray[z].substring(paramArray[z].indexOf("=")+1);
				common_AddElement(zoneForm, "hidden", elName, elValue);
				//alert(elName+"\n\n"+elValue);
			}
		}else{
			zone_uri = url;
		}
	   
		//alert("Page Move Post "+zone_uri+"\n\n"+zone_param);
		zoneForm.target = "";
		zoneForm.method="post";
		zoneForm.action = zone_uri;
		zoneForm.submit();
	}
	else if(type == '3'){ //Post Method ?μ°½
		if(url.indexOf("?") > -1){
			zone_uri = url.substring(0,url.indexOf("?"));
			zone_param = url.substring(url.indexOf("?")+1);
			paramArray = zone_param.split("&");
		
			for(var z=0; z < paramArray.length; z++){
				elName  = paramArray[z].substring(0,paramArray[z].indexOf("="));
				elValue = paramArray[z].substring(paramArray[z].indexOf("=")+1);
				common_AddElement(zoneForm, "hidden", elName, elValue);
				//alert(elName+"\n\n"+elValue);
				if(paramArray[z].substring(0,paramArray[z].indexOf("=")) == "width")
				{
					width = paramArray[z].substring(paramArray[z].indexOf("=")+1);
				}

				if(paramArray[z].substring(0,paramArray[z].indexOf("=")) == "height")
				{
					height = paramArray[z].substring(paramArray[z].indexOf("=")+1);
				}
			}

			status = "toolbar=no,directories=no,scrollbars=yes,resizable=yes,status=no,menubar=no,left=5,top=5,width="+width+",height="+height+"";
		}else{
			zone_uri = url;
			status = "toolbar=no,directories=no,scrollbars=yes,resizable=yes,status=no,menubar=no,left=5,top=5";
		}
		//alert("New window Post "+zone_uri+"\n\n"+zone_param);
		
		window.open("", "newProgram", status);
		zoneForm.target = "newProgram";
		zoneForm.method="post";
		zoneForm.action = zone_uri;
		zoneForm.submit();
	}
	else{//else ?Όκ²½??get?Όλ‘ ?μ°½? μ΄??

			if(url.indexOf("?") > -1){
			zone_uri = url.substring(0,url.indexOf("?"));
			zone_param = url.substring(url.indexOf("?")+1);
			paramArray = zone_param.split("&");
		
			for(var z=0; z < paramArray.length; z++){
				if(paramArray[z].substring(0,paramArray[z].indexOf("=")) == "width")
				{
					width = paramArray[z].substring(paramArray[z].indexOf("=")+1);
				}

				if(paramArray[z].substring(0,paramArray[z].indexOf("=")) == "height")
				{
					height = paramArray[z].substring(paramArray[z].indexOf("=")+1);
				}
			}

			status = "toolbar=no,directories=no,scrollbars=yes,resizable=yes,status=no,menubar=no,left=5,top=5,width="+width+",height="+height+"";
		}else{
			status = "toolbar=no,directories=no,scrollbars=yes,resizable=yes,status=no,menubar=no,left=5,top=5";
		}

		//status = "toolbar=no,directories=no,scrollbars=yes,resizable=yes,status=no,menubar=no,left=5,top=5";
		window.open("", "newContents", status);
		zoneForm.target = "newContents";
		zoneForm.action = url;
		zoneForm.submit();
	}
}
/*
function addElement(type, name, value) {
	idx_field = document.createElement("INPUT");
	idx_field.type = type;
	idx_field.name = name;
	idx_field.value = value;
	zoneForm.appendChild(idx_field);
}
*/
function common_AddElement(formID, type, name, value) { // complate
	idx_field = document.createElement("INPUT");
	idx_field.type = type;
	idx_field.name = name;
	idx_field.value = value;
	formID.appendChild(idx_field);
}

function overImage(){
	overMouse=false;
}

function outImage(){
	overMouse=true;
}


//?Ήμ  ?μμ‘΄λ²???μ λ§μ°?€κ? ?μ???΄λΉλ²νΈ???μμ‘΄divλ₯?λ³΄μ¬μ£Όλ ?¨μ 
function showZoneDiv(seq){
		loop=seq;
		var objName = "zone_img" + loop;
		var viewObjName = "zone_div" + loop;

		var obj = document.getElementById(objName);
		var viewObj = document.getElementById(viewObjName);

		viewObj.style.display = 'block';
		obj.src = "/image/pop_"+loop+"_ov.gif"	//?μ±?μ?΄λ?μ§
		
		for(var i = 1; i <= totObjCnt; i++){
	
			if(i == loop) continue;
	
			var tmpobjName = "zone_img" + i;
			var tmpviewObjName = "zone_div" + i;
			
			var tmpobj = document.getElementById(tmpobjName);
			var tmpviewObj = document.getElementById(tmpviewObjName);
			
			tmpviewObj.style.display = 'none';
			tmpobj.src = "/image/pop_"+i+".gif"	
		}

	if(totObjCnt < seq)
		loop=1;
	else 
		loop=seq;
}

function alink()
{
		var buttonArea = document.getElementById("buttonArea");
		if(buttonArea)
		{	
			if(document.getElementById("alink0"))
			{
				document.getElementById("alink0").onfocus=function(){
					overImage(),showZoneDiv(1);
				};
				document.getElementById("alink0").onblur=function(){
					outImage();
				};
				document.getElementById("alink0").onmouseover=function(){
					overImage(),showZoneDiv(1);
				};
				document.getElementById("alink0").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink1"))
			{
				document.getElementById("alink1").onfocus=function(){
					overImage(),showZoneDiv(2);
				};
				document.getElementById("alink1").onblur=function(){
					outImage();
				};
				document.getElementById("alink1").onmouseover=function(){
					overImage(),showZoneDiv(2);
				};
				document.getElementById("alink1").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink2"))
			{
				document.getElementById("alink2").onfocus=function(){
					overImage(),showZoneDiv(3);
				};
				document.getElementById("alink2").onblur=function(){
					outImage();
				};
				document.getElementById("alink2").onmouseover=function(){
					overImage(),showZoneDiv(3);
				};
				document.getElementById("alink2").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink3"))
			{
				document.getElementById("alink3").onfocus=function(){
					overImage(),showZoneDiv(4);
				};
				document.getElementById("alink3").onblur=function(){
					outImage();
				};
				document.getElementById("alink3").onmouseover=function(){
					overImage(),showZoneDiv(4);
				};
				document.getElementById("alink3").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink4"))
			{
				document.getElementById("alink4").onfocus=function(){
					overImage(),showZoneDiv(5);
				};
				document.getElementById("alink4").onblur=function(){
					outImage();
				};
				document.getElementById("alink4").onmouseover=function(){
					overImage(),showZoneDiv(5);
				};
				document.getElementById("alink4").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink5"))
			{
				document.getElementById("alink5").onfocus=function(){
					overImage(),showZoneDiv(6);
				};
				document.getElementById("alink5").onblur=function(){
					outImage();
				};
				document.getElementById("alink5").onmouseover=function(){
					overImage(),showZoneDiv(6);
				};
				document.getElementById("alink5").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink6"))
			{
				document.getElementById("alink6").onfocus=function(){
					overImage(),showZoneDiv(7);
				};
				document.getElementById("alink6").onblur=function(){
					outImage();
				};
				document.getElementById("alink6").onmouseover=function(){
					overImage(),showZoneDiv(7);
				};
				document.getElementById("alink6").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink7"))
			{
				document.getElementById("alink7").onfocus=function(){
					overImage(),showZoneDiv(8);
				};
				document.getElementById("alink7").onblur=function(){
					outImage();
				};
				document.getElementById("alink7").onmouseover=function(){
					overImage(),showZoneDiv(8);
				};
				document.getElementById("alink7").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink8"))
			{
				document.getElementById("alink8").onfocus=function(){
					overImage(),showZoneDiv(9);
				};
				document.getElementById("alink8").onblur=function(){
					outImage();
				};
				document.getElementById("alink8").onmouseover=function(){
					overImage(),showZoneDiv(9);
				};
				document.getElementById("alink8").onmouseout=function(){
					outImage();
				};
			}
			if(document.getElementById("alink9"))
			{
				document.getElementById("alink9").onfocus=function(){
					overImage(),showZoneDiv(10);
				};
				document.getElementById("alink9").onblur=function(){
					outImage();
				};
				document.getElementById("alink9").onmouseover=function(){
					overImage(),showZoneDiv(10);
				};
				document.getElementById("alink9").onmouseout=function(){
					outImage();
				};
			}

		}
}

function startscroll2()
{
	totObjCnt = LoopCnt;
	scrolling2();
}

function scrolling2()
{
	if (overMouse)
	{
		var objName = "zone_img" + loop;
		var viewObjName = "zone_div" + loop;
		var obj = document.getElementById(objName);
		if(!obj) return false;
		
		var viewObj = document.getElementById(viewObjName);
		if(!viewObj) return false;
		viewObj.style.display = 'block';
		obj.src = "/image/pop_"+loop+"_ov.gif"	//?μ±?μ ?΄λ?μ§
		
		//for(var i = 1; i <= totObjCnt; i++){
		
		for(var i = 1; i <= LoopCnt; i++){
			if(i == loop) continue;
	
			var tmpobjName = "zone_img" + i;
			var tmpviewObjName = "zone_div" + i;
			
			var tmpobj = document.getElementById(tmpobjName);
			var tmpviewObj = document.getElementById(tmpviewObjName);
			
			tmpviewObj.style.display = 'none';
			tmpobj.src = "/image/pop_"+i+".gif"	
		} 

		loop++;
		if(loop > totObjCnt) loop = 1;
	}
}
