$("document").ready(function() {
	clearStage();
	function clearStage()
	{
		$("#homes").addClass('hidden');
		$("#townOfFrisco").addClass('hidden');
		$("#galleria").addClass('shaded');
		$("#displayFieldBG").addClass('hidden');
		$("#field01").hide();
		$("#field02").hide();
		$("#field03").hide();
		$("#field04").hide();
		$("#field05").hide();
		$("#field06").hide();
		$("#field07").hide();
		$("#field08").hide();
		$("#field09").hide();
		$("#field10").hide();
		$("#field11").hide();
		$("#field12").hide();
		
	}
	
	function clearSelected()
	{
		
		$("#home").removeClass("selected");
		$("#resi").removeClass("selected");
		$("#avai").removeClass("selected");
		$("#gall").removeClass("selected");
		$("#town").removeClass("selected");
		$("#cont").removeClass("selected");
		
		$("#home").css('background-color', '#e2e2e2');
		$("#resi").css('background-color', '#e2e2e2');
		$("#avai").css('background-color', '#e2e2e2');
		$("#gall").css('background-color', '#e2e2e2');
		$("#town").css('background-color', '#e2e2e2');
		$("#cont").css('background-color', '#e2e2e2');
		
		$("#home a").css('color', '#000000');
		$("#resi a").css('color', '#000000');
		$("#avai a").css('color', '#000000');
		$("#gall a").css('color', '#000000');
		$("#town a").css('color', '#000000');
		$("#cont a").css('color', '#000000');
	}
	
	$(".home").mouseover(function ()
	{
		if( $("#home").hasClass("selected") )
		{
			
			
			}else{
			$("#home a").animate({ color: "#ffffff" }, 300);
			$("#home").animate({ backgroundColor: "#7a0101" }, 300);
		}
		});
	$(".home").mouseout(function ()
	{
		if( $("#home").hasClass("selected") )
		{
			
			
			}else{
			$("#home a").animate({ color: "#000000" }, 300);
			$("#home").animate({ backgroundColor: "#e2e2e2" }, 300);
			
		}
		});
	$(".home").click(function() {
		clearSelected();
		$("#home").addClass("selected")
		$("#home a").css( 'color', '#ffffff');
			$("#home").css( 'background-color', '#aa8866');
		$("#displayFieldBG").fadeTo('slow', 1.0);
		$("#displayField").fadeOut('slow', function()	{
			
			
			clearStage(); 
			$("#field01").show();
			
			$("#displayField").fadeIn('slow', function() {
				
				});
			}); 
		});
	
	$(".resi").mouseover(function ()
		{if( $("#resi").hasClass("selected") )
		{
			
			
			}else{
			$("#resi a").animate({ color: "#ffffff" }, 300);
			$("#resi").animate({ backgroundColor: "#7a0101" }, 300);
		}
		});
	$(".resi").mouseout(function ()
	{
		if( $("#resi").hasClass("selected") )
		{
			
			
			}else{
			$("#resi a").animate({ color: "#000000" }, 300);
			$("#resi").animate({ backgroundColor: "#e2e2e2" }, 300);
		}
		
		});
	$(".resi").click(function() {
		clearSelected();
		$("#resi").addClass("selected")
		$("#resi a").css( 'color', '#ffffff');
			$("#resi").css( 'background-color', '#aa8866');
		
		
		$("#displayFieldBG").fadeTo('slow', 1.0);
		$("#displayField").fadeOut('slow', function()	{
			
			
			clearStage(); 
			$("#field02").show();
			
			$("#displayField").fadeIn('slow', function() {
				
				
				});
			}); 
		});
	$(".avai").mouseover(function ()
	{
		if( $("#avai").hasClass("selected") )
		{
			
			
			}else{
			$("#avai a").animate({ color: "#ffffff" }, 300);
			$("#avai").animate({ backgroundColor: "#7a0101" }, 300);
		}
		});
	$(".avai").mouseout(function ()
	{
		if( $("#avai").hasClass("selected") )
		{
			
			
			}else{
			$("#avai a").animate({ color: "#000000" }, 300);
			$("#avai").animate({ backgroundColor: "#e2e2e2" }, 300);
			
		}
		
		});
	
	$(".avai").click(function() {
		clearSelected();
		$("#avai").addClass("selected")
			$("#avai a").css( 'color', '#ffffff');
			$("#avai").css( 'background-color', '#aa8866');
			$("#displayFieldBG").fadeTo('slow', 1.0);
		$("#displayField").fadeOut('slow', function()	{
			
			
			clearStage(); 
			$("#field03").show();
			
			$("#displayField").fadeIn('slow', function() {
				
				
				});
			}); 
		});

	
	$(".gall").mouseover(function ()
	{
		if( $("#gall").hasClass("selected") )
		{
			
			
			}else{
			$("#gall a").animate({ color: "#ffffff" }, 300);
			$("#gall").animate({ backgroundColor: "#7a0101" }, 300);
		}
		});
	$(".gall").mouseout(function ()
	{
		if( $("#gall").hasClass("selected") )
		{
			
			
			}else{
			$("#gall a").animate({ color: "#000000" }, 300);
			$("#gall").animate({ backgroundColor: "#e2e2e2" }, 300);
			
		}
		
		});
	$(".gall").click(function() {
		clearSelected();
		$("#gall").addClass("selected")
			$("#gall a").css( 'color', '#ffffff');
			$("#gall").css( 'background-color', '#aa8866');
			$("#displayField").fadeOut('slow', function()	{
			
			$("#displayFieldBG").fadeTo('slow', 0.01, function() {
				clearStage(); 
				$("#galleria").removeClass('shaded');
				});
			}); 
		});
	$(".town").mouseover(function ()
	{
		if( $("#town").hasClass("selected") )
		{
			
			
			}else{
			$("#town a").animate({ color: "#ffffff" }, 300);
			$("#town").animate({ backgroundColor: "#7a0101" }, 300);
		}
		});
	$(".town").mouseout(function ()
	{
		if( $("#town").hasClass("selected") )
		{
			
			
			}else{
			$("#town a").animate({ color: "#000000" }, 300);
			$("#town").animate({ backgroundColor: "#e2e2e2" }, 300);
			
		}
		
		});
	$(".town").click(function() {
		clearSelected();
		$("#town").addClass("selected")
		$("#town a").css( 'color', '#ffffff');
			$("#town").css( 'background-color', '#aa8866');
		$("#town").animate({ backgroundColor: "#aa8866" }, 50);
		$("#displayFieldBG").fadeTo('slow', 1.0);
		
			$("#displayField").fadeOut('slow', function()	{
				
				
				clearStage(); 
				$("#field07").show();
				
				$("#displayField").fadeIn('slow', function() {
					
					
				
				}); 
			});
		
		
		});
	
	
	$(".cont").mouseover(function ()
	{
		if( $("#cont").hasClass("selected") )
		{
			
			
			}else{
			$("#cont a").animate({ color: "#ffffff" }, 300);
			$("#cont").animate({ backgroundColor: "#7a0101" }, 300);
		}
		});
	$(".cont").mouseout(function ()
	{
		if( $("#cont").hasClass("selected") )
		{
			
			
			}else{
			$("#cont a").animate({ color: "#000000" }, 300);
			$("#cont").animate({ backgroundColor: "#e2e2e2" }, 300);
			
		}
		
		});
	$(".cont").click(function() {
		clearSelected();
		$("#cont").addClass("selected")
			$("#cont a").css( 'color', '#ffffff');
			$("#cont").css( 'background-color', '#aa8866');
			$("#cont").animate({ backgroundColor: "#aa8866" }, 50);
		$("#displayFieldBG").fadeTo('slow', 1.0);
		$("#displayField").fadeOut('slow', function()	{
			
			
			clearStage(); 
			$("#field11").show();
			
			$("#displayField").fadeIn('slow', function() {
				
				});
			
			}); 
		});
	
	$('.headerIMG').click(function() {
		$('.content').toggleClass('.woody');
		});
	
	setTimeout(function() {
		$("#displayFieldBG").slideToggle('slow');
		},500);
	setTimeout(function() {
		$("#field01").fadeIn('slow');
		},1000);
	
	
	
	
});
