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( );
    function rtrim(str, chars) {
        chars = chars;
        return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
    } 
    

    $(document).ready(function(){
        var tabbing = 0;
        var year_switch = function (which) {
            $(".tab_content, .news_tabs .keep-open").stop().slideUp(400, function () {
                $(".tab_content").children("li").addClass("hidden");
                $(".tab_content ." + which).removeClass("hidden");
                var current_link = $(".interact_links li").attr("class");
                $(".tab_nav a, .tab_nav li").removeClass("active");
                $(".tab_nav ."+which).addClass("active").parent().parent().addClass("active");
                $(".tab_content, .news_tabs .keep-open").css("height","auto").slideDown(400, function(){tabbing=0;});
            });
        };
        $(".tab_nav li").click( function () {
            if(!$(this).children(".tab-middle").children("a").hasClass("active") && tabbing == 0) {
                tabbing = 1;
                year_switch($(this).children(".tab-middle").children("a").attr("class"));
            }
        }); 
        
        
        //Recipe Exchange swapping imagegs on rolling over the tabs http://staging.spam.com/recipe-exchange/default.aspx        
        var rex = document.getElementById('RExchange');
        if (rex) { 
            /*$("#rex_map1").hover(
            function(){
                rex.src = rex.src.replace("01","02"); 
            } ,
            function(){
                rex.src = rex.src.replace("02","01"); 
            })*/
            
            $("#rex_map2").hover(
            function(){
                rex.src = rex.src.replace("01","02"); 
            } ,
            function(){
                rex.src = rex.src.replace("02","01"); 
            })
            
            $("#rex_map3").hover(
            function(){
                rex.src = rex.src.replace("01","03"); 
            } ,
            function(){
                rex.src = rex.src.replace("03","01"); 
            })
        }
     
     
        //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);
			});
		};
		var sliderRecipes = $(".exchange-slider li");
		var eggRecipes = $(".exchange-slider li.egg-recipe");
		var breadRecipes = $(".exchange-slider li.bread-recipe");
		var noodleRecipes = $(".exchange-slider li.noodle-recipe");
		var userRecipes = $(".exchange-slider li.user-recipe");
		$(".recipe-count span").html(sliderRecipes.length);
		$(".egg-heads,.bread-head,.spam-can,.noodle-head").hover(function(){$(this).toggleClass("head-hover");},function(){$(this).toggleClass("head-hover");});
		$(".egg-heads,.bread-head,.spam-can,.noodle-head").click(function(event){
			event.preventDefault();
			$(".egg-heads,.bread-head,.spam-can,.noodle-head").removeClass("head-active");
			$(this).addClass("head-active");
			if($(this).hasClass("egg-heads")){
				$(".exchange-slider li").remove();
				$(".exchange-slider").append(eggRecipes);
				$(".exchange-slider li").removeClass("current").removeClass("staging_right");
				$(".exchange-slider li:eq(0)").addClass("current");
				$(".exchange-slider li:eq(1)").addClass("staging_right");
				stops = $(".timeline_display li");
				moves = stops.length - 1;
				keepgoing=1;
				size = 626 / (moves);
		        $(".recipe-count span").html(eggRecipes.length);
			} else if($(this).hasClass("bread-head")){
				$(".exchange-slider li").remove();
				$(".exchange-slider").append(breadRecipes);
				$(".exchange-slider li").removeClass("current").removeClass("staging_right");
				$(".exchange-slider li:eq(0)").addClass("current");
				$(".exchange-slider li:eq(1)").addClass("staging_right");
				stops = $(".timeline_display li");
				moves = stops.length - 1;
				keepgoing=1;
				size = 626 / (moves);
		        $(".recipe-count span").html(breadRecipes.length);
			} else if($(this).hasClass("noodle-head")){
				$(".exchange-slider li").remove();
				$(".exchange-slider").append(noodleRecipes);
				$(".exchange-slider li").removeClass("current").removeClass("staging_right");
				$(".exchange-slider li:eq(0)").addClass("current");
				$(".exchange-slider li:eq(1)").addClass("staging_right");
				stops = $(".timeline_display li");
				moves = stops.length - 1;
				keepgoing=1;
				size = 626 / (moves);
		        $(".recipe-count span").html(noodleRecipes.length);
			} else {
				$(".exchange-slider li").remove();
				$(".exchange-slider").append(userRecipes);
				$(".exchange-slider li").removeClass("current").removeClass("staging_right");
				$(".exchange-slider li:eq(0)").addClass("current");
				$(".exchange-slider li:eq(1)").addClass("staging_right");
				stops = $(".timeline_display li");
				moves = stops.length - 1;
				keepgoing=1;
				size = 626 / (moves);
		        $(".recipe-count span").html(userRecipes.length);
			}
			$(".exchange-slider li").attr("style","");
			$(".slider").css("left","0px");
		});
		$(".button-all").click(function(event){
		    event.preventDefault();
			$(".egg-heads,.bread-head,.spam-can").removeClass("head-active");
			$(".exchange-slider li").remove();
			$(".exchange-slider").append(sliderRecipes);
			$(".exchange-slider li").removeClass("current").removeClass("staging_right");
			$(".exchange-slider li:eq(0)").addClass("current");
			$(".exchange-slider li:eq(1)").addClass("staging_right");
			$(".exchange-slider li").attr("style","");
			$(".slider").css("left","0px");
			stops = $(".timeline_display li");
			moves = stops.length - 1;
			keepgoing=1;
			size = 626 / (moves);
		    $(".recipe-count span").html(sliderRecipes.length);
		});
		var video_list = $(".other_videos").children("li");
		var keep_track = 1;
		var page_track = 1;
		var page_count = 0;
		var switch_page = function (page) {
			for (tmp=0; tmp<video_list.length; tmp++) {
				$(video_list[tmp]).addClass("hidden");
			};
			for (tmp=0; tmp<9; tmp++) {
				$(video_list[tmp+(page*9-9)]).removeClass("hidden");
			};
			if (page == 1) {
				$(".more_video_first").addClass("hidden");
				$(".more_video_previous").addClass("hidden");	
			} else {
				$(".more_video_first").removeClass("hidden");
				$(".more_video_previous").removeClass("hidden");
			}
			if (page == page_count) {
				$(".more_video_last").addClass("hidden");
				$(".more_video_next").addClass("hidden");	
			} else {
				$(".more_video_last").removeClass("hidden");
				$(".more_video_next").removeClass("hidden");
			}
		};
		for (i = 0; i<video_list.length; i++) {
			if (keep_track == 2) {
				$(video_list[i]).addClass("middle");
			};
			if (keep_track == 1) {
				$(video_list[i]).addClass("clear");
			};
			keep_track++;
			if (keep_track==4) {
				keep_track = 1;
			};
		};
		for (i = 9; i<video_list.length; i++) {
			$(video_list[i]).addClass("hidden");
		};
		if (video_list.length>9){
			$(".more").append("More: <a href='#video' class='more_video_first'><<</a> <a href='#video' class='more_video_previous'><</a> ");
			for (i=1; i<=(video_list.length / 9)+1; i++) {
				$(".more").append("<a href='#video' class='more_video_"+i+"'>"+i+"</a> ");
				page_count++;
			};
			$(".more").append("<a href='#video' class='more_video_next'>></a> <a href='#video' class='more_video_last'>>></a>");
			switch_page(page_track);
			var page_links = $(".more").children("a");
			for (i=2; i<page_links.length-2; i++) {
				$(page_links[i]).click( function() {
					for (i2=2; i2<page_links.length-2; i2++) {
						if (page_links[i2] == this) {
							page_track = i2 - 1;
							switch_page(page_track);
						};
					};
				});
			};
			$(page_links[page_links.length-1]).click( function() {
				page_track = page_count;
				switch_page(page_track);
			});
			$(page_links[page_links.length-2]).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;
}

