$(document).ready(function() {

    var tip = getQueryStringValue("tip");
	if (null == tip || tip == '' || tip == ' ')
	    tip = '1';
        
	$('#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.pageName = "SFH Tips_Cinnamon";    
                break;
            case "tips_02":
                s.pageName = "SFH Tips_Ginger";    
                break;
            case "tips_03":
                s.pageName = "SFH Tips_Oregano";               
                break;
            case "tips_04":
                s.pageName = "SFH Tips_Red Pepper";               
                break;
            case "tips_05":
                s.pageName = "SFH Tips_Rosemary";               
                break;
            case "tips_06":
                s.pageName = "SFH Tips_Thyme";               
                break;
            case "tips_07":
                s.pageName = "SFH Tips_Yellow Curry";               
                break;
                
        }
      
        s.t();
        
		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()) + 40;	

		$("#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()) + 40;	
	
	$("#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();
}