/*
			Content/Image hover changer
			Description: Changes Images and HTML code when mouse is hovered over a link.
			Author: Mary < mchan [at] solutionset.com >
			Additional Notes : 
				1. This document is intended for the Preservation Ranch Landscape landing page map and content hover swap
				2. Requires JQuery: jquery-1.2.6.pack.js < found in the js directory  >.
		*/
	
		// Set Default Link type
		var previousLinkType = "overview-hide";
		var clickedLink = "overview-hide";
		
		/*
			Change the selectors in the function where you see fit. 
			#yui-u first - Div selector for content
			#thumbnails - Div selector for thumbnails
			#yui-u img - Selector for map
		*/
		function hoverChange(linkType){
			$("." + previousLinkType).css("display", "none"); 
			$("." + linkType).css({display:"block"});
			previousLinkType = linkType;
			//console.log(linkType);
		};
		function clickChange(linkType){
			clickedLink = linkType;
			//console.log(clickedLink);
		};
		function selState(navList){
		$(navList).click(function(){
			$(this).addClass('selected').siblings().removeClass('selected');
			});
			};   
		$(document).ready(function(){
			$("#locations").mouseout(function(){
				hoverChange(clickedLink);
				selState('#locations li');
			});
		});