function showDetail(){
    lightbox = $("#atrakcelightbox");
    detail = $("#atrakcedetail");

    lightbox.css("width",$(document).width());
    lightbox.css("height",$(document).height());
    lightbox.css("opacity",0.5);
    detail.css("left",($(document).width()-detail.width())/2);
    detail.fadeIn("slow");
    lightbox.fadeIn("slow");
    $("#mapa_statu").hide();
}

function LoadImage(item){
       photo = $("#atrakcePhoto");
       $("body").css("cursor","wait");
       photo.text("loading...");
       photo.css("opacity",0.5);
       photo.show();

       id = $(item).attr("id");
       id = id.replace("atrakce_","");
       //photo.text("_admin/atrakce/getimage.php?id="+id);

       $.getJSON("_admin/atrakce/getimage.php?id="+id,
        function(data){
          //photo.text(data[0].link_cropped); /*
          if(!data) {
             photo.hide();
             $("body").css("cursor","auto");
             return false;
          }
          var img = Array();
          $.each(data, function(i,item){
            img.push(item.link_cropped);
          });
          photo.css("opacity",1);
          $("#atrakcePhoto").html("<img src='"+img[0]+"' />");
          $("body").css("cursor","auto");
          if(img.length==1){
            return true;
          } else {
                $(document).everyTime(3000, function(i){
                    i = i%img.length;
                    atrakcephoto = $("#atrakcePhoto img");

                    atrakcephoto.fadeTo(500,0.2);
                    $("#atrakcePhoto").oneTime(500, function() {
                        atrakcephoto.attr("src",img[i]);
                        atrakcephoto.fadeTo(500,1);
                    });
                });
          }
        });

}

function LoadDetail2(item){
       $("body").css("cursor","wait");
       $("#atrakcedetailbody").text("loading... ");
       $("#atrakcedetailbody").load($(item).attr("href"));
       $("#atrakcedetail a:first").click(function(){
            hideDetail();
            return false;
        });

       showDetail(item);
       $("body").css("cursor","auto");
       return false;
}

function LoadDetail(item){
       $("body").css("cursor","wait");
       $("#atrakcedetailbody").text("loading... ");
       page = $(item).attr("rel");
       $("#atrakcedetailbody").load(page);
       $("#atrakcedetail a:first").click(function(){
            hideDetail();
            return false;
        });

       showDetail(item);
       $("body").css("cursor","auto");

}

function hideDetail(){
    lightbox = $("#atrakcelightbox");
    detail = $("#atrakcedetail");
    detail.fadeOut("slow");
    lightbox.fadeOut("slow");
    detail.oneTime(500,function(){
        $("#mapa_statu").show();
    })
    
}

$(document).ready(function(){
   
   $(window).resize(function(){
        lightbox = $("#atrakcelightbox");
        detail = $("#atrakcedetail");

        lightbox.css("width",$(document).width());
        lightbox.css("height",$(document).height());
        lightbox.css("opacity",0.5);
        detail.css("left",($(document).width()-detail.width())/2);
   });

   $("#atrakce tr").mouseenter( function(){
        LoadImage(this);
   });
    $("#atrakce tr").mousemove( function(e){
       photo = $("#atrakcePhoto");
       photo.css("top",e.pageY+10);
       photo.css("left",e.pageX+10);
   });
   $("#atrakce tr").mouseleave( function(){
       photo = $("#atrakcePhoto");
       photo.hide();
       $(document).stopTime();
       $("#atrakcePhoto").stopTime();
   });
   $("#atrakce tr").click( function(){
        LoadDetail(this)
   });
   $(document).keypress(function(e){
		if(e.keyCode==27){
			hideDetail();
        }
	});
    $("#atrakcelightbox").click(function(){
        hideDetail();
    });
/*
   $(document).scroll( function(){
       var top = document.documentElement.scrollTop;
       detail.css("top",e.pageY-e.clientY+50);
       detail.html(e.clientY()+" "+top)
   });*/

    $("#button_show_all_attraction").click(function(){
       $(this).hide();
       $(".atrakce_table_30").show();
       return false;
    });
});