/**
 * @author Oriol Cabau
 */
 
$(document).ready(function(){
	
	function sobre(){
		$(this).css("background", function(){
		var ruta = $(this).css("background");
		
			if($.browser.mozilla){
				var rutamenys = ruta.length - 38;
				var novaruta = "";
				for(var i=0; i<rutamenys; i++){
					novaruta = novaruta + ruta.charAt(i);
				}
				novaruta = novaruta + '_p.png")';
		    	return novaruta;
			}else{
		    	var rutamenys = ruta.length - 5;
				var novaruta = "";
				for(var i=0; i<rutamenys; i++){
					novaruta = novaruta + ruta.charAt(i);
				}
				novaruta = novaruta + '_p.png)';
		    	return novaruta;
			}
			
		});
		$(this).css("color", "#FFF");
	};
	
	function fora(){
		$(this).css("background", function(){
		var ruta = $(this).css("background");
		
			if($.browser.mozilla){
				var rutamenys = ruta.length - 40;
				var novaruta = "";
				for(var i=0; i<rutamenys; i++){
					novaruta = novaruta + ruta.charAt(i);
				}
				novaruta = novaruta + '.png")';
		    	return novaruta;
			}else{
				var rutamenys = ruta.length - 7;
				var novaruta = "";
				for(var i=0; i<rutamenys; i++){
					novaruta = novaruta + ruta.charAt(i);
				}
				novaruta = novaruta + '.png)';
		    	return novaruta;
			}
			
		});
		$(this).css("color", "#000");
	};
	
	function mostraSubmenu(){		
		pos = $('.menu3').offset();
		$('#submenu').css('top', (pos.top+43));
		$('#submenu').css('left', (pos.left));
		$('#submenu').show();
	};
	
	function ocultaSubmenu(){
		$('#submenu').hide();
	};
	
	function cambiaColor(){
		$(this).css("background", "#bcb296");
		$(this).css("color", "#FFF");
	};
	
	function desCambiaColor(){
		$(this).css("background", "#FFF");
		$(this).css("color", "#bcb296");
	};
	
	$('.menu').mouseenter(sobre);
	$('.menu').mouseleave(fora);
	$('.menu3').mouseenter(mostraSubmenu);
	$('.menu3').mouseleave(ocultaSubmenu);
	$('#submenu').mouseenter(mostraSubmenu);
	$('#submenu').mouseleave(ocultaSubmenu);
	$('.subme').mouseenter(cambiaColor);
	$('.subme').mouseleave(desCambiaColor);
	$('.subme2').mouseenter(cambiaColor);
	$('.subme2').mouseleave(desCambiaColor);
	
	$(window).load(function(){
		$('#web').css('visibility', 'visible');
	});
	
});