this.imagePreview = function(){	
		mainImage = "locationEynesbury.gif"  //<-- this is default image
		// intial load of the default image
		$("#heroLocation").append("<div><map name='pdfmap'><area shape='rect' coords='620,170,820,205' href='../content/files/EynesburyLocation.pdf' target='_blank' /></map><img src='../content/images/locationEynesbury.gif' alt='Image preview' usemap='#pdfmap'/></div>");
//		$("#heroLocation").append("<div><img src='../content/images/"+ mainImage +"' alt='Image preview' /></div>");
		
		// click activities
		$("a.preview").click(function(e){
		// replaces the default image with the larger version of thumb (grabs image name from the rel attribute of the link)
		$("#heroLocation div").replaceWith("<div><map name='pdfmap'><area shape='rect' coords='620,170,820,205' href='../content/files/EynesburyLocation-" + this.id + ".pdf' target='_blank' /></map><img src='" + this.rel + "' alt='Image preview' usemap='#pdfmap'/></div>");  
								 					
   
    });	
		
};

this.townCentrePreview = function() {
mainImage = "TownCentre_Main Button.jpg"  //<-- this is default image
    // intial load of the default image
    $("#heroLocation").append("<div><img src='../content/images/" + mainImage + "' alt='Town Centre main' /></div>");

    // click activities
    $("a.preview").click(function(e) {
        // replaces the default image with the larger version of thumb (grabs image name from the rel attribute of the link)
        $("#heroLocation div").replaceWith("<div><img src='" + this.rel + "' alt='Town Centre Image' /></div>");


    });

};

this.imagePreviewLand = function(){	
		mainImage = "Eynesbury_Stage_Images_1.png"  //<-- this is default image
		// intial load of the default image
		$("#heroLand").append("<img src='../content/images/"+ mainImage +"' alt='Image preview' />");
		
		// click activities
		$("a.preview").click(function(e){
		// replaces the default image with the larger version of thumb (grabs image name from the rel attribute of the link)
		$("#heroLand img").replaceWith("<img src='"+ this.rel +"' alt='Image preview' />"); 
		
 
		
		//$("#heroLand").addClass("this.rel");						 					
   
    });	
		
};