$(document).ready(function() {
   tabs_setup();
 });

var tabs_timer= null;
var block_mouseout = false;
var block_mouseout_timer = null;

function tabs_setup()
{
   $("div.popup").hide();
   $("div.popup").each(function() { $("body").append(this); });
   $(".tab>a").mouseenter(function(e) { tab_onMouseOver(e); });
   $(".tabSelected>a").mouseenter(function(e) { tab_onMouseOver(e); });
   $(".tab>a").mouseleave(function(e) { tab_onMouseOut(e); });
   $(".tabSelected>a").mouseleave(function(e) { tab_onMouseOut(e); });
   $("div.popup").mouseenter(function(e) { popup_onMouseOver(e); });
   $("div.popup").mouseleave(function(e) { popup_onMouseOut(e); });
}

function tab_blockMouseOut()
{
   block_mouseout = true;
   setTimeout("tab_unblockMouseOut()", 200);
}

function tab_unblockMouseOut()
{
   block_mouseout = false;
}


function tabs_hideAllPopups()
{
   $("div.popup").stop(true,true).hide();
}

function tab_onMouseOut(e)
{
   if (e.target.tagName=="A" && !block_mouseout)
   {
      tab_clearOldTimeout();
      tabs_timer = setTimeout("tabs_hideAllPopups()", 1000);
   }
}

function popup_onMouseOut(e)
{
    tab_clearOldTimeout();
    tabs_timer = setTimeout("tabs_hideAllPopups()", 1000);
}

function tab_selectCorrectPopup(url)
{
   switch (url.substr(url.lastIndexOf("/"), url.length - url.lastIndexOf("/")))
   {
      case "/Our-foods":
        return $("#popupOurFoods");
        
      case "/My-Glutafin":
        return $("#popupMyGlutafin");
        
      case "/Recipes":
            return $("#popupRecipes");
        
      case "/Coeliac-disease":
            return $("#popupCoeliacDisease");
        
      case "/Viewpoint":
            return $("#popupViewpoint");
            
      case "/Us":
            return $("#popupAboutUs");
        
   }
}

function tab_clearOldTimeout()
{
    if (tabs_timer != null)
    {
       clearTimeout(tabs_timer);
       tabs_timer = null;
   }
}

function tab_onMouseOver(e)
{
   tab_clearOldTimeout();
   tabs_hideAllPopups();
   
   if (e.target.tagName=="SPAN")
   {
      var link = e.target.parentElement;
   }
   else
   {
    link = e.target;
   }
  
   var popupX = $(link).offset().left;
   var popupY = $(".tabsPanel").offset().top + 27;
  
   var popup = tab_selectCorrectPopup(link.href);
   if (popup===undefined)
      return;
      
   popup.css({"position" : "absolute", "top" : popupY, "left" : popupX });
   popup.stop(true,true).fadeIn("fast");
   
   
}

function popup_onMouseOver(e)
{
   tab_clearOldTimeout();
   
}