// Display the Selected Photo 


	// Show the Flash Call To Action Buttons 
	
	$(document).ready(function(){

		$(".run").click(function(){
			//$("#box")
			//.animate({top: "350"}, 100)
			//.animate({top: "200"}, 100)
			//.animate({top: "220"}, 40);

			// Get the photo gallery and link which are loaded in the "id" of the img tag
			var loadDetails = this.id;
			// break up the string by the pipe "|" 
			var brokenstring = loadDetails.split("|"); 
			// first part is the photogallery link
			var galleryphoto = brokenstring[0];
			// second part is the url link
			var newlink = brokenstring[1];
			// display the new photo
			$('#mainphoto').css('backgroundImage','url('+galleryphoto+')');
			// update the link
			$("#para").html("<small><a href=\"http://www.netlook.com/vehicle/search/cid/11986934\" target=\"_blank\">Online Showroom</a> | <a href=\""+newlink+"\">View Details</a>");
			
		});

	});

//	function changeText3(newlink){
		//var oldHTML = document.getElementById('para').innerHTML;
//		var newHTML = "<a href=\"" + newlink + "\">Online Showroom</a> | <a href=\"http://www.netlook.com/vehicle/search/cid/11986934\" target=\"_blank\">View Details</a>";
//		document.getElementById('para').innerHTML = newHTML;
//	}
	
//	var myHTMLContent = $("#mainContent").html(); // "<h2>My jQuery te…. (to) …functionality</p>
//  * html(myString)
//    Sets the innerHTML for an element to myString.
//      $("h2:first").html(’This is new <em>header</em> content’); // changes the h2, and adds some emphasis

	

	
	
	
	$(function(){
	$('.menu a')
		.css( {backgroundPosition: "0px 0px"} )
		.mouseover(function(){
			$(this).stop()
			.animate({backgroundPosition:"(0px -40px)"}, {duration:200})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "0px 0px"})
			}})
		})


	});