/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

$(document).ready(function () {
    adaptar();
    initSite("home");
    initTooltipLogin();
    initTooltipRegistro();
    initMenuLi();
    historyInit();
    llamarModalSimple('home_robapagina_joe.html');
   // alert("Normal "+$("#nombre_registrado_normal").val());
});

$(window).bind("resize", function() {
    adaptar();
});

$(window).bind( 'hashchange', function(e) {
    //historyInit();
});

// Since the event is only triggered when the hash changes, we need to trigger
// the event now, to handle the hash the page may have loaded with.
$(window).trigger( 'hashchange');


function adaptar(){
    
  $("#canvas").html('<img src="img/core/home/bg.jpg" border="0" id="demoimage" />');
  var ww = parseInt($(window).width());
  var hh = parseInt($(window).height());
  var desp = $("html").css("width").split("px");
  var despv = parseInt($(window).height());
  var height = 0;
  var canvash = $("#canvas").css("height").split("px");

  if(hh < 800){
     $("#contenedorcentral").css("height",800);
     $("#canvas").css("height",900);
     $("#canvas").css("top",0);
     $("#footerAdaptable").css("position","relative");
      $("body, html").css("overflow-y","auto");
      reordenarObjetos(1);
  }else{
     $("#contenedorcentral").css("height",despv-100);
     $("#canvas").css("height",despv);
     $("#canvas").css("bottom",0);
     $("#footerAdaptable").css("position","absolute");
     $("#footerAdaptable").css("bottom",0);
     $("body, html").css("overflow-y","hidden");
     reordenarObjetos(2);
  }
  
  var parentOffset = $("div#canvas").offset();
  var elementOffset = $("div#contenedorcentral").offset();
  var bgRepoX = (parentOffset.left - elementOffset.left);
  var bgRepoY = (parentOffset.top - elementOffset.top);
  canvash = $("#canvas").css("height").split("px");
  var posAux = -(800-(ww/2))/2;
  posBackgroundActual = 415;
  $("#demoimage").css({'bottom' :'-15px'});
  $("#demoimage").css({'left' :-(bgRepoX+posBackgroundActual)+'px'});
}

function reordenarObjetos(estado){

    var reordenar = 100;
    
    var pos1 = 300-reordenar;
    var pos2 = 520-reordenar;
    var pos3 = 410-reordenar;
    var pos4 = 150-reordenar;
    var pos5 = 128-reordenar;
    var pos6 = 225-reordenar;

    switch(estado){
        case 1:
            var diff = 0;
            $("#kiosco1").animate({'bottom' : (pos1-diff)+'px'}, 1 );
            $("#kiosco2").animate({'bottom' : (pos2-diff)+'px'}, 1 );
            $("#kiosco3").animate({'bottom' : (pos3-diff)+'px'}, 1 );
            $("#kiosco4").animate({'bottom' : (pos4-diff)+'px'}, 1 );
            $("#kiosco5").animate({'bottom' : (pos5-diff)+'px'}, 1 );
            $("#kiosco6").animate({'bottom' : (pos6-diff)+'px'}, 1 );

         break;
        case 2:            
            $("#kiosco1").animate({'bottom' : pos1+'px'}, 1 );
            $("#kiosco2").animate({'bottom' : pos2+'px'}, 1 );
            $("#kiosco3").animate({'bottom' : pos3+'px'}, 1 );
            $("#kiosco4").animate({'bottom' : pos4+'px'}, 1 );
            $("#kiosco5").animate({'bottom' : pos5+'px'}, 1 );
            $("#kiosco6").animate({'bottom' : pos6+'px'}, 1 );
            
         break;
    }
}