jQuery(document).ready(function() {
	
	// Expand Panel
	jQuery("#open").click(function(){
		jQuery("#microMenu2").css('display', 'none');
		jQuery("#microMenu1").css('display', 'block');
		jQuery("div#panel").slideDown("slow");
		jQuery("#toppanel").css('z-index', 2000);
		jQuery(".tabOpen").css('top', 0);
	   	makerequest('microWeb/home.html','hw');
   		jQuery("#microMenu1 a").css({'color' : 'yellow'}); /* add focus state to currently clicked element */
	   	jQuery("#microMenu1 a:first").css({'color' : '#F47F22'});
		jQuery("#hw").show("slow");

	});	
	
		jQuery("#seosearch").click(function(){
			jQuery("#microMenu1").css('display', 'none');
			jQuery("#microMenu2").css('display', 'block');
			jQuery("div#panel").slideDown("slow");
			jQuery("#toppanel").css('z-index', 2000);
			jQuery(".tabOpen").css('top', 0);
			makerequest('microWeb/online-marketing.html','hw');
			jQuery("#hw").show("slow");
			jQuery("#microMenu2 a").css({'color' : 'yellow'}); /* add focus state to currently clicked element */
			jQuery("#microMenu2 a:first").css({'color' : '#F47F22'});
			
	});	

	// Collapse Panel
	jQuery("#close").click(function(){
		jQuery("div#panel").slideUp("fast").css('top', 0);
		jQuery("#toppanel").css('z-index', 99);
		 jQuery("#hw").hide("fast");
		jQuery(".tabOpen").css('top', 0);
	});		
	
	jQuery("#toggle a").click(function () {
		jQuery("#toggle a").toggle("fast");
		 jQuery("#hw").animate("slow");
		 jQuery("#panelSeo").css('display', 'none');


	});		
	
	 jQuery("div.microMenus a").click(function () {
   		jQuery("div.microMenus a").css({'color' : 'yellow'}); /* add focus state to currently clicked element */
   		 jQuery(this).css({'color' : '#F47F22'}); /* add focus state to currently clicked element */
	});		
	

		
});