// JavaScript Document
// WORKShop Drop-down solutions

$(document).ready(function(){
  <!-- Events -->
   $("#refresh_calendar").click(function(){
	  $('#Google_Calendar').load('google_calendar.htm');		 
   });
	
   $("#PROJECTS_EVENTS").mouseover(function(){
	  $("#projectsEventsDropdown").fadeIn(500);
	  $('#Google_Calendar').load('google_calendar.htm');
   });
   
   $("#col_calendar").mouseover(function(){
	  $("#projectsEventsDropdown").show();
   });
   
   $("#projectsEventsDropdown").mouseleave(function() {
	  $("#projectsEventsDropdown").fadeOut(300)
   });
   
   $("#HOME, #ABOUT, #PROJECTS, #SHOP, #CONTACT").mouseover(function() {
	  $("#projectsEventsDropdown").fadeOut(300)
   });
  <!-- Events End -->
  
  <!-- About -->
	$("#ABOUT").mouseover(function(){
		$("#AboutDropdown").fadeIn(500);
	});
	 
	$("#AboutDropdown").mouseleave(function() {
	  $("#AboutDropdown").fadeOut(300)
	});
	
	$("#HOME, #PROJECTS_EVENTS, #PROJECTS, #SHOP, #CONTACT").mouseover(function() {
	  $("#AboutDropdown").fadeOut(300)
	});
  <!-- About End -->

});