﻿jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options.expires=-1}var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000))}else{date=options.expires}expires='; expires='+date.toUTCString()}var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('')}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break}}}return cookieValue}};
// DEBUG
// @author sherrif, brandont & charlesf

var nav_hover_obj = menu_hover_obj = null;

$(document).ready(function()
{	
      jsEnabled();
      styleSafari();      
      initSubNavToggle();
 
      if ($('#ctl00_ctl00_recipeDetail').length > 0)
      {
          printRecipe();
          enlargeImage();
          lightbox();
          $('.nutritionInfo tr:even').addClass('row1'); // CF: alternate row stripping in nutrition tables
      }
      else
      {
          // do not load these functions
      }
      
      featuredRecipe(); // featured recipe page
      
      recipeSearch();
      
      if ($('#ctl00_ctl00_ctl00_varietyTarget').length > 0) //cereal product page specific functions
      {
          currentCereal();          
          nutritionDetailToggle();
          cerealBox();

          // Scriptmanager runs all javascript so much faster that the dom replacement to add the cereal flash is too slow.
          // Any functions that only fire if the flash is loaded depend upon the function call to be slowed down for them to find the flash.
          t = setTimeout(flashLinks,1000); 
          noFlash();          
      }
      else
      {
          // do not load these functions
      }
      
      tabToggle();
      rememberFAQTab();      
      
      contactVerification();

      if ($('#ctl00_heritage').length > 0)
      {
          heritage();
      }
      else
      {
          // do nothing
      }
});

// ************ Global Functions **************
function doNoticeCount(siteName)
{
    // 3 counts of popup with legal message regarding Ralcorp purchase of Post
    var count = $.cookie('post_purchase_notice_'+siteName);
    if(count===null)
    {
        count = 0;
    }
    else
    {
        // do nothing
    }

    if(count<3)
    {
        window.open("/legal_notice.aspx", "legal_notice","menubar=no,width=430,height=200,toolbar=no");
        count++;
        $.cookie('post_purchase_notice_'+siteName, count, { path: '/', expires: 10000 });
    }
    else
    {
        // do nothing
    }
}

function jsEnabled()
{
    //add a class to the body tag to help style elements when javascript is enabled vs disabled    
    $('body').addClass('jsEnabled');
}

function styleSafari()
{
    // helper for styling safari seperately when needed
    if ($.browser.safari)
    {
        $('body').addClass('safari');
    }
    else
    {
        // do nothing
    }
}

function initSubNavToggle()
{
    var version = parseInt(jQuery.browser.version); 
        
    if ((jQuery.browser.msie) && (version < 7))
    {       
        $('#nav').before('<div id="subnav_mask"></div>');
    }
    else
    {
        $('#header').prepend('<div id="subnav_mask"></div>');
    }
    
    $('#sn1').css({'display':'block'});
    
    var mask_height = $('#subnav_mask').css('height');

    $('#nav li:first a').hover(
		  function()
		  {
		      if (nav_hover_obj || menu_hover_obj)
		      {
		          nav_hover_obj = menu_hover_obj = null;
		      }
		      else
        {
            // do nothing
        }
        
        if ((jQuery.browser.msie) && (version < 7)) 
        {
            // IE below 7
            subnavIE6();         
        }
        else
        {       
            subnav();
        }
        
        function subnavIE6()
        {
            $('div#subnav_mask').css({'z-index':'11', 'position':'relative'});
            $('#nav').css({'z-index':'12'});
            $('#nav li .subNav').css({'z-index':'15'});
        }
        
        function subnav()
        {
            // if first nav item "Our Brands" is hovered over, display subnav
            
		          $('div#subnav_mask').animate(
		           {height: '0px'}
		           , 'fast');
		      }
		  },
		  function()
		  {
		      //leave open on hover out
		  });
		  
		  $('div.subNav .close a').click(
		  function()
		  {
       if ((jQuery.browser.msie) && (version < 7)) 
       {
           // IE below 7
           subnavCloseIE6();
       }
       else
       {
           subnavClose();
       }
       
       function subnavCloseIE6()
       {
           $('div#subnav_mask').css({'z-index':'15'});
           $('#nav li .subNav').css({'z-index':'11'});
       }
	     
	      function subnavClose()
	      {
		         $('div#subnav_mask').animate(
		          {height : mask_height}
		          , 'fast');
		     }  
		      //Do not use the href in the HTML so page does not jump to the anchor
		      return false;
		  });
}

// ************ Page Specific Functions **************

