// JavaScript Document



$(document).ready(function(){

hideall();

 
 
 

/*Mouse Over en la galería de imágenes (para todas menos para la que está activa)*/
$("#porf_left ul li img").mouseover(function () { 
										

var value= $("#porf_left ul li img").index(this); /*accede al número de nodo del elemento que lanza el evento click*/

$("#porf_left ul li img:eq(" + value + ")").not(".activo").attr("src", "img/empresas/img"+ value +".gif");

});	


/*Mouse Out en la galería de imágenes (para todas menos para la que está activa)*/
$("#porf_left ul li img").mouseout(function () { 

var value= $("#porf_left ul li img").index(this); /*accede al número de nodo del elemento que lanza el evento click*/

$("#porf_left ul li img:eq(" + value + ")").not(".activo").attr("src", "img/empresas/img"+ value +"_off.gif");

});	


/*Cambio de la imagen de fondo al pulsar sobre alguna imagen de la galería*/
$("#porf_left ul li img").click(function () { 
	
	 /*elimina todas las imágenes en on*/
     $("#porf_left ul li img").each(function(index) {
    									  
          $("#porf_left ul li img:eq(" + index + ")").attr("src", "img/empresas/img"+ index +"_off.gif");
       });

									
    $("#porf_left ul li img").removeClass("activo");										

  var value= $("#porf_left ul li img").index(this); /*accede al número de nodo del elemento que lanza el evento click*/
  $("#porf_left ul li img:eq(" + value + ")").attr("src", "img/empresas/img"+ value+ ".gif");
  $("#porf_left ul li img:eq(" + value + ")").addClass("activo"); /*para que no le afecte el over y el out*/
  $("#porf_right div.empresa").hide();
  $("#porf_right div.empresa:eq(" + value+ ")").show(); /*muestra la capa con la información de cada empresa*/
  
     
	//alert(value);
	//$(".mycarousel:eq(" + value + ")").css("border", "10px solid red");
	//$(".mycarousel:eq(" + value + ")").css("z-index", "1");
	$(".mycarousel").css("left","0px");
	$(".mycarousel:eq(" + value + ")").jcarousel({scroll:1});
	   
	
	  
	
  
  
});	 


function hideall()
{
/*oculta todas las capas con la clase empresa y muestra la primera*/
$("#porf_right div.empresa").hide();
var value=0;
$("#porf_right div.empresa:eq(" + value + ")").show();
 
$(".mycarousel:eq(" + value + ")").jcarousel({scroll:1});	
}
	

	
});