// Begin Global variables
// _news. Holds the news.
var _news = new Array();
// End Global Variables

function fadeOut(img){
    var current = $(img);
    var next = $(img).next('img');
    var rand = Math.random();
    var animate = {};
    var factor = -1;
    if (rand > 0.5) factor = 1;
    current.fadeIn('fast');
    if (factor > 0) {
        animate.init_top = -150;
        animate.final_top = 0;
        animate.init_left = -170;
        animate.final_left = 0;
    } else {
        animate.init_top = 0;
        animate.final_top = -150;
        animate.init_left = 0;
        animate.final_left = -170;
    }
    current.css('top', animate.init_top);
    current.css('left', animate.init_left);
    current.animate({
                    top: animate.final_top,
                    left: animate.final_left
    }, 10000);
    if (next.length == 0){
        next = current.parent().find('img:first');
    }
    current.fadeOut(500, function(){
        fadeOut(next);
    });
}

$(document).ready(function(){
    //animación de cabecera
    fadeOut($('.animate img:first'));
    // animación del menú
    $("nav > ul > li").hover(function(event){
        $(this).children("ul").slideDown('fast');
    }, function(event){
        $(this).children("ul").slideUp('fast');
    });
    // title-scrollable-with-visor
    $(".title-scrollable").scrollable();
    $(".image-wrap").css("text-align", "center");
    $(".title-scrollable .items .thumbnail").click(function() {
        if ($(this).hasClass("active")) { return; }
	var url = $(this).next("img").attr("src");
	var wrap = $(this).parents(".title-scrollable").siblings(".image-wrap").fadeTo("medium", 0.5);
	var img = new Image();
	img.onload = function() {
            wrap.fadeTo("fast", 1);
            wrap.find("img").attr("src", url);
	};
	img.src = url;
	$(".items .thumbnail").removeClass("active");
	$(this).addClass("active");
    });
    $(".title-scrollable .items").each(function(i){
        $(this).find(".thumbnail").filter(":first").click();
    });
    // image-scrollable-with-visor
    $(".image-scrollable").scrollable();
    $(".image-wrap").css("text-align", "center");
    $(".image-scrollable .items .thumbnail").click(function() {
        if ($(this).hasClass("active")) { return; }
	var url = $(this).attr("src").replace("T_", "_");
	var wrap = $(this).parents(".image-scrollable").siblings(".image-wrap").fadeTo("medium", 0.5);
	var img = new Image();
	img.onload = function() {
            wrap.fadeTo("fast", 1);
            wrap.find("img").attr("src", url);
	};
	img.src = url;
	$(".items .thumbnail").removeClass("active");
	$(this).addClass("active");
    });
    $(".image-scrollable .items").each(function(i){
        $(this).find(".thumbnail").filter(":first").click();
    });

    // Expansión de los detalles de un artículo
    $(".content-body a.read-more").each(function(index, link){
        if ($(this).parent().find(".popup-article").length < 1){
            $(this).click(function(event){
                if ($(this).siblings(".body").is(":visible")){            
                    $(this).siblings(".summary").slideDown();
                    $(this).siblings(".body").slideUp();
                    $(this).text("Leer más...");
                } else {
                    $(this).siblings(".summary").slideUp();
                    $(this).siblings(".body").slideDown();
                    $(this).text("Leer menos...");
                }
                return false;
            });
        } else {
            $(this).overlay({
                mask:{color:'#000000',loadSpeed:200,opacity:0.7},
                closeOnClick:false,
                fixed:false
            });
            $(this).bind('click', function(e){
                var header = $(this).parent().find("header").html();
                var body = $(this).parent().find(".body").html();
                $("#overlay .content").html("<article class='clearfix content'><header>" + header + "</header><div class='body'>" + body + "</div>");
            });
        }
    });
    // News
    $.ajax({
        url: '/news/',
        success: function(data){
            var render_news = function(index){
                var n = _news[index];
                if (n!=undefined){
                    $('section#news article header').text(n.title);
                    $('section#news article summary').html(n.img + n.summary);
                    $('section#news article a.read-more').attr('href', n.full_url);
                }
            };
            for (var i = 0; i < data.length; i++){
	        $('section#news > header > span').append("<span>&#8226;</span>");
                $('section#news > header > span > span').each(function(index, span){
                    $(this).bind('click', {index: index}, function(event){
                        render_news(event.data.index);
                    });
                });
	        _news = data;
            }
            $('section#news > header > span > span:first').click();
        },
        dataType: 'json'
    });
    // aside collapse
    if ($(".aside-collapse").length > 0) {
        $(".content-aside").removeClass("grid_4 omega").hide();
        $(".content-body").removeClass("grid_12").addClass("grid_16 omega");
    }
});