var relational = $('.rxRecipe li');
var relationalNumber = $('.number-nav a');
var relationNames = $('.sectionNames li');;

var prev = null;
$(document).ready(function(){
    var slideArray = $('.rxRecipe li');
    var panelWidth = $('.rxRecipe li').width();
    $('.number-nav a').click(function(){
        var panel = Number($(this).attr('rel'));
        gotoStep(panel);
        return false;
    });
    if(!prev){
        $('.number-nav a.nn-one').parent('li').addClass('active');
        prev = $('.number-nav a.nn-one');
    }
});

function gotoStep(num){
    var nameHeight = $('.sectionNames li').height();
    var panelWidth = $('.rxRecipe li').width();
    var lPosition = panelWidth * -1 * num;
    var hPosition = nameHeight * -1 * num;
    
    $('.sectionNames').fadeOut(300, function(){
        $(this).css('top', hPosition);
        $(this).fadeIn(300);
    });

    
    $(".rxRecipe").animate({left: lPosition},500, "", function(){});
    prev.parent('li').removeClass('active');
    if(!$(relationalNumber[num]).parent('li').hasClass('visited')){
        $(relationalNumber[num]).parent('li').addClass('visited');
    }
    $(relationalNumber[num]).parent('li').addClass('active'); 
    
    prev = $(relationalNumber[num]);
}
function clearNumberNav(){
    $('.recipeExMenu .shield').fadeOut(400);
}

function guardNumberNav(){
    $('.recipeExMenu .shield').fadeIn(400);
}