$(document).ready(function () {
	var loc = window.location.toString().split("/");
	loc = loc[loc.length-1];
	
	if(loc.indexOf("promociones") !=-1 ){
		$('#lava li').removeClass('selected');	
		$("a[href*='promociones']").closest("#lava li").addClass('selected');
	}else if(loc.indexOf("cotizaciones") !=-1 ){
		$('#lava li').removeClass('selected');	
		$("a[href*='cotizaciones']").closest("#lava li").addClass('selected');
	}else if(loc.indexOf("servicios") !=-1 ){
		$('#lava li').removeClass('selected');	
		$("a[href*='servicios']").closest("#lava li").addClass('selected');
	}else if(loc.indexOf("productos") !=-1 ){
		$('#lava li').removeClass('selected');	
		$("a[href*='servicios']").closest("#lava li").addClass('selected');
	}else if(loc.indexOf("empresa") !=-1 ){
		$('#lava li').removeClass('selected');	
		$("a[href*='servicios']").closest("#lava li").addClass('selected');
	}
	
	
	
/*$("a[href*='"+loc+"']").closest("#lava li").removeClass('selected');
	$("a[href*='"+loc+"']").closest("#lava li").addClass('selected');*/
	
	
	var words = ['automaticas','intercomunicadores','telefonicos','acceso','lectores','barras','tecnicos','portones','motores','cortinas','contratos','productos'];
	for(var i =0;i<words.length;i++){

	if(loc.indexOf(words[i])!=-1){
		$('#lava li').removeClass('selected');	
		$("a[href*='productos']").closest("#lava li").addClass('selected');
		}
	}
	//transitions
		//for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/
		var style = 'easeOutElastic';

		//Retrieve the selected item position and width
		var default_left = Math.round($('#lava li.selected').offset().left - $('#lava').offset().left);
		var default_width = $('#lava li.selected').width();

		//Set the floating bar position and width
		$('#box').css({left: default_left});
		$('#box .head').css({width: default_width});

		//if mouseover the menu item
		$('#lava li').hover(function () {
			
			//Get the position and width of the menu item
			left = Math.round($(this).offset().left - $('#lava').offset().left);
			width = $(this).width(); 
		$('#debug').html(left);
			//Set the floating bar position, width and transition
			$('#box').stop(false, true).animate({left: left},{duration:3000, easing: style});	
			$('#box .head').stop(false, true).animate({width:width},{duration:3000, easing: style});	
		
		//if user click on the menu
		}).click(function () {
			
			//reset the selected item
			$('#lava li').removeClass('selected');	
			
			//select the current item
			$(this).addClass('selected');
	
		});
		
		//If the mouse leave the menu, reset the floating bar to the selected item
		$('#lava').mouseleave(function () {

			//Retrieve the selected item position and width
			default_left = Math.round($('#lava li.selected').offset().left - $('#lava').offset().left);
			default_width = $('#lava li.selected').width();
			
			//Set the floating bar position, width and transition
			$('#box').stop(false, true).animate({left: default_left},{duration:2000, easing: style});	
			$('#box .head').stop(false, true).animate({width:default_width},{duration:2000, easing: style});		
			
		});
		
	});