// ******** Recipe Details Page Only **********
function printRecipe()
{
    var urlSearch = document.location.search.toString();        
    var urlSearchSplit = urlSearch.split('&');        
    var recipeURL,toStrip,returnURL; 

    $('.print').click(function()
    {
        // On recipe detail page, when print is clicked, show print version using css and apply a return link.
        $('.printWrapper').show();
    });
    
    $('a.return').click(function()
    {
        $('#wrapper').removeClass('printWrapper');
        $('a.return').remove();         
        
    });
    
    for (x=0; x<urlSearchSplit.length;x++)
    {
        if (urlSearchSplit[x] == "p=print")
        {
            $('#wrapper').addClass('printWrapper');
            $('#wrapper').append('<a href="#" class="return">Return</a>');            
            
            recipeURL = document.location.toString();
            toStrip = recipeURL.indexOf("p=print");
            returnURL = recipeURL.slice(0,[toStrip - 1]);
            
            $('a.return').attr('href', returnURL);
            
            $('#wrapper').show();
        }
        else
        {
            $('#wrapper').removeClass('printWrapper');
            $('a.return').remove();
            
            $('#wrapper').show();
        }
    }
}

function lightbox()
{
    if ($('#recipeExtras').length > 0)
    {
	       // Leandro Version
	       $("a[rel='lightbox']").lightBox({
	           imageBtnClose: '/img/close.gif',
	           imageLoading: '/img/loading.gif',
           	overlayOpacity: 0.8
	       });
	       
	       $('#ctl00_ctl00_pageContent_cph_MainColumn_EnlargeImage').click(
	       function()
	       {
            $('#lightbox-nav').remove();
            
            $('#lightbox-secNav').hide();	
            $('#lightbox-secNav').appendTo('#lightbox-container-image-box');
	           
	           $('#lightbox-container-image-box').hover(
	           function()
	           {
	               $('#lightbox-container-image-box #lightbox-secNav').fadeIn();
	           },
	           function()
	           {
	               $('#lightbox-secNav').fadeOut();
	           });
	       });
    }
    else
    {
        //do nothing
    }
}

function enlargeImage()
{
    // if the default recipe image is being used, do not show the link to enlarge it
    if ($('#ctl00_ctl00_pageContent_cph_MainColumn_EnlargeImage').attr('href') == '../../img/recipe_photos/defaultimg_lg.jpg')
    {
        // leave it hidden
    }
    else
    {
        // show the enlarge image link
        $('#ctl00_ctl00_pageContent_cph_MainColumn_EnlargeImage').show();
    }
}

// ******** Recipe Landing (Featured Recipes) Page Only **********
function featuredRecipe()
{
    if ($('#ctl00_ctl00_featuredRecipes').length > 0)
    {
        //get recipe (featured recipe landing) - square box link list functionality
	       var sq_nav_arr = $('#square_nav li a');
       	
	       sq_nav_arr.click(function(e)
	       {
            var theLink = $(this);
            var theTarget = $(this).attr('class'); //class of the clicked square equals the recipe ID to show

            sq_nav_arr.removeClass('active'); //old link is no longer active
            $(this).addClass('active'); //make clicked link active
            
            $('#recipe_0,#recipe_1,#recipe_2,#recipe_3,#recipe_4').hide(); //hide everyone initially
            $('#' + theTarget).show(); //show only the recipe ID associated with the clicked square
            
            //Do not jump to anchor
            e.preventDefault();
            return false;
	       });
	   }
	   else
    {
        // do nothing
    }
}

// ******** Recipe Search Results Page Only **********
function recipeSearch()
{
    $('.recipeTTL').each(function(i)
    {
        var recipeLink = $(this);
        recipeLink.parent().prev().wrap('<a href=""></a>');
        recipeLink.parent().prev().attr('href', recipeLink.attr('href'));
    });
}

// ******** Post Heritage Page Only **********
function heritage()
{
    //Post Heritage flash - swfobject 2 for dom replacement
    //Also uses swfaddress
    
    // if there is a timeline div, embed the flash otherwise do not.
    if ($('#timeline').length > 0)
    { 

        var flashvars = {};
        var params = {
            wmode: "opaque",
            bgcolor: "#ffffff",
            menu: 'false'
        };
        
        var attributes = {
            id: 'timeline'
        };

        var address         = window.location.toString();        
        var parentDirectory = address.lastIndexOf('/');
        var thePage         = unescape(window.location.toString());

        if (thePage.indexOf('?') !== -1)
        {
            thePage = thePage.substring(0,thePage.indexOf('?'));
        }
        else
        {
            //do nothing
        }

        thePage = thePage.substr(thePage.lastIndexOf('/') + 1);
        
        if (thePage !== "")
        {
            //Page URL does not end with a "/" thus swfaddress will cause probelms. Show the HTML version. Can apply a link here to show the flash version and then the back button will not be broken to visitors.
            
            makeTimelineVisible();
        }
        else
        {
            //all variables needed for flash to function have been checked. Embed the flash.
            showHeritageFlash();
        }    
     }
     else
     {
         //do nothing
     }
    
    function showHeritageFlash()
    {
        swfobject.embedSWF("/flash/RalcorpHeritage.swf", "timeline", "910", "740", "9.0.0", "/flash/expressInstall.swf", flashvars, params, attributes);
        
        makeTimelineVisible();     
    }
    
    function makeTimelineVisible()
    {
        //Reset visibility that was hidden in page to stop flicker of unstyled content before full page load.
        var f = document.getElementById('timeline');
        if (f != undefined)
        {
            f.style.visibility = "visible";
        }
        else
        {
           //do nothing as it is already visible
        } 
    }
}

