jQuery(document).ready(function($) {	
	/*
		Efecto del pie de pagina, pasa el logo de blanco y negro a color. Necesita dos imagenes. Para la segunda se usa el span, para la primera el fondo del div que lo contenie. El contenido del parrafo es siemrpe visible por el z-index
	*/
	$("#copyright")
		.mouseover(function(){
			$("#copyright span").stop().animate({opacity:0},5000 );
		})
		.mouseout(function(){
			$("#copyright span").stop().animate({opacity:1},5000 );
		})
	/*
	Efectos de el menu
	*/
	$("#menu ul li a:first").css("border-left","1px solid #5b6165");
	$('#menu ul li a:not(.current_page_item a, .current_page_ancestor a)')
	.css( {backgroundPosition: "0 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 -100px)"}, 
			{duration:500})
			//alert($(this).css("background-image"));
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 0)"}, 
			{duration:500})
		})
	
	
	$(".carousel").jCarouselLite({
        btnNext: "#enlAnterior",
        btnPrev: "#enlSiguiente",
		visible: 1,
		speed:1000,
		//easing:'backin'
		easing:'easein'
    });
	
	
	/*
		Efectos de los trabajos realizados. Lateral
	*/
	
	
	$("ul#ultimosTrabajos li")
		.mouseover(function(){
			$(this).find("a").stop().animate({opacity:0.1},300);
		})
		.mouseout(function(){
			$(this).find("a").stop().animate({opacity:1},1500);
		})
	$("ul#ultimosTrabajos li").find("a").animate({opacity:1},300);

        //asociados
        $("li#leyda").append('<span id="leyda_bn"></span>');
        $("li#ilihosting").append('<span id="ilihosting_bn"></span>');
});