$(document).ready(function(){
	$(".ci_tabs").click(function(){
		$(".ci_tabs").css({backgroundColor:"#f5f5f5"});
		$(this).css({backgroundColor:"#f5f5f5"});
		$(".ci_tabs").removeClass('sel ci_tabs');
		$(".ci_tabs").removeClass('ci_tabs');
		$(this).removeClass('ci_tabs');
        $(this).addClass('sel ci_tabs');
		var cb_lt = $(this).offset().left-0;
		var cb_top = $(this).offset().top + 35;
		
		$(".stabs").hide(); // hide all the sub menus
		
		// get the selected tab index
		var menuIndex = $(this).attr("id").replace("tab","");
		
		// show only relavent menu
		$("#menu" + menuIndex).css({top:cb_top,left:cb_lt,backgroundColor:"#FFFFFF"});
		$("#menu" + menuIndex).slideDown(500);
		
	});
	
	
	var menuIndex =showId;
	var cb_lt;
	switch(showId)
	{
		case '2':
			cb_lt = 90+122;
			break;
			
		case '3':
			cb_lt = 165+122;
			break;
			
		case '4':
			cb_lt = 310+122;
			break;
			
		case '6':
			cb_lt = 310+220;
			break;
			
		case '8':
			cb_lt = 310+220+50;
			break;
			
		default:
			cb_lt = 0;
			break;
	}
	
	var cb_top = 121;
	
	$(".ci_tabs").removeClass('sel ci_tabs');
	$(".ci_tabs").removeClass('ci_tabs');
		
	$("#tab" + menuIndex).removeClass('ci_tabs');
    $("#tab" + menuIndex).addClass('sel ci_tabs');
		
	$("#menu" + menuIndex).css({top:cb_top,left:cb_lt,backgroundColor:"#FFFFFF"});
	$("#menu" + menuIndex).slideDown(500);

		

	
});