// ************ Product Pages Only Functions **************
function currentCereal()
{
    //product detail page - prevent current product variety from reloading page if clicked
    $('#otherVarietiesContainer li.current a').attr('href','#');
}

function noFlash()
{
    //put the product image back if flash does not load. Covering people with JavaScript installed but not Flash.
    
    var flashLoaded = $('object#Main').html();
            
    if (flashLoaded === null)
    {
        // flash has not loaded unhide the background image hidden in the page to stop flicker
        $('#flashContainer').removeClass('hideMainBg');
    }
    else
    {
        //do nothing
    }
}

function cerealBox()
{
    //product page flash - swfobject 2 dom replacement
    
    var flashvars = {};
    var params = {
        allowscriptaccess: "sameDomain"
    };
    
    var attributes = {};
    var varietyFlash = $('#thisVariety').text();

    swfobject.embedSWF("/flash/Main.swf?xmlPath=/flash/data/" + varietyFlash, "Main", "240", "403", "9.0.0", "/flash/expressInstall.swf", flashvars, params, attributes);
    
    
}

function ExecuteWhenFlashIsLoaded(flashMovie, callback)
{
    var checkIsLoaded = function()
    {
        if (flashMovie.PercentLoaded() == 100)
        {
            callback();
        }
        else
        {
            setTimeout(checkIsLoaded, 50);
        }
    };
    checkIsLoaded();
}


function thisMovie(movieName)
{
    //Product page flash needs to be passed the moviename so the tab links will show the proper portion of the flash
    return document[movieName];
}
           
function nutritionLink(num)
{
    //product detail page - pass flash the toggled link
    var m = thisMovie("Main");
 
    if (m !== undefined)
    {
        m.sendToFlashNutritionLink(num);
    }
    else
    {
        // do nothing
    }
}

function flashLinks()
{
    var mainTag = document.getElementById('Main').tagName;

    mainTag = mainTag.toString().toLowerCase();

    if (mainTag == 'object')
    {
        $('#nutriToggleNav').show();
     
        //pass flash nutrition sub nav selected links
        $('#togNutriInfo a, #nutrifacts a').click(function()
        {
            return nutritionLink(0); //tell flash to show nutrition label 
        });
        
        $('#togOverview a').click(function()
        {
            return nutritionLink(-1); //"close" flash and return to overview
        });
        
        $('#vitamin a').click(function()
        {
            return nutritionLink(1); //tell flash to jump down to vitamins and minerals
        });
        
        $('#ingredients a').click(function()
        {
            return nutritionLink(2); //tell flash to jump down to ingredients
        });
    }
    else
    {
        $('#togNutriInfo a, #nutrifacts a, #togOverview a, #vitamin a, #ingredients a').click(function()
        {
            //return false;
        });
    }
}

function nutritionDetailToggle()
{
    if ($('#nutriToggleNav').length > 0)
    {
        $('#nutriToggleNav li').click(function()
        {
            //Change nutrition sub nav class on product detail
             $('#nutriToggleNav li').removeClass('current');
             $(this).addClass('current');
             //Do not jump to anchor
             return false;
        });
    }
    else
    {
        // do nothing
    }
}		

