window.getInnerWidth = function() 
{
    if (Prototype.Browser.IE) 
    {
        if( document.documentElement.clientWidth == 0 )
            return window.document.body.clientWidth;
        return document.documentElement.clientWidth;        
    }
    else
    {
        return window.innerWidth;
    }
}



window.getGnbStartPoint = function(objName) 
{
	var sPoint=0;
	
    if (objName == "main_gnb_sub_menu_company")
    	sPoint = 300;
    else if (objName == "main_gnb_sub_menu_products")
    	sPoint = 150;
    else if (objName == "main_gnb_sub_menu_recruit")
    	sPoint = 30;
    else if (objName == "main_gnb_sub_menu_pr")
    	sPoint = -90;
    else 
    	sPoint =  0;
    
    var bodyWith = getInnerWidth();
    return ((bodyWith / 2) - sPoint) + "px";
}

function initMainGnbTab(tabContainerID) {
	var tabContainer = document.getElementById(tabContainerID);
	var tabAnchor = tabContainer.getElementsByTagName("li");
	var i = 0;
	var tabSmenu = document.getElementById("main_gnb_sub_menu");
	var tabSmenu_currClassName = "";

	for (i = 0; i < tabAnchor.length; i++) {
		
		if (Element.hasClassName(tabAnchor.item(i), "tab"))
			thismenu = tabAnchor.item(i);
		else
			continue;
		
		thismenu.container = tabContainer;
		//alert(tabAnchor.item(i).id);
		thismenu.imgEl = thismenu.getElementsByTagName("img").item(0);
		thismenu.onmouseover = function tabMenuonmouseover() {
			

			if (this.imgEl) {
				//this.imgEl.src = this.imgEl.src.replace(".gif", "_on.gif");
			} else {
				this.className += " on";
				Element.addClassName(tabSmenu, this.id);
				//writeDebug(this.id + " --> " + ((bodyWith / 2) - getGnbStartPoint(this.id));
				tabSmenu.style.left = getGnbStartPoint(this.id);				
			}
			this.container.current = this;

			return false;
		};
		
		thismenu.onmouseout = function tabMenuonmouseout() {
			if (this.imgEl) {
				//this.imgEl.src = this.imgEl.src.replace("_on.gif", ".gif");
			} else {
				this.className = this.className.replace(" on", "");
				tabSmenu_currClassName = tabSmenu.className;
				Element.removeClassName(tabSmenu, tabSmenu_currClassName);
			}
			this.container.current = 0;

			return false;
		};
	}
	if (tabContainer.first)
		tabContainer.first.onmouseover();
}

var currgnb = ""
var currmenu = "";
var logstr = "";
var logcnt = 0;

var t_currgnb = ""
var t_currmenu = "";

function initMappersGnb(tabContainerID) {
	var tabContainer = document.getElementById(tabContainerID);
	var tabAnchor = tabContainer.getElementsByTagName("li");
	var subMenu, subGnb;
	var i = 0;
	var t;

	for (i = 0; i < tabAnchor.length; i++) {
		
		if (Element.hasClassName(tabAnchor.item(i), "tab"))
			thismenu = tabAnchor.item(i);
		else
			continue;
		
		thismenu.container = tabContainer;
		//alert(tabAnchor.item(i).id);
		thismenu.onmouseover = function tabMenuonmouseover() {
			/*
			  
			 if (!(this == currgnb)){
				subMenu = currgnb.id.split("#");
				document.getElementById(subMenu[1]).style.display="none";
			}
			*/
			//toggleDefaultMenu();
			if (this.imgEl) {
				//this.imgEl.src = this.imgEl.src.replace(".gif", "_on.gif");
			} else {
				subMenu = this.id.split("#");
				subGnb = this.id.split("#smenu_");
				document.getElementById(subMenu[1]).style.display="inline-block";
				Element.addClassName("layout_gnb", "sel_gnb_"+subGnb[1]);
				Element.addClassName("layout_gnb", "zindex_1000");
			}
			return false;
		};
		thismenu.onmouseout = function tabMenuonmouseout() {
			if (this.imgEl) {
				//this.imgEl.src = this.imgEl.src.replace("_on.gif", ".gif");
			} else {
				subMenu = this.id.split("#");
				document.getElementById(subMenu[1]).style.display="none";
				subGnb = this.id.split("#smenu_");
				Element.removeClassName("layout_gnb", "sel_gnb_"+subGnb[1]);
				Element.removeClassName("layout_gnb", "zindex_1000");
			}
			//setDefaultMenu();
			
		/*	
			subMenu = currgnb.id.split("#");
			document.getElementById(subMenu[1]).style.display="block";
			*/
			return false;
		};
	}
}
/*
$j('#mappers_gnb').ready(function() {
	var time;
	$j('#mappers_gnb').bind({
		mouseout: function(){
			setDefaultMenu();
		},
		mouseover : function(){
			removeDefaultMenu();
		}
	})
	
	$j('#mappers_gnb div').hover(setDefaultMenu,
		function(){
			time = setTimeout(removeDefaultMenu,500)
		})
});
*/	

