jQuery(document).ready(function($){
	
var pantalla_ancho = $(window).width(); // ancho ventana
var ancho_ladolist = $(window).width()-940;
var ancho_lado = ancho_ladolist / 2;

comprueba(0);

/* Bocadillos */

$('.bocadillo').bind('mousedown',function(){
	var divbocata = $(this).attr("id");
	$('.bocata').css('display', 'none');
	if($('.'+divbocata).css('display') == 'none'){
		$('.'+divbocata).animate({ opacity:1 }); 
		$('.'+divbocata).slideDown(200);
	}else {
		$('.'+divbocata).css('display', 'none');
	}
});

$('body').bind('mousedown',function(){
	$('.bocata').each(function(){
	if($(this).css('display') == 'block'){
	$('.bocata').css('display', 'none');	
	}
	});
});

/* Fade */

$(".fade").hover(
  function () {
	$(this).fadeTo("fast", 0.8);
  },
  function () {
	$(this).fadeTo("normal", 1);
  }
);

$("#fondolistizq").width(ancho_ladolist);
$("#fondolistder").width(ancho_ladolist);

var elemento = $("#portfolio li");
var posicion = elemento.position();
var pos_trabajo = $("#portfolio li").position().left;

/* Click fotos */

$(".fotourl").click(function () {
	var url = $(this).attr("title");
	window.location = url;
});

/*
$("#portfolio li").click(function(e){
	var x = e.pageX ;
    alert(x);
});
*/
	 
});

function comprueba(desplazamiento){
	
	$("#portfolio li").each(function(){
	
		if( ( ($(this).position().left - desplazamiento) < -150 ) || ( ( ($(this).position().left - desplazamiento) > (940 - 150) ) ) ){
			
			$(this).stop().fadeTo(500,0.2);
			
		}else{
			
			$(this).stop().fadeTo(500,1);
			
		}
	
	});

}

var pantalla_ancho = $(window).width(); // ancho ventana
var ancho_ladolist = $(window).width()-940;
var ancho_lado = ancho_ladolist / 2;
var pos_lado_izq = ancho_lado;
var pos_lado_der = ancho_lado + 940;
var margen_izq_slider = ancho_lado - 20;

/* SLIDER */

$(function() {

  //vars
  var conveyor = $("#portfolio", $("#slidercontent")),
  item = $("#portfolio li", $("#slidercontent"));
  
  $(".viewer").css('margin-left', margen_izq_slider+'px');
  $(".viewer").css('margin-right', margen_izq_slider+'px');
  
  //set length of conveyor
  conveyor.css("width", item.length * parseInt(item.css("width")));
		  
  //config
  var sliderOpts = {
	max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $("#slidercontent")).css("width")),
	slide: function(e, ui) { 
	  conveyor.css("left", "-" + ui.value + "px");
	  comprueba(ui.value);
	}
  };

  //create slider
  $("#slider").slider(sliderOpts);
 
});