$().ready(function() {
	$tabcontrol1		=	jQuery("#tabcontrol1");
	
	/*-------- tab for Click ------*/
	var $vendor_tab		=	jQuery("#vendor_tab");
	var $part_tab		=	jQuery("#part_tab");
	var $map_tab		=	jQuery("#map_tab");
	var $safe_tab		=	jQuery("#safe_tab");
	
	/*------- tab view ------------*/
	var $vendor_pane	=	jQuery("#vendor_pane");
	var $part_pane		=	jQuery("#part_pane");
	var $map_pane		=	jQuery("#map_pane");
	var $safe_pane		=	jQuery("#safe_pane");
	
	$vendor_tab.click(function(){
		hideTabsSpec();
		$vendor_pane.slideDown(1000);
		setClassUnSelected();
		$(this).attr("class","tab-selectedD");
		return false;
	});
	
	$part_tab.click(function(){
		hideTabsSpec();
		$part_pane.slideDown(1000);
		setClassUnSelected();
		$(this).attr("class","tab-selectedD");
		return false;
	});
	
	$map_tab.click(function(){
		hideTabsSpec();
		$map_pane.slideDown(1000);
		setClassUnSelected();
		$(this).attr("class","tab-selectedD");
		return false;
	});
	
	$safe_tab.click(function(){
		hideTabsSpec();
		$safe_pane.slideDown(1000);
		setClassUnSelected();
		$(this).attr("class","tab-selectedD");
		return false;
	});
});

function hideTabsSpec(){
	var $vendor_pane	=	jQuery("#vendor_pane");
	var $part_pane		=	jQuery("#part_pane");
	var $map_pane		=	jQuery("#map_pane");
	var $safe_pane		=	jQuery("#safe_pane");
	
	$vendor_pane.hide();
	$part_pane.hide();
	$map_pane.hide();
	$safe_pane.hide();
}
function setClassUnSelected(){
	$tabcontrol1		=	jQuery("#tabcontrol1");
	$tabcontrol1.children("li").each(function(i,val){
		$(this).attr("class","tab-unselectedD");
	});
}