// JavaScript Document
$('.panels').hide()
 	// start the magic
 	// if javascript is on, the menu will work ok
 	// Therefore we hide the expanded menu 	$('.panels').hide();
// $('.clear').height(0);
 	// if the "Detailed menu" button is clicked, fade it out and fade in the "Close menu button"
	// also slide the expanded menu into place
  
	$('.markets-link').click(function ()
 		{
 		var isVisible = $('.panels').is(':visible');
 		var isVisiblemarkets = $('#markets').is(':visible');
 		var isVisibleservices = $('#services').is(':visible');
 		var isVisiblelocations = $('#locations').is(':visible');
 		if(isVisible)
 			{
 			if(!isVisiblemarkets)
 				{
 				if(isVisibleservices)
 					{
 					$('#services').slideUp("1000", function() { $('#markets').slideDown("1000") });
 					}
 				else if(isVisiblelocations)
 					{
 					$('#locations').slideUp("1000", function() { $('#markets').slideDown("1000") });
 					}
 				}
 				else
 				{
 				$('#markets').slideUp("1000");
 				}
 			}
 		else
 			{
 			$('#markets').slideDown();
 			}
 	    });
	
	// SERVICES
	 $('.services-link').click(function ()
 		{
 		var isVisible = $('.panels').is(':visible');
 		var isVisiblemarkets = $('#markets').is(':visible');
 		var isVisibleservices = $('#services').is(':visible');
 		var isVisiblelocations = $('#locations').is(':visible');
 		if(isVisible)
 			{
 			if(!isVisibleservices)
 				{
 				if(isVisiblemarkets)
 					{
 					$('#markets').slideUp("1000", function() { $('#services').slideDown("1000") });
 					}
 				else if(isVisiblelocations)
 					{
 					$('#locations').slideUp("1000", function() { $('#services').slideDown("1000") });
 					}
 				}
 				else
 				{
 				$('#services').slideUp("1000");
 				}
 			}
 		else
 			{
 			$('#services').slideDown();
 			}
 	    });
	
	// locations
 	$('.locations-link').click(function ()
 		{
 		var isVisible = $('.panels').is(':visible');
 		var isVisiblemarkets = $('#markets').is(':visible');
 		var isVisibleservices = $('#services').is(':visible');
 		var isVisiblelocations = $('#locations').is(':visible');
 		if(isVisible)
 			{
 			if(!isVisiblelocations)
 				{
 				if(isVisibleservices)
 					{
 					$('#services').slideUp("1000", function() { $('#locations').slideDown("1000") });
 					}
 				else if(isVisiblemarkets)
 					{
 					$('#markets').slideUp("1000", function() { $('#locations').slideDown("1000") });
 					}
 				}
 				else
 				{
 				$('#locations').slideUp("1000");
 				}
 			}
 		else
 			{
 			$('#locations').slideDown();
 			}
 	    });