$j('#tab_company').ready(function() {
	var time;
	$j('#tab_company').bind({
		mouseover : function(){
			view_smenu();	
		},
		mouseout: function(){
			hidden_smenu();		
		}		
	})
	
	$j('#tab_company li').hover(view_smenu,
		function(){
			time = setTimeout(hidden_smenu,500)
	})
	
	function view_smenu(){
		clearTimeout(time);
		$j('#layout_gnb').addClass('sel_gnb_company');
		$j('#layout_gnb').removeClass('sel_gnb_products');
		$j('#layout_gnb').removeClass('sel_gnb_recruit');
		$j('#layout_gnb').removeClass('sel_gnb_pr');
	}
	
	function hidden_smenu(){
		clearTimeout(time);
		$j('#layout_gnb').removeClass('sel_gnb_company');
	}
});


$j('#tab_products').ready(function() {
	var time;
	$j('#tab_products').bind({
		mouseover : function(){
		view_smenu();	
	},
	mouseout: function(){
		hidden_smenu();		
	}	
	})
	
	$j('#tab_products li').hover(view_smenu,
		function(){
			time = setTimeout(hidden_smenu,500)
	})
	
	function view_smenu(){
		clearTimeout(time);
		$j('#layout_gnb').removeClass('sel_gnb_company');
		$j('#layout_gnb').addClass('sel_gnb_products');
		$j('#layout_gnb').removeClass('sel_gnb_recruit');
		$j('#layout_gnb').removeClass('sel_gnb_pr');
			
	}
	
	function hidden_smenu(){
		clearTimeout(time);
		$j('#layout_gnb').removeClass('sel_gnb_products');
	}
});


$j('#tab_recruit').ready(function() {
	var time;
	$j('#tab_recruit').bind({
		mouseover : function(){
		view_smenu();	
	},
	mouseout: function(){
		hidden_smenu();		
	}	
	})
	
	$j('#tab_recruit li').hover(view_smenu,
		function(){
			time = setTimeout(hidden_smenu,500)
	})
	
	function view_smenu(){
		clearTimeout(time);
		$j('#layout_gnb').removeClass('sel_gnb_company');
		$j('#layout_gnb').removeClass('sel_gnb_products');
		$j('#layout_gnb').addClass('sel_gnb_recruit');
		$j('#layout_gnb').removeClass('sel_gnb_pr');
	}
	
	function hidden_smenu(){
		clearTimeout(time);
		$j('#layout_gnb').removeClass('sel_gnb_recruit');
	}
});

$j('#tab_pr').ready(function() {
	var time;
	$j('#tab_pr').bind({
		mouseover : function(){
		view_smenu();	
	},
	mouseout: function(){
		hidden_smenu();		
	}	
	})
	
	$j('#tab_pr li').hover(view_smenu,
		function(){
			time = setTimeout(hidden_smenu,500)
	})
	
	function view_smenu(){
		clearTimeout(time);
		$j('#layout_gnb').removeClass('sel_gnb_company');
		$j('#layout_gnb').removeClass('sel_gnb_products');
		$j('#layout_gnb').removeClass('sel_gnb_recruit');
		$j('#layout_gnb').addClass('sel_gnb_pr');
	}
	
	function hidden_smenu(){
		clearTimeout(time);
		$j('#layout_gnb').removeClass('sel_gnb_pr');
	}
});

