////////////////////////////////////////////////////////////////////////////////////////////
// ÄíÅ° ¼Â??±â
function setCookie(name, value, expire){

document.cookie = name + "=" + escape(value) 
+ ((expire) ? ";expires="+expire.toGMTString() : "")
}
//  ÄíÅ° ?Á®?±â             
function getCookie(uName){

var flag = document.cookie.indexOf(uName+'=');
	if (flag !=-1){
	flag += uName.length + 1
	end = document.cookie.indexOf(';',flag)
	
	if (end ==-1) end = document.cookie.length
	return  unescape(document.cookie.substring(flag, end))
	
	}
}
////////////////////////////////////////////////////////////////////////////////////////////
getCookie("")

var imgArray = ["imgTv"];
for (var i=1; i<=53; i++) {
	imgArray.push("imgSub" + i);
}
/*
Event.observe(window, "load", function() {
	$("layerTabBottom").observe("click", function() {
		MainTab.activate("layerTv");
	});
	$("layerTabBottom").setStyle({ cursor: "hand" });

	new PeriodicalExecuter(function(pe) {
		//if (shouldRole) changeMainCon("right");
	}, 8);

	//new Rolling2("mktlist23", 2);
	//new Rolling2("mktlist26", 2);

	if ($("layerMainTitle")) {
		$("layerMainTitle").observe("mouseover", function() {
			//window.status = 'mouseover';
			shouldRole = false;
		});
		$("layerMainTitle").observe("mouseout", function() {
			//window.status = 'mouseout';
			shouldRole = true;
		});
	}

	attachMouseHandler();
});
*/
function attachMouseHandler() {
	imgArray.each(function(imgName) {
		var imgLayer = $(imgName);
		if (imgLayer && !imgLayer.outSrc) {
			imgLayer.outSrc = imgLayer.src;
			imgLayer.overSrc = imgLayer.src.substring(0, imgLayer.src.lastIndexOf(".")) + "On" + imgLayer.src.substring(imgLayer.src.lastIndexOf("."));
			imgLayer.observe("mouseover", function() {
				this.src = this.overSrc;
			}.bind(imgLayer));
			imgLayer.observe("mouseout", function() {
				this.src = this.outSrc;
			}.bind(imgLayer));
		}
	});
}

function OpenMainContent(chLayer,a){
	    var opt = {
	    	// Use POST
	    	method: 'get',
	    	// Send this lovely data
	    	onSuccess: function(t) {
				
	     	},
		onComplete: function(t) {
				
				attachMouseHandler();
			},
	    	// Handle 404
	    	on404: function(t) {
	        	alert(' ¿¡? 404: location "' + t.statusText + '" was not found.');
	    	},
	    	// Handle other ¿¡?
	    	onFailure: function(t) {
	        	alert(' ¿¡?' + t.status + ' -- ' + t.statusText);
	    	}
	    }
		
		layerHtml = "http://www.cgntv.net/newmain/mainservice.htm";
	
		chLayer=$("layerTv")
		new Ajax.Updater(chLayer, layerHtml, 'get');
	/*
	new Ajax.Request(layerHtml, {
		method: 'get',
		onSuccess: function(t) {
			alert(t.responseText);
		}
	});

	*/
	}

