$(function() {
 	function showMenu(objMenu) {
		// Esconde todos antes
		$("#snav > ul").hide();
		$("#nav > li > a").removeClass('active');
		
		var href = $(objMenu).attr('href');
		var ul = $("#snav > ul > li > a[href^='"+href+"']").parents('ul');
		ul.show();
		$(objMenu).addClass('active');
		
		// Posiciona
		var left = $(objMenu).attr('offsetLeft');
		var length = ul.attr('offsetWidth');
		left = (left+length <= 920) ? left : (920 - length);
		ul.css('margin-left',left+"px");		
	}
	
 	// Adiciona o hover/out no menu
 	$("#nav > li > a").hover(
		function() { showMenu($(this))	}, 
		function() { $("#snav > ul").hide(); }
	);
	
	// Adiciona o hover/out no submenu
	$("#snav > ul").hover(
		function() { $(this).show(); },
		function() { $("#snav > ul").hide(); if(menuSelected) showMenu(menuSelected); }
	);
	
	// Deixa aberto o menu clicado
	var path = document.location.href.split("/");
	var level0 = "/"+path.slice(3,5).join("/");
	
	if (level0 != "/grid/") {
		var menuSelected = $("#nav > li > a[href^='" + level0 + "']");
		menuSelected.addClass('active');
		showMenu(menuSelected);
		
		// Submenu clicado
		var level1 = "/" + path.slice(3, 6).join("/");
		if (level1.substr(level1.length - 1, level1.length) != "/") level1 += "/";
		if (level1 != level0) 
			$("#snav > ul > li > a[href$='" + level1 + "']").addClass('active');
	}
 });
 
 function abreSS(id){
	var vLink = (id.match(".shtml")) ?  'http://quatrorodas.abril.com.br/multimidia/slideshow/'+id : 'http://quatrorodas.abril.com.br/multimidia/slideshow/'+id+'.shtml';
	void(window.open(vLink, 'ss', 'location=0,status=0,scrollbars=0,width=600,height=400'));
 }