function initGnbTab(tabContainerID) {
	var tabContainer = document.getElementById(tabContainerID);
	var tabAnchor = tabContainer.getElementsByTagName("li");
	var subMenu;
	var i = 0;
	var t;

	for (i = 0; i < tabAnchor.length; i++) {
		
		if (Element.hasClassName(tabAnchor.item(i), "tab"))
			thismenu = tabAnchor.item(i);
		else
			continue;
		
		thismenu.container = tabContainer;
		//alert(tabAnchor.item(i).id);
		thismenu.imgEl = thismenu.getElementsByTagName("img").item(0);
		thismenu.onmouseover = function tabMenuonmouseover() {

			if (!(this == currgnb)){
				subMenu = currgnb.id.split("#");
				document.getElementById(subMenu[1]).style.display="none";
			}
			
			if (this.imgEl) {
				//this.imgEl.src = this.imgEl.src.replace(".gif", "_on.gif");
			} else {
				this.className += " on";
				subMenu = this.id.split("#");
				document.getElementById(subMenu[1]).style.display="block";
			}
			
		//	writeDebug("mouseover -->" + this.id);
		//	writeDebug("currgnb -->" + currgnb.id);
			return false;
		};

		thismenu.onmouseout = function tabMenuonmouseout() {
			
			
			if (this.imgEl) {
				//this.imgEl.src = this.imgEl.src.replace("_on.gif", ".gif");
			} else {
				this.className = this.className.replace(" on", "");
				subMenu = this.id.split("#");
				document.getElementById(subMenu[1]).style.display="none";
			}
			
			subMenu = currgnb.id.split("#");
			document.getElementById(subMenu[1]).style.display="block";
			
//			writeDebug("mouseout -->" + this.id);
	//		writeDebug("currgnb -->" + currgnb.id);
			return false;
		};
	}
}

window.dumy = function (){alert("a");} 


window.setCurrGnb = function(gnbname){
	currgnb = gnbname;
	t_currgnb = currgnb
}

window.setCurrMenu = function(menuname){
	currmenu = menuname;
	t_currmenu = currmenu;
}

window.setDefaultMenu = function()
{	
	Element.addClassName("layout_gnb", "curr_gnb_"+currgnb);
	Element.addClassName("layout_gnb", "sel_menu_"+currmenu);
	//document.getElementById("smenu_"+currgnb).style.display="inline-block";
}

window.removeDefaultMenu = function()
{
	document.getElementById("smenu_"+currgnb).style.display="none";
	Element.removeClassName("layout_gnb", "sel_gnb_"+currgnb);

}

window.toggleDefaultMenu = function()
{
	if (!(currgnb == ""))
	{
		document.getElementById("smenu_"+currgnb).style.display="none";
		Element.removeClassName("layout_gnb", "sel_gnb_"+currgnb);
	}
}

window.writeDebug = function(str){
	logcnt++;
	logstr = logcnt + "." + str + "<br>" + logstr;
	if ($("debugText"))
		$("debugText").innerHTML = logstr;

}

$j('#familySite').ready(function() {
	var time;
	$j('#familySite img').bind({
		click : function(){
			if($j('#familySite div').css('display') =='none'){
				familyOpen();
			}else{
				familyClose();
			}
		},
		mouseout: function(){
			time = setTimeout(familyClose,500)
		},
		mouseover : function(){
			if($j('#familySite div').css('display') !='none'){
				familyOpen();
			}
		}
	})

	$j('#familySite div').hover(familyOpen,
		function(){
			time = setTimeout(familyClose,500)
		})

	function familyOpen(){
		clearTimeout(time);
		$j('#familySite img').css({
			'borderTop':'1px solid #ddd',
			'paddingTop' : '0'
		});
		$j('#familySite div').slideDown(100);
	}

	function familyClose(){
		$j('#familySite img').css({
			'borderTop':'none',
			'paddingTop' : '1px'
		});
		$j('#familySite div').slideUp(100);
	}
});