jQuery(function(){
    var hideOverlay = function(){
        $('#overlay').hide();
    }

    var showOverlay = function(){
        $('#overlay').show();
    }

    $('.close').click(function(e){
        e.preventDefault();
        hideOverlay();
    });
    
    
    $("#slideitems .photo").load(function(){
        $("#slideitems").removeClass("hor");
        $("#slideitems").removeClass("ver");

        if($(this).attr('width')>=$(this).attr('height'))  $("#slideitems").addClass("hor");
        else  $("#slideitems").addClass("ver");

        $(this).show();

    }).error(function(){
        //Error al cargar imagen

    }).hide();
    
    $("#slidelinks .imglink").click(function(e){
        e.preventDefault();
        $("#slidelinks .imglink").removeClass("active");
        $(this).addClass("active");
        $("#slideitems .photo").attr("src",$(this).attr("href"));
        $("#slideitems .photo").attr("alt",$(this).attr("title"));
        $("#slideitems .title").text($(this).attr("title"));
		$("#slideitems a").attr("title",$(this).attr("href"));
    });

    //$("li a").live("click", function(e){
    $("div.media-floated li a").click(function(e){
        e.preventDefault();
        
        var links = $("#slidelinks .imglink");
        links.hide();
        links.removeClass("active");
        
        $(this).parent().parent().find("img").each(function(i){
            $(links[i]).show();
            $(links[i]).attr("href",($(this).attr("src")).replace("mediana","grande"));
            $(links[i]).attr("title",$(this).attr("alt"));
        });

        var imgClicked = $(this).find("img");
		var autclic = $(this).parent().find("a");
        $("#slideitems .photo").attr("src",(imgClicked.attr("src")).replace("mediana","grande"));
        $("#slideitems .photo").attr("alt",imgClicked.attr("alt"));
        $("#slideitems .title").text(imgClicked.attr("alt"));
		$("#slideitems a").attr("title",(autclic.attr("title")));
		if (imgClicked.hasClass("bord") == true) {
			$("#slideitems .photo").addClass("bord");
		}

        links.each(function(){
            if($("#slideitems .photo").attr("src")== $(this).attr("href")) $(this).addClass("active");
        });

        showOverlay();
    });
	
	$("div.media-between li a").click(function(e){
        e.preventDefault();
        
        var links = $("#slidelinks .imglink");
        links.hide();
        links.removeClass("active");
        
        $(this).parent().parent().find("img").each(function(i){
            $(links[i]).show();
            $(links[i]).attr("href",($(this).attr("src")).replace("mediana","grande"));
            $(links[i]).attr("title",$(this).attr("alt"));
			$(links[i]).parent().find("a").attr("title",$(this).parent().find("a").attr("alt"));
        });

        var imgClicked = $(this).find("img");
		var autclic = $(this).parent().find("a");
        $("#slideitems .photo").attr("src",(imgClicked.attr("src")).replace("mediana","grande"));
        $("#slideitems .photo").attr("alt",imgClicked.attr("alt"));
        $("#slideitems .title").text(imgClicked.attr("alt"));
		$("#slideitems a").attr("title",(autclic.attr("title")));
		if (imgClicked.hasClass("bord") == true) {
			$("#slideitems .photo").addClass("bord");
		}

        links.each(function(){
            if($("#slideitems .photo").attr("src")== $(this).attr("href")) $(this).addClass("active");
        });

        showOverlay();
    });
	
	$("div.media-half li a").click(function(e){
        e.preventDefault();
        
        var links = $("#slidelinks .imglink");
        links.hide();
        links.removeClass("active");
        
        $(this).parent().parent().find("img").each(function(i){
            $(links[i]).show();
            $(links[i]).attr("href",($(this).attr("src")).replace("mediana","grande"));
            $(links[i]).attr("title",$(this).attr("alt"));
        });

        var imgClicked = $(this).find("img");
		var autclic = $(this).parent().find("a");
        $("#slideitems .photo").attr("src",(imgClicked.attr("src")).replace("mediana","grande"));
        $("#slideitems .photo").attr("alt",imgClicked.attr("alt"));
        $("#slideitems .title").text(imgClicked.attr("alt"));
		$("#slideitems a").attr("title",(autclic.attr("title")));
		if (imgClicked.hasClass("bord") == true) {
			$("#slideitems .photo").addClass("bord");
		}

        links.each(function(){
            if($("#slideitems .photo").attr("src")== $(this).attr("href")) $(this).addClass("active");
        });

        showOverlay();
    });
	
	$("div.media-floated li a").click(function(e){
        e.preventDefault();
        
        var links = $("#slidelinks .imglink");
        links.hide();
        links.removeClass("active");
        
        $(this).parent().parent().find("img").each(function(i){
            $(links[i]).show();
            $(links[i]).attr("href",($(this).attr("src")).replace("mediana","grande"));
            $(links[i]).attr("title",$(this).attr("alt"));
        });

        var imgClicked = $(this).find("img");
		var autclic = $(this).parent().find("a");
        $("#slideitems .photo").attr("src",(imgClicked.attr("src")).replace("mediana","grande"));
        $("#slideitems .photo").attr("alt",imgClicked.attr("alt"));
        $("#slideitems .title").text(imgClicked.attr("alt"));
		$("#slideitems a").attr("title",(autclic.attr("title")));
		if (imgClicked.hasClass("bord") == true) {
			$("#slideitems .photo").addClass("bord");
		}
		//if ( $("#this a bord") != null ) {
//			$("#slideitems .photo").addClass("bord");
//		}
		//clase = $(this).find("img").get.attr("class");
//		if ( clase == "bord" ) {
//			$("#slideitems .photo").addClass("bord");
//		}
		//if ( $(this).find("img").class == "bord" ) { 
//		  $("#slideitems .photo").addClass("bord");
//		}

        links.each(function(){
            if($("#slideitems .photo").attr("src")== $(this).attr("href")) $(this).addClass("active");
        });

        showOverlay();
    });
	
	$("div.media-left li a").click(function(e){
        e.preventDefault();        
        var links = $("#slidelinks .imglink");
        links.hide();
        links.removeClass("active");
        
        $(this).parent().parent().find("img").each(function(i){
            $(links[i]).show();
            $(links[i]).attr("href",($(this).attr("src")).replace("mediana","grande"));
            $(links[i]).attr("title",$(this).attr("alt"));
        });

        var imgClicked = $(this).find("img");
		var autclic = $(this).parent().find("a");
        $("#slideitems .photo").attr("src",(imgClicked.attr("src")).replace("mediana","grande"));
        $("#slideitems .photo").attr("alt",imgClicked.attr("alt"));
        $("#slideitems .title").text(imgClicked.attr("alt"));
		$("#slideitems a").attr("title",(autclic.attr("title")));
		if (imgClicked.hasClass("bord") == true) {
			$("#slideitems .photo").addClass("bord");
		}

        links.each(function(){
            if($("#slideitems .photo").attr("src")== $(this).attr("href")) $(this).addClass("active");
        });

        showOverlay();
    });
	
	$("div.media-right li a").click(function(e){
        e.preventDefault();
        
        var links = $("#slidelinks .imglink");
        links.hide();
        links.removeClass("active");
        
        $(this).parent().parent().find("img").each(function(i){
            $(links[i]).show();
            $(links[i]).attr("href",($(this).attr("src")).replace("mediana","grande"));
            $(links[i]).attr("title",$(this).attr("alt"));
        });

        var imgClicked = $(this).find("img");
		var autclic = $(this).parent().find("a");
        $("#slideitems .photo").attr("src",(imgClicked.attr("src")).replace("mediana","grande"));
        $("#slideitems .photo").attr("alt",imgClicked.attr("alt"));
        $("#slideitems .title").text(imgClicked.attr("alt"));
		$("#slideitems a").attr("title",(autclic.attr("title")));
		if (imgClicked.hasClass("bord") == true) {
			$("#slideitems .photo").addClass("bord");
		}

        links.each(function(){
            if($("#slideitems .photo").attr("src")== $(this).attr("href")) $(this).addClass("active");
        });

        showOverlay();
    });
        
});