function tabToggle()
{
    //product detail page - right side nutrition tips should start closed. on click the description opens
    $('#nutritionTipsContainer li').addClass('closed');
    $('#nutritionTipsContainer li li').removeClass('closed');

    // remember if siteLinkContainer is hidden initially so that toggleNav does not set it to shown
    if ($('#siteLinkContainer').html() !== null)
    {
        var rememberSiteLinkState = $('#siteLinkContainer').html().length > 0 ? 'shown' : 'hidden';
    }
    else
    {
        // do nothing
    }
    
    // init nutrition detail togglets
    $('#nutritionTipsContainer li').toggle(
        function()
        {
            $(this).removeClass('closed'); 
        },
        function()
        {
            $(this).addClass('closed');
        }
    );

    // cereal product pages - toggle between overview, nutrition, and promotional content
    // faq page - toggle between post cereals, general nutrition and sweepstakes
    $('.toggleNav li').click(function()
    {   
        var currentTab;
    
        $('.toggleNav li').removeClass('current');
        $(this).addClass('current');
                
        if ($(this).attr('id') == 'togNutriInfo')
        {
            //click to view nutrition info
            // set first nutrition detail link to current state
            $('#nutriToggleNav li').removeClass('current');
            $('#nutriToggleNav li:first').addClass('current');

            $('#nutritionTipsContainer,#nutrition').show();
            $('#overview,#promotion,#promoContainer,#siteLinkContainer,#featuredRecipiesContainer,#otherProductsContainer,#post,#sweepstakes,#subColSubmissionForm').hide();
            
            $('#varietyContent').css("background-position","400px 400px");
            
            currentTab = 'second';
        }
        else if ($(this).attr('id') == 'togOverview')
        {
            //click to view overview
            $('#nutritionTipsContainer,#nutrition,#sweepstakes').hide();
            $('#overview,#promoContainer,#featuredRecipiesContainer,#otherProductsContainer,#post,#subColSubmissionForm').show();
            
            if (rememberSiteLinkState == 'shown')
            {
                $('#siteLinkContainer').show();
            }
            else
            {
                $('#siteLinkContainer').hide();
            }
            
            $('#varietyContent').css("background-position","0 0");
            
            currentTab = 'first';
        }
        else
        {
            // click to view promotion
            $('#nutritionTipsContainer,#nutrition,#overview,#post').hide();
            $('#promotion,#sweepstakes').show();
            
            currentTab = 'third';            
        }
 
        if ($('#ctl00_ctl00_faqs') !== null)
        {
            // do nothing  
        }
        else
        {
            // Do not jump to anchor
            return false;
        }
        
        $.cookie('post_tab', currentTab, { path: '/', expires: 10 });

    });
}

function rememberFAQTab()
{
    if ($('#ctl00_ctl00_faqs').length > 0)
    {
        // retrieve cookie so that invalid recipe search does not switch back to default faq tab
        var tab = $.cookie('post_tab');
        
        if (tab === null)
        {
            $('#togOverview').addClass('current');
            $('#post').show();
        }
        else
        {
            $('.toggleNav li').removeClass('current');           
            
            switch (tab)
            {
                case 'second':
                    $('#togNutriInfo').addClass('current');                    
                    $('#post,#sweepstakes').hide();
                    $('#nutrition').show();
                    break;
                case 'third':
                    $('#togPromo').addClass('current');  
                    $('#nutrition,#post').hide();
                    $('#sweepstakes').show();
                    break;
                default:
                    // first
                    $('#togOverview').addClass('current'); 
                    $('#nutrition,#sweepstakes').hide();
                    $('#post').show();
                    break;
            }
        }
    }
    else
    {
        // do nothing
    }
}

function contactVerification()
{
    if (($('#ctl00_ctl00_feedback').length > 0) || ($('#ctl00_ctl00_contact').length > 0))
    {
        var invalidMsg = $('#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidatorEmailInvalid');
        var reqMsg = $('#ctl00_ctl00_pageContent_cph_MainColumn_RequiredFieldValidatorEmail');

        function toggleMsgs()
        {
            if ((reqMsg.css('visibility') == 'hidden') && (invalidMsg.css('visibility') == 'hidden'))
            {
                // both are invisible - email is either correct or form has not been submitted
                // display none one of them so there is only a height between form elements for one message (consistent space between form elements)
                invalidMsg.addClass('none').removeClass('block');
            }
            else if ((reqMsg.css('visibility') == 'hidden') && (invalidMsg.css('visibility') == 'visible'))
            {
                // email is invalid (invalid message replaces required message)
                reqMsg.addClass('none').removeClass('block');
                invalidMsg.addClass('block').removeClass('none');
            }
            else if ((reqMsg.css('visibility') == 'visible') && (invalidMsg.css('visibility') == 'hidden'))
            {
                // email is required message (submitted without an email address)            
                invalidMsg.addClass('none').removeClass('block');
                reqMsg.addClass('block').removeClass('none');
            }
            else
            {
                // both are set to visible which should not be possible but just in case...
                reqMsg.addClass('none').removeClass('block');
                invalidMsg.addClass('block').removeClass('none');
            }
        }
        
        toggleMsgs(); // run it onload
        
        $('#ctl00_ctl00_pageContent_cph_MainColumn_Submit').click(function()
        {
            // run it again on submit
            toggleMsgs();
        });
    }
    else
    {
        // do nothing
    }
}
if(typeof(Sys)!=='undefined')Sys.Application.notifyScriptLoaded();