$(document).ready(
	function () {
		/* begin: main menu routines */
		$("#kone-mainmenu li").hover(
			function(){ $("ul", this).slideDown(400); },
			function() { }
		);
		
		if (document.all) {
			$("#kone-mainmenu li").hoverClass("sfHover");
		}
		/* end: main menu routines */
		$('#top_story').click(function(){
			toggleTabs(this, '#most_viewed','#most_commented', '#view_top_story', '#view_most_viewed','#view_most_commented');
			tabside('#topstory_kiri','#topstory_kanan','#mostview_kiri','#mostview_kanan','#mostcomment_kiri','#mostcomment_kanan');
		});
		$('#most_viewed').click(function(){
			toggleTabs(this, '#top_story', '#most_commented', '#view_most_viewed', '#view_top_story','#view_most_commented');
			tabside('#mostview_kiri','#mostview_kanan','#topstory_kiri','#topstory_kanan','#mostcomment_kiri','#mostcomment_kanan');
		});
		$('#most_commented').click(function(){
			toggleTabs(this, '#top_story', '#most_viewed', '#view_most_commented', '#view_most_viewed','#view_top_story');
			tabside('#mostcomment_kiri','#mostcomment_kanan','#topstory_kiri','#topstory_kanan','#mostview_kiri','#mostview_kanan');
		});
		
		//js untuk function ui_tab_content
		//When page loads...
		/*$(".tab_content").hide(); //Hide all content
		$("div.titletab div.content").addClass("tabOff");
		
		$("div.titletab div.tabs:first").addClass("active").show(); //Activate first tab
		$("div.titletab div.tabs:first div.left").addClass("tabOnkiri");
		$("div.titletab div.tabs:first div.content").removeClass("tabOff");
		$("div.titletab div.tabs:first div.content").addClass("tabOn");
		$("div.titletab div.tabs:first div.right").addClass("tabOnkanan");
		$(".tab_content:first").show(); //Show first tab content
		
		//On Click Event
		$("div.titletab div.tabs").click(function() {
		
			$("div.titletab div.tabs").removeClass("active"); //Remove any "active" class
			$("div.titletab div.left").removeClass("tabOnkiri");
			$("div.titletab div.content").removeClass("tabOn");
			$("div.titletab div.right").removeClass("tabOnkanan");
			$("div.titletab div.content").addClass("tabOff");
			
			$(this).addClass("active"); //Add "active" class to selected tab
			$(this).find("div.left").addClass("tabOnkiri");
			$(this).find("div.content").removeClass("tabOff");
			$(this).find("div.content").addClass("tabOn");
			$(this).find("div.right").addClass("tabOnkanan");
			
			$(".tab_content").hide(); //Hide all tab content
		
			var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
			$(activeTab).show(); //Fade in the active ID content
			return false;
		});*/
	}
);