$(document).ready(function(){

	$('ul.menu div.content').hide();
	$.each($('ul.menu'), function(){
		$('#' + this.id + '.expandProjects li#projects div.content').show();
		$('#' + this.id + '.expandProjects li#projects div.content').prev().css({marginLeft:'-690px'});
		
		$('#' + this.id + '.expandClients li#clients div.content').show();
		$('#' + this.id + '.expandClients li#clients div.content').prev().css({marginLeft:'-690px'});
		
		$('#' + this.id + '.expandContact li#contact div.content').show();
		$('#' + this.id + '.expandContact li#contact div.content').prev().css({marginLeft:'-690px'});
		
		$('#' + this.id + '.expandGallery li#gallery div.content').show();
		$('#' + this.id + '.expandGallery li#gallery div.content').prev().css({marginLeft:'-690px'});
		
		$('#' + this.id + '.expandBlog li#blog div.content').show();
		$('#' + this.id + '.expandBlog li#blog div.content').prev().css({marginLeft:'-690px'});
		
	});
	
		

	var menu = $('ul.menu li a.menuLink')
	
	$(menu).mouseover(
		function(){
			var content = $(this).next();
			
			if((content.is('div')) && (content.is(':visible'))) {
			} else {
		      $(this).animate({marginLeft:'-110px'},'fast');
		    }
		}
	);
	$(menu).mouseout(
		function(){
			var content = $(this).next();
			
			if((content.is('div')) && (content.is(':visible'))) {
			} else {
		      $(this).animate({marginLeft:'0px'});
		    }
		}
	);

	
	$(menu).click(
		function() {
			var content = $(this).next();
			var contentVisible = $('ul.menu div.content:visible');


			if((content.is('div')) && (content.is(':visible'))) {
				$(contentVisible).slideUp('normal');				
				$(this).animate({marginLeft:'0px'});
				return false;
			}
			if((content.is('div')) && (!content.is(':visible'))) {
				$(contentVisible).slideUp('normal');
				$(contentVisible).prev().animate({marginLeft:'0px'});
				content.slideDown('normal');
				$(this).animate({marginLeft:'-690px'},'fast');
				return false;
			}
			
			
		}
	);
	
});