// JavaScript Document

//Google analitics

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

try {
var pageTracker = _gat._getTracker("UA-11554424-1");
pageTracker._trackPageview();
} catch(err) {}


//Añadidos de comportamiento
var re = /([\w\/:]*\/)?([\w\.]+)/;
$(function(){
    //Hacemos que todas las imagenes se habran en una nueva ventana
    var img = $("img.auto-link");
    var bigFolder = 'big';
    $.each(img,function(){
        var img = $(this);
        if(img.hasClass("no-link")) return;
        var a = $("<a>").copyStyles(img);
        img.css("margin",0).css("padding",0);
        var link = img.attr("src");
        
        var matches = re.exec(link);
        var newLink = matches[1]+bigFolder+"/"+matches[2];
        var container = $("<span>").insertBefore(img).append(a);
        a.append(img).attr({href:newLink, target: "_blank"});
        img.width("100%");
        if(text = img.attr("alt")) var p = $("<p>").text(text).appendTo(a).addClass("float alt").css("marginBottom","10px");
        container.css({display:"block"});
    });

    //Mostramos las sombras del fondo y ajustamos su tamaño
    var shadows = $('img.shadow','#outer-wrapper');
    var mainWrapper = $('#main-wrapper');
    shadows.css({height:mainWrapper.height(),width:97,display:"inline"});

    window.onresize = function(){
        var x1 = mainWrapper.offset().left - 12;
        var x2 = x1 + 844;
        $('#shadow1','#outer-wrapper').css("left",x1);
        $('#shadow2','#outer-wrapper').css("left",x2);
    }
    window.onresize();
});

//Copia los estilos css de un elemento a otro
jQuery.fn.extend({
    copyStyles: function(target){
        var esto = $(this);
        esto.css({
          float: target.css("float"),
          marginTop: target.css("marginTop"),
          marginBottom: target.css("marginBottom"),
          marginLeft: target.css("marginLeft"),
          marginRight: target.css("marginRight"),
          paddingTop: target.css("paddingTop"),
          paddingBottom: target.css("paddingBottom"),
          paddingLeft: target.css("paddingLeft"),
          paddingRight: target.css("paddingRight"),
          overflow: target.css("overflow"),
          clear: target.css("clear"),
          color: target.css("color"),
          width: target.css("width")
        });
        /*console.log(target.css("float"));
        console.log(target.css("marginTop"));*/
        return esto;
    }
})