// JavaScript Document

function showTab3(){
	clearCss();
	clearShow();
	$("#tab3").addClass("sel");
	$("#part_3").fadeIn();


}

function showTab(){
	$("#tab1").click(function(){
							  clearCss();
							  clearShow();
							  $(this).addClass("sel");
							  $("#part_1").fadeIn();
							  });
	$("#tab2").click(function(){
							  clearCss();
							  clearShow();
							  $(this).addClass("sel");
							  $("#part_2").fadeIn();
							  });
	$("#tab3").click(function(){
							  clearCss();
							  clearShow();
							  $(this).addClass("sel");
							  $("#part_3").fadeIn();
							  });
	$("#tab4").click(function(){
							  clearCss();
							  clearShow();
							  $(this).addClass("sel");
							  $("#part_4").fadeIn();
							  });
}

function clearCss(){
	$("#tab1").removeClass();
	$("#tab2").removeClass();
	$("#tab3").removeClass();
	$("#tab4").removeClass();	
}
function clearShow(){
	$("#part_1").hide();
	$("#part_2").hide();
	$("#part_3").hide();
	$("#part_4").hide();
}

$(document).ready(showTab);

function btn_dropdown(){
	$("#btn_dropdown_li").hover(
								function(){
									$("#btn_dropdown").slideDown("fast");
								},
								function(){
									$("#btn_dropdown").slideUp("fast");
								}
								);
}

$(document).ready(btn_dropdown);