﻿    
    var spam = {
 		src: '/swf/spam.swf'
 		,wmode: 'transparent'
	};
	
	sIFR.activate(spam); // From revision 209 and onwards

	sIFR.replace(spam, {
		selector: 'h3.spam span'
			,css: {
	 		'.sIFR-root': { 'color': '#09347a' }
	 	}
	});
    
	var coffee = {
 		src: '/swf/coffee.swf'
 		,wmode: 'transparent'
	};
	
	sIFR.activate(coffee); // From revision 209 and onwards

	sIFR.replace(coffee, {
		selector: '.sifr h3 span'
			,css: {
	 		'.sIFR-root': { 'color': '#09347a' }
	 	}
	});
	
    sIFR.replace(coffee, {
        selector: 'h3.rxSection span'
	        ,css: {
	        '.sIFR-root': { 'color': '#09347a' }
        }
    }); 

	sIFR.replace(coffee, {
		selector: '.top_sellers h3 span'
			,css: {
	 		'.sIFR-root': { 'color': '#09347a' }
	 	}
	});
	sIFR.replace(coffee, {
		selector: '.top_rated h4 span'
			,css: {
	 		'.sIFR-root': { 'color': '#09347a' }
	 	}
	});
	
	sIFR.replace(coffee, {
		selector: 'h3.script span'
			,css: {
	 		'.sIFR-root': { 'color': '#09347a' }
	 	}
	});
	var futura = {
 		src: '/swf/futura_medium.swf'
 		,wmode: 'transparent'
	};
	var futura2 = {
 		src: '/swf/futura_medium2.swf'
 		,wmode: 'transparent'
	};
	
	sIFR.activate(futura); // From revision 209 and onwards
	sIFR.activate(futura2); // From revision 209 and onwards

	sIFR.replace(futura, {
		selector: 'h1 span'
			,css: {
	 		'.sIFR-root': { 'color': '#ffffff' }
	 	}
	});
	sIFR.replace(futura, {
		selector: '.title_title span'
			,css: {
	 		'.sIFR-root': { 'color': '#ffffff' }
	 	}
	});
	sIFR.replace(futura2, {
		selector: 'h2 span'
			,css: {
	 		'.sIFR-root': { 'color': '#09347a' }
	 	}
	});
	sIFR.replace(futura, {
		selector: 'h4.mission span'
			,css: {
	 		'.sIFR-root': { 'color': '#09347a' }
	 	}
	});
	var trashhand = {
 		src: '/swf/trashhand.swf'
 		,wmode: 'transparent'
	};
	
	sIFR.activate(trashhand); // From revision 209 and onwards

	sIFR.replace(trashhand, {
		selector: 'h3.featured span'
			,css: {
	 		'.sIFR-root': { 'color': '#FEE000' }
	 	}
	});

    var stops = new Array( );
    
    

    $(document).ready(function(){
        //loads facebox jquery plugin (for displaying larger images)
        $('a[rel*=facebox]').facebox(); 
        
        $(".nav li div div ul").css("opacity","0");
        $(".nav li").hover(
            function () {
                var open_what = $(this).children("div");
                open_what = $(open_what[0]).children("div");
                open_what = $(open_what[0]).children("ul");
                if ($(open_what[0]).css("opacity")!=0){
                    $(open_what[0]).stop().css({'opacity' : '0', 'display' : 'none', 'top' : '-100%'});
                }
                $(open_what[0]).css("display","block").animate({
                opacity: 1,
                top: "0"}
                ,400);
                hover_what = $(this).children("a");
                $(hover_what[0]).addClass("hover");
            },
            function () {
                var this_is = this;
                var open_what = $(this).children("div");
                open_what = $(open_what[0]).children("div");
                open_what = $(open_what[0]).children("ul");
                $(open_what[0]).stop();
                if($(open_what[0]).css("opacity")==1){
                    $(open_what[0]).animate({opacity: 0},300,"",function () {
                        $(open_what[0]).css("display","none").css("top","-100%");
                        hover_what = $(this_is).children("a");
                        $(hover_what[0]).removeClass("hover");
                        }
                    );
                } else {
                    $(open_what[0]).css({'opacity' : '0', 'display' : 'none', 'top' : '-100%'});
                    hover_what = $(this_is).children("a");
                    $(hover_what[0]).removeClass("hover");
                }
            }
        );
        $("li.sub").removeClass("open").hover( function () {		
			var subs = $(".sub");
			var this_children = $(this).children();
			for (i=0;i<subs.length;i++) {
				if ($(subs[i]).html() == $(this).html()) {
					var sub_nav = $(subs[i]).children();
					$(sub_nav[1]).stop().slideDown(400, function () {
						$(this).addClass("open");
						$(sub_nav[1]).css("height","auto");
					});
				}
			}
		}, function () {
			var subs = $(".sub");
			var this_children = $(this).children();
			for (i=0;i<subs.length;i++) {
				if ($(subs[i]).html() == $(this).html()) {
					var sub_nav = $(subs[i]).children();
					$(sub_nav[1]).stop().slideUp(400, function () {
						$(this).removeClass("open");
						$(sub_nav[1]).css("height","auto");
					});
				}
			}
		});
        
		jQuery.ifixpng('/images/pixel.gif');
		jQuery('img, .bgPng').ifixpng();
		if(jQuery.browser.version==6.0){
			var loadheight = $(".landing_paper").height();
			if (loadheight<="330") {
				$(".landing_paper").css({"height":loadheight+102+"px","overflow":"hidden"});
			}
			if (loadheight<="290"){
				$(".landing_paper").css({"height":loadheight+102+"px","overflow":"hidden"});
			}
			if (loadheight<="237"){
				$(".landing_paper").css({"height":loadheight+102+"px","overflow":"hidden"});
			}
		}
		var interact_switch = function (which) {
			$(".interact_content").stop().slideUp(400, function () {
				$(".interact_content li").addClass("hidden");
				$(".interact_content li li").removeClass("hidden");
				$(".interact_content ." + which).removeClass("hidden");
				var current_link = $(".interact_links li").attr("class");
				$(".interact_links li:first").removeClass(current_link).addClass("interact_links_bkg_" + which);
				$(".interact_content").css("height","auto").slideDown(400);
			});
		};

        $(".interact_links li").mouseover( function () {
			if(!$(".interact_links li:first").hasClass("interact_links_bkg_" + $(this).attr("class"))) {
				if($(this).attr("class")=="print" || $(this).attr("class")=="email" || $(this).attr("class")=="share") {
					interact_switch($(this).attr("class"));
				}
			}
		});
		$(".search_fields li h5").click(function(){
			if($(this).parent("li").hasClass("active")){
				$(this).parent("li").removeClass("active");
			} else {
				$(this).parent("li").addClass("active");
			};
		});
       $(".close, .vail").click(function(){
		    $(".button, .vail, .close, .vail-bottom").hide();
	    });
	    setTimeout("heightTest()",500);
	    $(".vail, .vail-bottom").css("opacity","0.6");
	    $(".history-slider").append('<li class="timeline_1941"><div><img src="/images/timeline_1941.png" /></div></li>\
									<li class="timeline_1942"><div><img src="/images/timeline_1942.png" /></div></li>\
									<li class="timeline_1943"><div><img src="/images/timeline_1943.png" /></div></li>\
									<li class="timeline_1945"><div><img src="/images/timeline_1945.png" /></div></li>\
									<li class="timeline_1959"><div><img src="/images/timeline_1959.png" /></div></li>\
									<li class="timeline_1962"><div><img src="/images/timeline_1962.png" /></div></li>\
									<li class="timeline_1963"><div><img src="/images/timeline_1963.png" /></div></li>\
									<li class="timeline_1967"><div><img src="/images/timeline_1967.png" /></div></li>\
									<li class="timeline_1970"><div><img src="/images/timeline_1970.png" /></div></li>\
									<li class="timeline_1970a"><div><img src="/images/timeline_1970a.png" /></div></li>\
									<li class="timeline_1971"><div><img src="/images/timeline_1971.png" /></div></li>\
									<li class="timeline_1980"><div><img src="/images/timeline_1980.png" /></div></li>\
									<li class="timeline_1986"><div><img src="/images/timeline_1986.png" /></div></li>\
									<li class="timeline_1986a"><div><img src="/images/timeline_1986a.png" /></div></li>\
									<li class="timeline_1991"><div><img src="/images/timeline_1991.png" /></div></li>\
									<li class="timeline_1991a"><div><img src="/images/timeline_1991a.png" /></div></li>\
									<li class="timeline_1992"><div><img src="/images/timeline_1992.png" /></div></li>\
									<li class="timeline_1992a"><div><img src="/images/timeline_1992a.png" /></div></li>\
									<li class="timeline_1994"><div><img src="/images/timeline_1994.png" /></div></li>\
									<li class="timeline_1995"><div><img src="/images/timeline_1995.png" /></div></li>\
									<li class="timeline_1995a"><div><img src="/images/timeline_1995a.png" /></div></li>\
									<li class="timeline_1997"><div><img src="/images/timeline_1997.png" /></div></li>\
									<li class="timeline_1997a"><div><img src="/images/timeline_1997a.png" /></div></li>\
									<li class="timeline_1997b"><div><img src="/images/timeline_1997b.png" /></div></li>\
									<li class="timeline_1998"><div><img src="/images/timeline_1998.png" /></div></li>\
									<li class="timeline_1998a"><div><img src="/images/timeline_1998a.png" /></div></li>\
									<li class="timeline_1998b"><div><img src="/images/timeline_1998b.png" /></div></li>\
									<li class="timeline_1998c"><div><img src="/images/timeline_1998c.png" /></div></li>\
									<li class="timeline_2000"><div><img src="/images/timeline_2000.png" /></div></li>\
									<li class="timeline_2000a"><div><img src="/images/timeline_2000a.png" /></div></li>\
									<li class="timeline_2001"><div><img src="/images/timeline_2001.png" /></div></li>\
									<li class="timeline_2001a"><div><img src="/images/timeline_2001a.png" /></div></li>\
									<li class="timeline_2002"><div><img src="/images/timeline_2002.png" /></div></li>\
									<li class="timeline_2004"><div><img src="/images/timeline_2004.png" /></div></li>\
									<li class="timeline_2004a"><div><img src="/images/timeline_2004a.png" /></div></li>\
									<li class="timeline_2004b"><div><img src="/images/timeline_2004b.png" /></div></li>\
									<li class="timeline_2005"><div><img src="/images/timeline_2005.png" /></div></li>\
									<li class="timeline_2006"><div><img src="/images/timeline_2006.png" /></div></li>\
									<li class="timeline_2007"><div><img src="/images/timeline_2007.png" /></div></li>\
									<li class="timeline_2007a"><div><img src="/images/timeline_2007a.png" /></div></li>\
									<li class="timeline_2007b"><div><img src="/images/timeline_2007b.png" /></div></li>\
									<li class="timeline_2007c"><div><img src="/images/timeline_2007c.png" /></div></li>\
									<li class="timeline_2008"><div><img src="/images/timeline_2008.png" /></div></li>\
									<li class="timeline_2008a"><div><img src="/images/timeline_2008a.png" /></div></li>\
									<li class="timeline_2008b"><div><img src="/images/timeline_2008b.png" /></div></li>');
									
        $(".facts-slider").append('<li class="facts_03"><div><img src="/images/facts_03.png" /></div></li>\
									<li class="facts_04"><div><img src="/images/facts_04.png" /></div></li>\
									<li class="facts_05"><div><img src="/images/facts_05.png" /></div></li>\
									<li class="facts_06"><div><img src="/images/facts_06.png" /></div></li>\
									<li class="facts_07"><div><img src="/images/facts_07.png" /></div></li>\
									<li class="facts_08"><div><img src="/images/facts_08.png" /></div></li>\
									<li class="facts_09"><div><img src="/images/facts_09.png" /></div></li>\
									<li class="facts_10"><div><img src="/images/facts_10.png" /></div></li>\
									<li class="facts_11"><div><img src="/images/facts_11.png" /></div></li>\
									<li class="facts_12"><div><img src="/images/facts_12.png" /></div></li>\
									<li class="facts_13"><div><img src="/images/facts_13.png" /></div></li>\
									<li class="facts_14"><div><img src="/images/facts_14.png" /></div></li>');
	    var slider_timer;
		stops = $(".timeline_display li.recipe-space");
		if(stops.length==0){
		    stops = $(".timeline_display li");
	    }
		var moves = stops.length - 1;
		keepgoing=1;
		var size = 626 / (moves);
		stops = $(".timeline_display li.recipe-space");
		if(stops.length==0){
		    stops = $(".timeline_display li");
	    }
	    $(".slider").draggable({axis: "x", containment: "parent", 'drag': function () {if(keepgoing==1){timeline_slide(size);if(jQuery.browser.version==6.0){
            keepgoing=0;}
        }
		}});
		var product_list = $(".other_products").children("li");
		var keep_track = 1;
		var page_track = 1;
		var page_count = 0;
		var switch_page = function (page) {
			for (tmp=0; tmp<product_list.length; tmp++) {
				$(product_list[tmp]).addClass("hidden");
			};
			for (tmp=0; tmp<15; tmp++) {
				$(product_list[tmp+(page*15-15)]).removeClass("hidden");
			};
			if (page == 1) {
				$(".more_product_first").addClass("hidden");
				$(".more_product_previous").addClass("hidden");	
			} else {
				$(".more_product_first").removeClass("hidden");
				$(".more_product_previous").removeClass("hidden");
			}
			if (page == page_count) {
				$(".more_product_last").addClass("hidden");
				$(".more_product_next").addClass("hidden");	
			} else {
				$(".more_product_last").removeClass("hidden");
				$(".more_product_next").removeClass("hidden");
			}
		};
		for (i = 0; i<product_list.length; i++) {
			if (keep_track == 1) {
				$(product_list[i]).before("<li class='clear'></li>").addClass("first");
			};
			keep_track++;
			if (keep_track==6) {
				keep_track = 1;
			};
		};
		for (i = 15; i<product_list.length; i++) {
			$(product_list[i]).addClass("hidden");
		};
		if (product_list.length>15){
			$(".more").append("More: <br><a href='#product' class='more_product_first'><<</a> <a href='#product' class='more_product_previous'><</a> ");
			for (i=1; i<=(product_list.length / 15); i++) {
				$(".more").append("<a href='#product' class='more_product_"+i+"'>"+i+"</a> ");
				page_count++;
			};
			$(".more").append("<a href='#product' class='more_product_next'>></a> <a href='#product' class='more_product_last'>>></a><br><a href='#all' class='more_product_all'>View All</a>");
			switch_page(page_track);
			var page_links = $(".more").children("a");
			for (i=2; i<page_links.length-3; i++) {
				$(page_links[i]).click( function() {
					for (i2=2; i2<page_links.length-3; i2++) {
						if (page_links[i2] == this) {
							page_track = i2 - 1;
							switch_page(page_track);
						};
					};
				});
			};
			$(page_links[page_links.length-1]).click( function() {
				if($(this).html()=="View All") {
					for (tmp=0; tmp<product_list.length; tmp++) {
						$(product_list[tmp]).removeClass("hidden");
					}
					$(this).html("View Less");
				} else {
					switch_page(page_track);
					$(this).html("View All");
				};
			});
			$(page_links[page_links.length-2]).click( function() {
				page_track = page_count;
				switch_page(page_track);
			});
			$(page_links[page_links.length-3]).click( function() {
				page_track++;
				switch_page(page_track);
			});
			$(page_links[0]).click( function() {
				page_track = 1;
				switch_page(page_track);
			});
			$(page_links[1]).click( function() {
				page_track--;
				switch_page(page_track);
			});
		};
    });

	heightTest = function() {
		$(".vail").css("height",$(".page_top").outerHeight());
		$(".vail-bottom").css("top",parseFloat($(".page_top").outerHeight())+62+"px");
	}


