$(document).ready(function(){
	
		// remove link background images since we're re-doing the hover interaction below 
		// (doing it this way retains the CSS default hover states for non-javascript-enabled browsers)
		// we also want to only remove the image on non-selected nav items, so this is a bit more complicated
		$(".nav").children("li").each(function() {
			var current = "nav current-" + ($(this).attr("class"));
			var parentClass = $(".nav").attr("class");
			if (parentClass != current) {
				$(this).children("a").css({backgroundImage:"none"});
			}
		});	
 		
		$(".vnav").children("li").each(function() {
			var current = "vnav current-" + ($(this).attr("class"));
			var parentClass = $(".vnav").attr("class");
			if (parentClass != current) {
				$(this).children("a").css({backgroundImage:"none"});
			}
		});	
 
 
		// create events for each nav item
		attachNavEvents(".nav", "home");
		attachNavEvents(".nav", "about");
		attachNavEvents(".nav", "services");
		attachNavEvents(".nav", "Prepaid");
		attachNavEvents(".nav", "Mobile");
		attachNavEvents(".nav", "contact");
		
		attachVerNavEvents(".vnav", "link1");
		attachVerNavEvents(".vnav", "link2");
		attachVerNavEvents(".vnav", "link3");
		attachVerNavEvents(".vnav", "link4");
		attachVerNavEvents(".vnav", "link5");
		attachVerNavEvents(".vnav", "link6");
		attachVerNavEvents(".vnav", "link7");
	
 
		function attachNavEvents(parent, myClass) {
			$(parent + " ." + myClass).mouseover(function() {
				$(this).append('<div class="nav-' + myClass + '"></div>');
				$("div.nav-" + myClass).css({display:"none"}).fadeIn(400);
			}).mouseout(function() {
				$("div.nav-" + myClass).fadeOut(400, function() {
					$(this).remove();
				});
			}).mousedown(function() {
				$("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
			}).mouseup(function() {
				$("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
			});
		}
		
		function attachVerNavEvents(parent, myClass) {
			$(parent + " ." + myClass).mouseover(function() {
				$(this).append('<div class="vnav-' + myClass + '"></div>');
				$("div.vnav-" + myClass).css({display:"none"}).fadeIn(400);
			}).mouseout(function() {
				$("div.vnav-" + myClass).fadeOut(400, function() {
					$(this).remove();
				});
			}).mousedown(function() {
				$("div.vnav-" + myClass).attr("class", "vnav-" + myClass + "-click");
			}).mouseup(function() {
				$("div.vnav-" + myClass + "-click").attr("class", "vnav-" + myClass);
			});
		}
 
 
 
	});
	
	
var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 


function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}