$(document).ready(function() {

    var tip = getQueryStringValue("tip");
	if (null == tip || tip == '' || tip == ' ')
	    tip = '2';
        
	$('#tips_0' + tip).css("background-position", "0 -184px");
	$('#cntr_s4h_right_column_bottomContentTips > ul > li').children("ul").children("li.tip_01").css("color", "#e65a00");
	init("tips_0" + tip)
		
	$('#cntr_s4h_right_column_bottomContentTips > ul > li').click(function(){

        switch($(this).attr("id"))
        {
                          
            case "tips_01":
                s.eVar1 = "Link_SFH Tips_Ground_Cumin Link";    
                break;
            case "tips_02":
                s.eVar1 = "Link_SFH Tips_Black_Pepper Link";    
                break;
            case "tips_03":
                s.eVar1 = "Link_SFH Tips_Chili_Powder Link";               
                break;
            case "tips_04":
                s.eVar1 = "Link_SFH Tips_Cloves Pepper Link";               
                break;
            case "tips_05":
                s.eVar1 = "Link_SFH Tips_Garlic_Powder Link";               
                break;
            case "tips_06":
                s.eVar1 = "Link_SFH Tips_Turmeric Link";               
                break;
            case "tips_07":
                s.eVar1 = "Link_SFH Tips_Cinnamon Link";               
                break;
            case "tips_08":
                s.eVar1 = "Link_SFH Tips_Ginger Link";               
                break;
            case "tips_09":
                s.eVar1 = "Link_SFH Tips_Oregano Link";               
                break;
            case "tips_10":
                s.eVar1 = "Link_SFH Tips_Red Link";               
                break;
            case "tips_11":
                s.eVar1 = "Link_SFH Tips_Rosemary Link";               
                break;
            case "tips_12":
                s.eVar1 = "Link_SFH Tips_Thyme Link";               
                break;                                                                                
                
        }
        
        s.customLinkTrackingCall = true;  
        s.linkTrackVars = s.eVar1;    
        s.tl(true, "o", "Internal Campaign Click");
        
		init($(this).attr("id"));

		$('#cntr_s4h_right_column_bottomContentTips > ul > li').each(function(){
		
			$(this).css("background-position", "0 0");
			$(this).children("ul").children("li").css("color", "#4b4b4b");
			$(this).children("ul").hide();
			
		});
		
		$(this).children("ul").children("li.tip_01").css("color", "#e65a00");
		
		$(this).css("background-position", "0 -184px");
	
		$(this).children("ul").show();
		
		var totalHeight = parseInt($("#cntr_s4h_right_column_bottomContentTips").children("ul").children("li").height())+parseInt($(this).children("ul").height()) + 270;	

		$("#cntr_s4h_right_column_bottomContentTips").css("height",totalHeight);
	});

	//reset click in tips

	$('#cntr_s4h_right_column_bottomContentTips > ul > li > ul > li').click(function(){
		return false;
	});
	
	
	$('a.clickeable').click(function() {

		if($(this).attr('target') == "_blank")
		{
			window.open($(this).attr('href'),'_blank');
		}
		else
		{
			window.location.href = $(this).attr('href');
		}		
	});
	
	// shows tips images when rolled over
		
	$('#cntr_s4h_right_column_bottomContentTips > ul > li > ul > li').bind("mouseenter", function(){
	
		var ids= $(this).parent("ul").attr("id");
		
		if($(this).children("ul").length > 0)																	 
		{
			$('#'+ids+' > li').each(function(){
								
				$(this).css("color", "#4b4b4b");
				$(this).children("ul").hide();
				$(this).css("cursor", "default");
			});	
			
			$(this).css("color", "#e65a00");
			$(this).css("cursor", "pointer");
			$(this).children("ul").show();			
		};
		
	});
	
	var totalHeight = parseInt($("#cntr_s4h_right_column_bottomContentTips").children("ul").children("li").height())+parseInt($("#cntr_s4h_right_column_bottomContentTips").children("ul").children("li").children("ul").height()) + 240;	
	
	$("#cntr_s4h_right_column_bottomContentTips").css("height",totalHeight);

});

function init(ul){
	var x=0;	
	
	$("#"+ul).children("ul").show();

	$("#"+ul).children("ul").children("li.tip_01").children("ul").show();
	
	$("#"+ul).children("ul").children("li.tip_02").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_03").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_04").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_05").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_06").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_07").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_08").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_09").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_10").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_11").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_12").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_13").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_14").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_15").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_16").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_17").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_18").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_19").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_20").children("ul").hide();
	$("#"+ul).children("ul").children("li.tip_21").children("ul").hide();
}