function showPic2($,newImage) {
   $('img[id|=placeholder]').attr('src',newImage);
}

function validateContactForm($) {
	var message = "";
	if ($("input[name='Name']").val().length < 3 && $("input[name='Business_Name']").val().length < 3){
		message += "Please enter your name or your business name\n";
	}
	if ( !isValidEmail($("input[name='Email']").val()) && $("input[name='Phone']").val().length < 3){
		message += "Please enter a contact phone number or an email address\n";
	}
	if(message.length > 1){
		alert(message);
		return false;
	}else{
		return true;
	}
}

function isValidEmail(email) {
	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)){
		return true;
	}else{
		return false;
	}
}
    	
function slideShow($) {  
	 //Set the opacity of all images to 0  
	 $('#gallery a').css({opacity: 0.0});  
	       
	 //Get the first image and display it (set it to full opacity)  
	 $('#gallery a:first').css({opacity: 1.0});  
	              
	 //Call the gallery function to run the slideshow, 5000 = change to next image after 5 seconds  
	 setInterval('gallery($)',5000);  
}  
	 
function gallery($) {  
	 //if no IMGs have the show class, grab the first image  
	 var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));  
	   
	 //Get next image, if it reached the end of the slideshow, rotate it back to the first image  
	 var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));     

	 //Set the fade in effect for the next image, show class has higher z-index  
	 next.css({opacity: 0.0})  
	 .addClass('show')  
	 .animate({opacity: 1.0}, 1000);  
	   
	 //Hide the current image  
	 current.animate({opacity: 0.0}, 1000)  
	 .removeClass('show');  
}