var pageTracker;
var WIDTH_MAX = 900;
var WIDTH_MIN = 700;
var CONTENT_HEIGHT_MIN=550;
var CONTENT_WIDTH = 900;
var nutritional_infos;
var sectionActive;
var selectedFlavour_nutrition={"powderflavours":"", "waterflavours":""};
var NUTRITIONAL_DISCLAIMER = "<div class=\"footnote\"><br />Not a significant source of calories from fat, saturated fat, trans fat, cholestrol, dietary fiber, vitamin A, calcium and iron. Percent Daily Values are based on a 2,000 calorie diet.<br />**Antioxidant Vitamins C&E<br /><br /><a href=\"nutritionalInfoURL\" target=\"_blank\">More Nutritional Info</a></div>";
var closeButtonHTML={"powderflavours":"", "waterflavours":""};
var selectedMenuItem;
var selectedFlavour={};
var first=true;
function sectionWasClicked(section)
{
  if(selectedMenuItem)
  {
    selectedMenuItem.removeClass("menuitem_selected");
    selectedMenuItem.addClass("menuitem");
  }
        
  selectedMenuItem = $("#menuitem_" + section);
  selectedMenuItem.addClass("menuitem_selected");
  selectedMenuItem.removeClass("menuitem");
        
  if(sectionActive)
  {
    sectionActive.css("display","none");
   } 
   
  $("#"+section).css("display","block");
  /*
  $("#"+section).css("opacity",0);
  $("#"+section).animate({
    opacity:1
    },
    250,
    function(){
      
    }
   );
   */
   
   var tagline;
   
   if(section=="powderflavours")
   {
       if(first==true)
       {
         first=false;
         //hack

         $("#powderflavours_bottle").html("<img src=\"images/products/powderflavours_lemonade.png\" />");
         $("#powderflavours_divider").html("<img class=\"flavours_divider\" src=\"images/flavours.divider.png\" />");
         $("#powderflavours_bottle").supersleight({shim: '/images/blank.gif'});
         $("#powderflavours_divider").supersleight({shim: '/images/blank.gif'});
       }
       tagline="<img id=\"tagline\" src=\"images/tagline_powder.gif\" />";
   }else
   {
       tagline="<img id=\"tagline\" src=\"images/tagline.gif\" />";
   }
   
   $("#tagline").html(tagline);
   
   try
   {
     if(section=="waterflavours")
     {
       pageTracker._trackPageView('/nav_water');
     }else
     {
       pageTracker._trackPageView('/nav_powder');
     }
   }catch(err){}

        
  sectionActive = $("#" + section);
}

function flavourWasClicked(section,id,a)
{

  if(closeButtonHTML[section]=="")
  {
   closeButtonHTML[section] = $("#"+section+"_nutritionalInfo").html();
  }
  var trackerSection = section=="waterflavours" ? "water" : "powder";
  pageTracker._trackPageview("/"+trackerSection+"_"+id);
  if(selectedFlavour[section])
  {
   selectedFlavour[section].removeClass("flavour_selected");
   selectedFlavour[section].addClass("flavour"); 
  }
  
  var divID  = id.toLowerCase();
  divID = divID.replace(" ","");
  
  selectedFlavour[section] = $("#"+section+"_flavouritem_" + divID);
  
  selectedFlavour[section].addClass("flavour_selected");
  selectedFlavour[section].removeClass("flavour");  
  selectedFlavour_nutrition[section] = nutritional_infos[0][section][id] + NUTRITIONAL_DISCLAIMER + closeButtonHTML[section];
  
  //nutritionalInfoURL
  
  var nutritionalInfoURL = nutritional_infos[0][section][id+"_INFO_URL"];
  selectedFlavour_nutrition[section] = selectedFlavour_nutrition[section].replace("nutritionalInfoURL", nutritionalInfoURL)
  
  $("#"+section+"_nutritionalInfo").html(selectedFlavour_nutrition[section]);
  var src = "images/products/"+section+"_" + id.toLowerCase() + ".png";
  
  $("#"+section+"_bottle").html("<img src=\"" + src + "\" />");
  $("#"+section+"_bottle").supersleight({shim: '/images/blank.gif'});
}
function nutritionInfoWasClicked(section)
{
  
  var trackerSection = section=="waterflavours" ? "water" : "powder";
  pageTracker._trackPageview("/"+trackerSection+"_nutritional_info");
  
  $("#"+section+" .flavours").css("display","none");
  $("#"+section+"_nutritionalInfo").css("display","block");
  /*
  $("#"+section+"_nutritionalInfo").css("opacity",0);
  $("#"+section+"_nutritionalInfo").animate({
    opacity:1
    },
    250,
    function(){
      
    }
   );*/
}
function nutritionInfoCloseButtonWasClicked(section)
{
  $("#"+section+" .flavours").css("display","block");
  /*
  $("#"+section+" .flavours").css("opacity",0);
  $("#"+section+" .flavours").animate({
    opacity:1
    },
    250,
    function(){
      
    }
   );*/
  $("#"+section+"_nutritionalInfo").css("display","none");  
}
function powderFlavourWasClicked(){
  
}
function windowWasResized(){
  //resize the bkgd image
  var bkgd = $("#bkgdImg");
  bkgd.width($(window).width()); 
  bkgd.height($(window).height());
  
  $("#content").css("margin-left",$(window).width()/2-CONTENT_WIDTH/2);

  //$("#facebook_callout").css("margin-left",$(window).width()/2-CONTENT_WIDTH/2+560);
  //$("#facebook_arrow").css("margin-left",$(window).width()/2-CONTENT_WIDTH/2+757);
  
  var footerTop;
  var top = 100;
  var contentTopMargin;
  
  if($(window).height()-top<=CONTENT_HEIGHT_MIN)
  {
    footerTop = CONTENT_HEIGHT_MIN;
    // contentTopMargin = 0; 
  }else
  {
    footerTop = CONTENT_HEIGHT_MIN+($(window).height()-top-CONTENT_HEIGHT_MIN);
  }
  
  contentTopMargin = $(window).height()/2-CONTENT_HEIGHT_MIN/2;
  
  contentTopMargin-=80;
  if(contentTopMargin<=-14)
  {
    contentTopMargin=-14;
  }
  
  $("#footer").css("top",footerTop);
  $("#sections").css("marginTop",contentTopMargin);  
}

function loadNutritionalInfos(){
  $.getJSON('js/nutritionInfo.json', function(data) {
    nutritional_infos = data;
    flavourWasClicked("waterflavours","BERRY");
    flavourWasClicked("powderflavours","LEMONADE");
    
    //preload images
    var images=[];
    for(var section in nutritional_infos[0])
    {
      for (var product in nutritional_infos[0][section])
      {
        if(product.indexOf("_URL")==-1)
        {
          var img = new Image();
          img.src = "images/products/" + section + "_" + product.toLowerCase() + ".png";
          images.push(img);
        } 
      }
    }
  });
}

$(document).ready(function(){
  //$(document).pngFix();
  try
  {
    pageTracker = _gat._getTracker("UA-8431412-2");
  }catch(err)
  {
    //alert("unable to start tracking");
  }
  
  $('body').supersleight({shim: '/images/blank.gif'});
  
  windowWasResized();
  $(window).bind("resize",windowWasResized);
  loadNutritionalInfos();
  sectionWasClicked('waterflavours');
  
})