$(document).ready(function() {
    hideall();
    anim_logo();
}); 
function hideall(){
    $('#logo img').hide();
}
function anim_logo(){
  $('#logo img').slideDown(800);
  //show( 'slide',{ direction: "right" } , 800 ); 
}

$(document).ready(function() {
    hideallanim1();
    anim_0();
});

function hideallanim1(){
    $('#el1').hide();
    $('#el2').hide();    
    $('#el11').hide();    

    $('#el3').hide();
    $('#el4').hide();    
    $('#el5').hide();    
    $('#el6').hide();    
    $('#el7').hide();    
    $('#el8').hide();    
    $('#el9').hide();    
    $('#el10').hide();    
    $('#animpic1').hide();    
    $('#animpic1 img').hide();
    $('#portal-languageselectorplaceholder').hide();
}
function anim_0(){
    $('#el1').css('left',374).css('top',100);
    $('#el2').css('left',550).css('top',100);
/*
    $('#el1').fadeTo(50,.5);
    $('#el1').delay(50).fadeTo(50,0);
    $('#el1').delay(50).fadeTo(50,.5);
    $('#el1').delay(50).fadeTo(50,0);
    $('#el1').delay(50).fadeTo(50,.5);

    $('#el2').fadeTo(50,.5);
    $('#el2').delay(50).fadeTo(50,0);
    $('#el2').delay(50).fadeTo(50,.5);
    $('#el2').delay(50).fadeTo(50,0);
    $('#el2').delay(50).fadeTo(50,.5);
*/
    $('#el1').delay(100).animate({left:10},100);
    $('#el2').delay(100).animate({left:186},100);
    $('#el1').animate({top:10},100);
    $('#el2').animate({top:10},100, anim_1);    
} 

function anim_1(){
    // mostrar la animación del elemento 1
    $('#portal-languageselectorplaceholder').fadeIn(2000);
    $('#el11').delay(200).show( 'blind',{ direction: "horizontal" } , 2000);
    
    $('#el1').fadeTo(200,.1).fadeTo(2000,1);
    $('#el2').fadeTo(200,.1).fadeTo(2000,1);

    $('#el3 img').css("height",0);
    $('#el4 img').css("height",0);
    $('#el5 img').css("height",0);
    $('#el6 img').css("height",0);
    $('#el7 img').css("height",0);
    $('#el8 img').css("height",0);
    $('#el9 img').css("height",0);
    $('#el10 img').css("height",0);

    $('#el3').css("left",176).show();
    $('#el4').css("left",176).show();
    $('#el5').css("left",176).show();
    $('#el6').css("left",176).show();
    $('#el7').css("left",176).show();
    $('#el8').css("left",176).show();
    $('#el9').css("left",176).show();
    $('#el10').css("left",176).show();

    $('#el3').delay(800).animate({left:12},800);
    $('#el4').delay(850).animate({left:57},800);
    $('#el5').delay(900).animate({left:102},800);
    $('#el6').delay(950).animate({left:147},800);
    $('#el7').delay(1000).animate({left:192},800);
    $('#el8').delay(1050).animate({left:237},800);
    $('#el9').delay(1100).animate({left:282},800);
    $('#el10').delay(1150).animate({left:327},800);

     
    $('#el3 img').delay(800).animate({height:12},800);
    $('#el4 img').delay(850).animate({height:12},800);
    $('#el5 img').delay(900).animate({height:12},800);
    $('#el6 img').delay(950).animate({height:12},800);
    $('#el7 img').delay(1000).animate({height:12},800);
    $('#el8 img').delay(1050).animate({height:12},800);
    $('#el9 img').delay(1100).animate({height:12},800);
    $('#el10 img').delay(1150).animate({height:12},800, anim_2);
}
function anim_2(){    
    $('#animpic1').delay(500).show();
    $('#animpic1 #img1').delay(500).fadeIn(3000).delay(3000).fadeOut(3000);
    $('#animpic1 #img2').delay(9500).fadeIn(3000).delay(3000).fadeOut(3000);
    $('#animpic1 #img3').delay(19000).fadeIn(3000).delay(3000).fadeOut(3000, anim_2);

}