/* RECREANDO-LA.ORG Javascript */
$(document).ready(init) ;
function init() {

    $("#nav-top a.nav").mouseover(function() {
        $(this).animate({
            height : "167px"
        });


    });

    $("#nav-top a.nav").mouseout(function() {
        $(this).animate({
            height : "89px"
        });

    });
    $("a.nav").click(function() {
        $("#mapa").show() ;
        $("#body-wrapper").removeClass() ;
        $("#page-body").removeClass("links-inner") ;
        $("#home-wrapper").hide();
        sectionUrl = this.id.substring(2) ;
        $("#body-wrapper").html('') ;
        $.ajax({
            type: 'GET',
            url: sectionUrl + '.html',
            dataType: 'html',
            success: function(setText){
                $("#page-body").removeClass();
                $("#page-body").addClass('section-' + sectionUrl) ;
               $("#body-wrapper").html(setText) ;
               if(sectionUrl == 'encuentros') {
                    encuentros();
                }
                if(sectionUrl == 'links') {
                    links() ;
                }
                if(sectionUrl == 'jovenes') {
                    jovenes();
                }
                if(sectionUrl == 'imagenes') {
                    imagenes() ;
                }
                if(sectionUrl == 'alianzas') {
                    alianzas() ;
                }
          }
        });
    return false ;    
    });
    $("#marca").click(function() {
        $("#home-wrapper").show();
        $("#body-wrapper").html('') ;
        $("#mapa").show() ;
        $("#body-wrapper").removeClass() ;
        $("#page-body").removeClass() ;
        return false ;
    });
    $(".footer-img").mouseover(function() {
        $(this).animate({
            width: "49px",
            height : "33px"
        },"fast");
    });
    $(".footer-img").mouseout(function() {
        $(this).animate({
            width: "36px",
            height : "25px"
        },"fast");
    });
}

function encuentros() {
    $("a.encuentro-link").click(function() {
        $("#mapa").hide() ;
        $("#body-wrapper").addClass("encuentro-inner") ;
        $.ajax({
            type: 'GET',
            url: this.id + '.html',
            dataType: 'html',
            success: function(setEncuentro) {
                $("#body-wrapper").html(setEncuentro) ;
                encuentroInner();
            }
        });
        return false ;
    })
}
function encuentroInner() {
    $("a.encuentro-link").click(function() {
        thisId = this.id ;
        $("#encuentro-content").removeClass("encuentro-fotos") ;
        $.ajax({
            type: 'GET',
            url: thisId + '.html',
            dataType: 'html',
            success: function(setEncuentroInner) {
                $("#encuentro-content").html(setEncuentroInner) ;
                $("#encuentro-content").show();
                if(thisId.substring(11) == 'imagenes') {
                    $("#encuentro-content").addClass("encuentro-fotos") ;
                    encuentroFotos() ;
                }
            }
        })
        return false ;
    });
}
function encuentroFotos() {
    $("img.mini").click(function() {
        splitSrc = this.src.split('/') ;
        lastSplit = splitSrc[splitSrc.length-1];
        splitName = lastSplit.split('-') ;
        newSrc = 'fotos/' + splitName[0] + '.jpg' ;
        $("#foto-big").attr({src: newSrc}) ; 
    });
}
function links() {

    $("a.links-link").click(function() {
        //$("#links-wrapper").hide();
        //$("#links-wrapper").html('') ;
        $("#page-body").removeClass("links-inner") ;
        $("#page-body").addClass("links-inner") ;
        $.ajax({
            type: 'GET',
            url: this.id + '.html',
            dataType: 'html',
            success: function(setLinks) {
                $("#links-wrapper").html(setLinks) ;
                $("#links-wrapper").show("slow") ;
                //links() ;
            }
        });
        return false ;
    })
}
function jovenes() {
    $("#mapa").hide() ;
    $("#br").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-br") ;
    });
    $("#br").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $("#br").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('br') ;
    });
    $("#ar").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-ar") ;
    });
    $("#ar").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
        
    });
    $("#ar").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('ar') ;
    });
    $("#bo").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-bo") ;
    });
    $("#bo").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $("#bo").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('bo') ;
    });
    $("#cl").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-cl") ;
    });
    $("#cl").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $("#cl").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('cl') ;
    });
    $("#uy").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-uy") ;
    });
    $("#uy").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $("#uy").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('uy') ;
    });
    $("#py").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-py") ;
    });
    $("#py").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $("#py").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('py') ;
    });
    $("#pe").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-pe") ;
    });
    $("#pe").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $("#pe").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('pe') ;
    });
    $("#ec").mouseover(function() {
        $(" #jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-ec") ;
    });
    $("#ec").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $("#ec").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('ec') ;
    });
    $("#co").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-co") ;
    });
    $("#co").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $("#co").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('co') ;
    });
    $(".me").mouseover(function() {
        $("#jovenes-mapa").removeClass() ;
        $("#jovenes-mapa").addClass("map-me") ;
    });
    $(".me").mouseout(function() {
        $("#jovenes-mapa").removeClass() ;
    });
    $(".me").click(function() {
        $("#jovenes-mapa").removeClass() ;
        loadPais('me') ;
    })
}
function loadPais(pais) {
    $("#body-jovenes").html() ;
    $("#body-jovenes").removeClass() ;
    $("#body-jovenes").addClass('pais-' + pais) ;
    $.ajax({
        type: 'GET',
        url: 'pais-' + pais+ '.html',
        dataType: 'html',
        success: function(setPais) {
            $("#body-jovenes").html(setPais) ;
            paisFunctions() ;
        }
    });
    return false ;
}
var jovenId ;
var executeOnce = false ;
function paisFunctions() {
    $(".joven").show("slow") ;
    $(".joven").removeClass("joven-big") ;

    $(".joven").click(function() {
        executeOnce = false ;
        jovenId = this.id ;
        $(".joven").hide("slow",showJoven) ;
      
    });
}

function showJoven() {
    if(!executeOnce){
        $(".joven").unbind() ;
        $("#"+jovenId).addClass("joven-big") ;
        $("#" +jovenId).show("slow", function() {$(this).find(".joven-inner").show("slow")}) ;
        $("#"+jovenId).click(function() {
            $("#" + jovenId).hide("slow", function() {
                $(".joven").removeClass("joven-big") ;
                $("#" + jovenId).find(".joven-inner").hide();
                paisFunctions();
            });
        });

        executeOnce = true ;
    }
}
function imagenes() {
    $("a.imagenes-link").click(function() {
        thisId = this.id ;
        $.ajax({
            type: 'GET',
            url: thisId + '.html',
            dataType: 'html',
            success: function(setImgInner) {
                $("#imagenes-content").html(setImgInner) ;
                $("#imagenes-content").show();
                   encuentroFotos() ;
            }
        })
        return false ;
    });
}
function alianzas() {
    $("a.alianzas-link").click(function() {
        thisId = this.id ;
        $.ajax({
            type: 'GET',
            url: thisId + '.html',
            dataType: 'html',
            success: function(setAlianzaInner) {
                $("#alianzas-inner").html(setAlianzaInner) ;
                $("#alianzas-links").addClass("alianzas-inner-class") ;
                //$("#alianzas-inner").show();
            }
        })
        return false ;
    });
}
/* MAPA */

/* Slideshow by Jon Raasch, mdified - http://jonraasch.com/blog/a-simple-jquery-slideshow*/

function slideSwitch() {
    var $active = $('#mapa div.active');

    if ( $active.length == 0 ) $active = $('#mapa div:last');

    var $next =  $active.next().length ? $active.next()
        : $('#mapa div:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 3000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 3500 );
});