$(function() {
		$( "#tabs" ).tabs();
		$( ".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *" )
			.removeClass( "ui-corner-all ui-corner-top" )
			.addClass( "ui-corner-bottom" );
	});

        function showSummary(tab)
        {
            switch(tab)
            {
                case 0:
                    $("#tease_tab_1").css("display","block");
                    $("#tease_tab_2").css("display","none");
                    $("#tease_tab_3").css("display","none");
                    $("#tease_tab_4").css("display","none");
                    break;
                case 1:
                    $("#tease_tab_1").css("display","none");
                    $("#tease_tab_2").css("display","block");
                    $("#tease_tab_3").css("display","none");
                    $("#tease_tab_4").css("display","none");
                    break;
                case 2:
                   $("#tease_tab_1").css("display","none");
                    $("#tease_tab_2").css("display","none");
                    $("#tease_tab_3").css("display","block");
                    $("#tease_tab_4").css("display","none");
                    break;
                case 3:
                   $("#tease_tab_1").css("display","none");
                    $("#tease_tab_2").css("display","none");
                    $("#tease_tab_3").css("display","none");
                    $("#tease_tab_4").css("display","block");
                    break;
                default:
                    $("#tease_tab_1").css("display","block");
                    $("#tease_tab_2").css("display","none");
                    $("#tease_tab_3").css("display","none");
                    $("#tease_tab_4").css("display","none");
                    break;
            }
        };
        
		function tabs(tabID)
		{
			/*
				Create tabs instruction
				@author: Sushil.
				@dateCreated: 12-oct-2010
				@UsingInstruction
					Assign li to a id e.g tab_1
					Assign Div to a id e.g div_tab_1
			*/
			var matchTabID = /^(tab\_6)|(tab\_5)$/i;
			if(tabID.match(matchTabID))
			{
				/* [Tabs for Popular Recipies] */
					$("#div_tab_5").css("display","none");
					$("#tab_5 > a").attr("class","");
					$("#div_tab_6").css("display","none");
					$("#tab_6 > a").attr("class","");
				/* [/Tabs for Popular Recipies] */
			}
			else
			{
				$("#div_tab_1").css("display","none");
				$("#tab_1 > a").attr("class","");
				$("#tease_tab_1").css("display","none");
				$("#div_tab_2").css("display","none");
				$("#tab_2 > a").attr("class","");
				$("#tease_tab_2").css("display","none");
				$("#div_tab_3").css("display","none");
				$("#tab_3 > a").attr("class","");
				$("#tease_tab_3").css("display","none");
				$("#div_tab_4").css("display","none");
				$("#tab_4 > a").attr("class","");
				$("#tease_tab_4").css("display","none");
			}
			$("#div_"+tabID).css("display","block");
			$("#tease_"+tabID).css("display","block");
			$("#"+tabID + " > a ").attr("class","active");
			
		}
		
		$(document).ready(function(){   
        $("#featured").tabs({fx:{opacity: "toggle", duration: "fast"}}).tabs("rotate", 7000, true);   
        
        $("#featured").hover(   
        function() {   
         $("#featured").tabs("rotate",0,true);   
         },   
          function() {   
                 $("#featured").tabs("rotate",7000,true);   
                    }   
          );
          
        $("#contentPanel").hover(   
        function() {   
         $("#featured").tabs("rotate",0,true);   
         },   
          function() {   
                 $("#featured").tabs("rotate",7000,true);   
                    }   
          );  
           
          $('#featured').bind('tabsselect', function(event, ui) {
               showSummary(ui.index);
            });
  
         });