var layerName ="layerTv"
var MainTab = {

	animating: false,

	// È­?? ÆîÃÄ??Áö ?ºÎ
	activated: false,
	
	//activatedLayerName: "layerTv",
	
	tabHeight: 157,

	tabArray: [layerName],
	
	activate: function(layerName,tabheight) {
		if (this.animating) return;


		if (!this.activated) {
			var tabheight = tabheight;
			var layer = $(layerName);
			var effects = [];

				var options = $H({   
					
					duration: 0.5,
					scaleX: false,
					scaleY: true,
					scaleContent: false,
					scaleMode: {
						originalHeight: this.tabHeight
					},
					scaleFrom: 0,
					transition: Effect.Transitions.sinoidal,
					beforeStart: function() {
						this.animating = true;
					}.bind(this),
					afterFinish: function() {
						this.animating = false;
						this.activated = true;
						//this.activatedLayerName = layerName;
						//$("layerTv").style.visibility = "";
						//$("layerMainTitle").style.top = "100px";
						//$("layerCenterBanner").style.top = "8px";
						//	divProg.style.top = "92px";
						$("layerTabBottom").style.visibility = "";
						$("layerTabBottom").innerHTML="<font color=#D6D6D6><b>Main Service</b> ´Ý±â ¡ã</font>"
					}.bind(this)
				});

			effects.push(
				new Effect.Scale(layer, this.tabHeight, options)
			);
		} else {
			// ¼±ÅÃµÈ layer? ?Àç activatedµÈ layer¶ó?...
			
				this.deactivate(layerName);
				return;
			
		}
		
		OpenMainContent(layerName,2);
	},

	deactivate: function(layerName) {
		//
	//	var layer2 = $("divProg");
	//	layer2.style.top = "0px";
		//
		//var layer = null;   // ??? ? ?±âÈ­ 
		
			
			var layer = layerName;
			var tabView = $(layer);
			
		
		
		if (layer) {
			var effects = [];

			var options = $H({
				duration: 0.5,
				scaleX: false,
				scaleY: true,
				scaleContent: false,
				scaleMode: {
					originalHeight: this.tabHeight
				},
				scaleFrom: 120,
				transition: Effect.Transitions.sinoidal,
				beforeStart: function() {
					this.animating = true;
				}.bind(this),
				afterFinish: function() {
					this.animating = false;
					this.activated = false;
					
					//$("layerTv").style.visibility = "hidden";
					//$("layerCenterBanner").style.top = "223px";

					$("layerTabBottom").style.visibility = "";
					$("layerTabBottom").innerHTML="<font color=orange><b>Main Service</b> ¿­±â ¡å</font>"
				}.bind(this)
			});
			
			effects.push(
				new Effect.Scale(layer, 0, options)
				
				
			
			);
			
		}   
		OpenMainContent(layer,1);
	}
	
	

}



	


	var caution = false;
	
	function wsg_getCookie(name) {
		var prefix = name + "=";						
		var cookieStartIndex = document.cookie.indexOf(prefix);
		if (cookieStartIndex == -1) return null;						
		var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
		if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;						
		return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
	}
	
	function wsg_setCookie(name, value, expires, path, domain, secure) {
		var curCookie = name + "=" + escape(value) +
		((expires) ? "; expires=" + expires.toGMTString() : "") +
		((path) ? "; path=" + path : "") +
		((domain) ? "; domain=" + domain : "") +
		((secure) ? "; secure" : "")
		if (!caution || (name + "=" + escape(value)).length <= 4000)
		document.cookie = curCookie
		else
		if (confirm("Cookie exceeds 4KB and will be cut!"))
		document.cookie = curCookie
		return true;
	}
	
	// DIV ¹«ºù ?°ú ¹× À§Ä¡?? ÄíÅ° ¼³?
	
	function swapDIV(div1, div2)  {
	
}

function lotateDiv(){

	var exp = new Date();
	var oneYearFromNow = exp.getTime() + (365*24 * 60 * 60 * 1000);
	exp.setTime(oneYearFromNow);
	
	var d1 = $("revertbox1");
	var d2 = $("revertbox2");
	var d3 = $("revertbox3");
	var b1 = $("btnDiv1");
	var b2 = $("btnDiv2");
	var b3 = $("btnDiv3");	
	var upsrc = "http://file.cgntv.net/newmain/img/up.jpg";
	var dwsrc = "http://file.cgntv.net/newmain/img/down.jpg";
	
	
	

	if(d1.offsetTop < d2.offsetTop && d1.offsetTop < d3.offsetTop) {	  // 1, 2, 3 ?? ³ª??? 	
	new Effect.Move (d1,{ x: 0, y: 282+14, mode: 'relative'});	
	new Effect.Move (d2,{ x: 0, y: -141-7, mode: 'relative'});	
	new Effect.Move (d3,{ x: 0, y: -141-7, mode: 'relative'});
	b1.src=upsrc;
	b2.src=dwsrc;
		if(wsg_getCookie("div_align")=="123") cvalue="231";
		else cvalue="231"; 
		
	}else if(d2.offsetTop < d1.offsetTop && d2.offsetTop < d3.offsetTop){	
	new Effect.Move (d2,{ x: 0, y: 282+14, mode: 'relative'});	
	new Effect.Move (d3,{ x: 0, y: -141-7, mode: 'relative'});	
	new Effect.Move (d1,{ x: 0, y: -141-7, mode: 'relative'});	
	b2.src=upsrc;
	b3.src=dwsrc;
		if(wsg_getCookie("div_align")=="231") cvalue="312";
		else cvalue="312"; 

		
	} else if(d3.offsetTop < d2.offsetTop && d3.offsetTop < d1.offsetTop) {
	b3.src=upsrc;
	b1.src=dwsrc;	
	new Effect.Move (d3,{ x: 0, y: 282+14, mode: 'relative'});	
	new Effect.Move (d1,{ x: 0, y: -141-7, mode: 'relative'});	
	new Effect.Move (d2,{ x: 0, y: -141-7, mode: 'relative'});		
		if(wsg_getCookie("div_align")=="312") cvalue="123";
		else cvalue="123"; 
	}else{
	cvalue="123"; 	
	}


	var sc = wsg_setCookie("div_align",cvalue,0,"/","www.cgntv.net",0);
	var sc = wsg_setCookie("div_align",cvalue,exp,"/","www.cgntv.net",0);

	
}