var goto = 0;
var keepgoing = 1;
var width1 = 0;
var width2 = 0;
var opacity1 = 0;
var left1 = 0;
var top1 = 0;
var top2 = 0;
var place = 0;
var percent = 0;
var font1 = 0;
var font2 = 0;
function timeline_slide(size) {		
			place = parseFloat($(".slider").css("left"));
			goto = ((place)/size)-((place%size)/size);
			percent = (place%size)/size;
			width1 = 135*percent;
			width2 = 249*percent;
			height1 = 92*percent;
			height2 = 168*percent;
			opacity1 = 0.5*percent;
			font1 = 0.34 * percent;
			font2 = 0.66 * percent;
			top1 = 50*percent;
			top2 = 44*percent;
			var stops_test = $(".timeline_display li.recipe-space");
		    if(stops_test.length==0){
		        for (tmp=0; tmp<stops.length; tmp++){
				    if (tmp>=goto+3) {
					    $(stops[tmp]).css({'width':'0','height':'0','left':'669','top':'94','opacity':0+(opacity1)});
				    } else if(tmp>=goto+2){
					    $(stops[tmp]).css({'width':0+width1,'height':0+(height1),'left':669-(width1),'top':94-(top2),'opacity':0+(opacity1)});
				    } else if(tmp>=goto+1){
					    $(stops[tmp]).css({'width':135+width2,'height':92+(height2),'left':534-(384*percent),'top':50-(top1),'opacity':.5+(opacity1)});
				    } else if(tmp>=goto){
					    $(stops[tmp]).css({'width':384-width2,'height':260-(height2),'left':150-(width1),'top':(top1),'opacity':1-(opacity1)});
				    } else if(tmp>=goto-1){
					    $(stops[tmp]).css({'width':135-width1,'height':92-(height1),'left':15,'top':50+(top2),'opacity':.5-(opacity1)});
				    } else{
					    $(stops[tmp]).css({'width':'0','height':'0','left':'15','top':'94','opacity':.5-(opacity1)});
				    }
			    }
			} else {
			    for (tmp=0; tmp<stops.length; tmp++){
		            if (tmp>=goto+3) {
			            $(stops[tmp]).css({'width':'0','left':'669','top':'94','opacity':'0','font-size':'0'});
		            } else if(tmp>=goto+2){
			            $(stops[tmp]).css({'width':0+width1,'left':669-(width1),'top':94-(top2),'opacity':0+(opacity1),'font-size':font1+"em"});
		            } else if(tmp>=goto+1){
			            $(stops[tmp]).css({'width':135+width2,'left':534-(384*percent),'top':50-(top1),'opacity':.5+(opacity1),'font-size':(0.34+font2)+"em"});
		            } else if(tmp>=goto){
			            $(stops[tmp]).css({'width':384-width2,'left':150-(width1),'top':(top1),'opacity':1-(opacity1),'font-size':(1-font2)+"em"});
		            } else if(tmp>=goto-1){
			            $(stops[tmp]).css({'width':135-width1,'left':15,'top':50+(top2),'opacity':.5-(opacity1),'font-size':(0.34-font1)+"em"});
		            } else{
			            $(stops[tmp]).css({'width':'0','left':'15','top':'94','opacity':'0','font-size':'0'});
		            }
	            }
	        }
			setTimeout("keep_going()", 5);
		}
		function keep_going() {
			keepgoing=1;
}
function keep_going() {
	keepgoing=1;
}