// JavaScript Document
jqs('#search_icon');

$(document).ready(function(){ 
	
	$('#header_nav>li').hover(
		function(){  
            //show its subnav
			var subNav = $(this).children('ul');
			var headerNav = $('#header_nav');
			
			var sumOfliWidth = 0;
			
			subNav.children('li').each(function(){
													sumOfliWidth += 100; // li width was not available so assumed 100px average width for li
												});
			
			if( subNav.width() < sumOfliWidth)
			{
				subNav.css('width', sumOfliWidth+'px');
			}

			// subtract width of parent li from subNav's half width
			var half = Math.round( sumOfliWidth/2)-$(this).width(); 						
			subNav.css('margin-left', '-'+half+'px');			
			setTimeout(function() { subNav.show(); }, 400);			
        },   
        function(){  
            //hide its subnav 
			var subNav = $(this).children('ul');
           setTimeout(function() { subNav.hide(); }, 500);
        } 
    );
	
	// slider call
	if($('#slider').length > 0){
		slideMenu.build('slider',600,10,5,2); 
	}
	
}); 

// for slider on home page

var slideMenu=function(){
	var sp,st,t,m,sa,l,w,gw,ot;
	return{
		build:function(sm,sw,mt,s,sl,h){
			sp=s; st=sw; t=mt;
			m=document.getElementById(sm);
			sa=m.getElementsByTagName('li');
			l=sa.length; w=m.offsetWidth; gw=w/l;
			ot=Math.floor((w-st)/(l-1)); var i=0;
			for(i;i<l;i++){s=sa[i]; s.style.width=gw+'px'; this.timer(s)}
			if(sl!=null){m.timer=setInterval(function(){slideMenu.slide(sa[sl-1])},t)}
		},
		timer:function(s){
			s.onmouseover=function(){clearInterval(m.htimer);clearInterval(m.timer);m.timer=setInterval(function(){slideMenu.slide(s)},t)}
			s.onmouseout=function(){clearInterval(m.timer);clearInterval(m.htimer);m.htimer=setInterval(function(){slideMenu.slide(s,true)},t)}
		},
		slide:function(s,c){
			var cw=parseInt(s.style.width);
			if((cw<st && !c) || (cw>gw && c)){
				var owt=0; var i=0;
				for(i;i<l;i++){
					if(sa[i]!=s){
						var o,ow; var oi=0; o=sa[i]; ow=parseInt(o.style.width);
						if(ow<gw && c){oi=Math.floor((gw-ow)/sp); oi=(oi>0)?oi:1; o.style.width=(ow+oi)+'px';
						}else if(ow>ot && !c){oi=Math.floor((ow-ot)/sp); oi=(oi>0)?oi:1; o.style.width=(ow-oi)+'px'}
						if(c){owt=owt+(ow+oi)}else{owt=owt+(ow-oi)}}}
				s.style.width=(w-owt)+'px';
			}else{clearInterval(m.timer);clearInterval(m.htimer)}
		}
	};
}();