$(document).ready(function() {
  $("#headline").remove();

    if(capable_browser()){
      var active = $("#navigation li.active div.picture");
      if(active.length > 0){show_star(active,"active_star");}

      $("#image-gallery li").bind("mouseenter mouseleave", function(e){
        var id = $(this).attr("id").substr(2);
        var content = $("#desc-" + id).html();
        var tooltip_id = "tooltip-" + id;
        var tooltip = $("#tooltip");
        if(tooltip.length == 0){show_tooltip(this,tooltip_id,content);}
        else{hide_tooltip();}
      });
    }    

    $("#navigation li.inactive div.picture").bind("mouseenter mouseleave", function(e){
      var cb = capable_browser();
      var el = $("#d-" + $(this).attr("id").substr(2));
      if(e.type.toString() == "mouseenter"){ 
        if(cb){
          show_star(this,"highlight_star");
          $(el).css('visibility',"visible");          
        }
      } else if(e.type == "mouseleave"){
        if(cb){
          hide_star();
          if($(el).parent().hasClass("unpublished")){
            $(el).css('visibility',"hidden");
          }
        }      
      }
    });
      
    $("a.gallery").fancybox({
      'transitionIn':'elastic',
      'transitionOut':'elastic',
      'speedIn':600, 
      'speedOut':200, 
      'overlayShow':true,
      'titlePosition':'inside'
    });  

});
           
function capable_browser(){
  if($.browser.webkit) {
    return true;
  }
  if($.browser.mozilla) {
    return true;
  }
  if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 8) {
    return true;
  }
  return false;
}      

function show_star(element,id){
  var star = $('<div id="'+id+'">&nbsp;</div>');
  var os = $(element).offset();
  var height = 55;//$(element).height();
  $(element).append(star).height(height + "px");  
}                         

function hide_star(){
  $("#highlight_star").remove();
}

function show_tooltip(element,tooltip_id,content){
 var tooltip = $('<div id="tooltip"><div class="img-tooltip">&nbsp;</div><div class="tooltip-content">'+content+'</div></div>'); 
 $(element).append(tooltip);
 var offset = $(element).offset();
 if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 8) { 
   $("#tooltip").css({left: parseInt((offset.left+8))+"px", top: parseInt((offset.top-68))+"px"});
 } else{
   $("#tooltip").css({left: parseInt((offset.left+8))+"px", top: parseInt((offset.top-58))+"px"});   
 }   
}

function hide_tooltip(){
  $("#tooltip").remove();
}