var timeout = 150;
var duration = 300;

	function opensubmenu(id)
	{
		obj = document.getElementById(id);
		if(obj && obj.isactive)
		{
		
		var divnodes = obj.getElementsByTagName("div");		
		var ulnodes = obj.getElementsByTagName("ul");
		
		obj.isactive = true;
		
		if(divnodes[0] && ulnodes[0] && obj.className != "active")
		{
			
			startpoint = 0;
			endpoint = ulnodes[0].offsetHeight;
			
			obj.className = "active";
			divnodes[0].id = 'submenu';
			ulnodes[0].id = 'ulsubmenu';
			var mydivEffects = new fx.Styles('submenu', {duration: duration}); 
			mydivEffects.custom({'height': [startpoint, endpoint]});
			
			var myulEffects = new fx.Styles('ulsubmenu', {duration: duration,
				onComplete: function(){
				}}); 
			myulEffects.custom({'top': [(-1)*endpoint, 0]});
			divnodes[0].id = '';
			ulnodes[0].id = '';
		}
		
		}

	}
	
	function closesubmenu(id)
	{

		var obj = document.getElementById(id);
		if(obj && !obj.isactive)
		{
		
		var divnodes = obj.getElementsByTagName("div");		
		var ulnodes = obj.getElementsByTagName("ul");
		
		if(divnodes[0] && ulnodes[0] && obj.className == "active")
		{
			
			startpoint = 0;
			endpoint = ulnodes[0].offsetHeight;
			
			obj.className = "";
			divnodes[0].id = 'submenu';
			ulnodes[0].id = 'ulsubmenu';
			divnodes[0].style.overflow = "hidden";

			var mydivEffects = new fx.Styles('submenu', {duration: duration}); 
			mydivEffects.custom({'height': [endpoint, startpoint]});
			var myulEffects = new fx.Styles('ulsubmenu', {duration: duration,
				onStart: function(){
				},
				onComplete: function(){
				}}); 
			myulEffects.custom({'top': [0, (-1)*endpoint]});
			divnodes[0].id = '';
			ulnodes[0].id = '';
		}
		
		}
	}

	function __closesubmenu()
	{
		this.isactive = false;
		this._timeout = setTimeout("closesubmenu('"+this.id+"')",timeout);
	}	
	
	function __opensubmenu()
	{
		this.isactive = true;
		this._timeout = setTimeout("opensubmenu('"+this.id+"')",timeout);
	}



	function opensubmenuleft(id)
	{
		obj = document.getElementById(id);
		if(obj && obj.isactive)
		{
		
		var divnodes = obj.getElementsByTagName("div");		
		var ulnodes = obj.getElementsByTagName("ul");
		
		obj.isactive = true;
		
		if(divnodes[0] && ulnodes[0] && obj.className.indexOf("active") == -1)
		{
			
			startpoint = 0;
			endpoint = ulnodes[0].offsetWidth-1;
			
			obj.className += " active";
			divnodes[0].id = 'submenuleft';
			ulnodes[0].id = 'ulsubmenuleft';


			//fixforsafary();
			divnodes[0].parentNode.parentNode.parentNode.style.overflow = "visible";

			var mydivEffects = new fx.Styles('submenuleft', {duration: duration}); 
			mydivEffects.custom({'width': [startpoint, endpoint]});
			
			var myulEffects = new fx.Styles('ulsubmenuleft', {duration: duration,
				onComplete: function(){
				}}); 
			myulEffects.custom({'left': [(-1)*endpoint, 0]});
			divnodes[0].id = '';
			ulnodes[0].id = '';
		}
		
		}

	}
	
	function closesubmenuleft(id)
	{

		var obj = document.getElementById(id);
		if(obj && !obj.isactive)
		{
		
		var divnodes = obj.getElementsByTagName("div");		
		var ulnodes = obj.getElementsByTagName("ul");
		
		if(divnodes[0] && ulnodes[0] && obj.className.indexOf("active") != -1)
		{
			
			startpoint = 0;
			endpoint = ulnodes[0].offsetWidth-1;
			
			obj.className = obj.className.replace("active","");
			divnodes[0].id = 'submenuleft';
			ulnodes[0].id = 'ulsubmenuleft';
			var mydivEffects = new fx.Styles('submenuleft', {duration: duration}); 
			mydivEffects.custom({'width': [endpoint, startpoint]});
			var myulEffects = new fx.Styles('ulsubmenuleft', {duration: duration,
				onComplete: function(){
					divnodes[0].parentNode.parentNode.parentNode.style.overflow = "hidden";
				}}); 
			myulEffects.custom({'left': [0, (-1)*endpoint]});
			divnodes[0].id = '';
			ulnodes[0].id = '';
		}
		
		}
	}

	function __closesubmenuleft()
	{
		this.isactive = false;
		setTimeout("closesubmenuleft('"+this.id+"')",timeout);
	}	
	
	function __opensubmenuleft()
	{
		this.isactive = true;
		setTimeout("opensubmenuleft('"+this.id+"')",timeout);
	}
	
	function initPage()
	{
		nav = document.getElementById('main-nav');
		if(nav)
		{
			var navs = nav.getElementsByTagName("li");

			for(var i=0; i < navs.length; i++)
			{
				elem = navs[i];		

				if(elem.className == "sub")
				{
					elem.className += "active";
					closesubmenuleft(elem.id);
					elem.onmouseover = __opensubmenuleft;
					elem.onmouseout = __closesubmenuleft;					
				}
				else if(elem.id != "")
				{
					elem.onmouseover = __opensubmenu;
					elem.onmouseout = __closesubmenu;
					//elem.style.width= (elem.offsetWidth - 10) +"px";
				}
			}
		}	
	}

/*
function fixforsafary()
{
	divs = document.getElementsByTagName('div')
	
	for(i = 0; i < divs.length ; i++)
	{
		if(divs[i].className == 'container')
		{
			divs[i].style.background = 'url(images/bg-main.jpg) no-repeat';
		}
	}
	
}
*/

	if (window.addEventListener)
		window.addEventListener("load", initPage, false);
	else if (window.attachEvent)
		window.attachEvent("onload", initPage);