$(function(){
	$("#imageOptions a").click(function(){
		var imageSource = $(this).children("img").attr("alt");
       
		$("#loader").addClass("loading");
		$("#loader h3").remove();
		showImage(imageSource);
		return false;
    });
	
	$("#buttons a").mouseover(function(){
		var imagesource = "/images/toplinks/" + $(this).children("img").attr("alt") + "_on.png";
		$(this).children("img").attr("src", imagesource);
	});
	
	$("#buttons a").mouseout(function(){
		var imagesource = "/images/toplinks/" + $(this).children("img").attr("alt") + "_off.png";
		$(this).children("img").attr("src", imagesource);
	});
		
	$("#frmMail").validate({
		messages: {
			name: " Please specify your name",
			email: {
				email: " That E-Mail address is invalid",
				required: " Please supply your E-Mail address so we can get back to you"
			},
			message: "<br />Please leave a message"
		}
	});

	$("#btnSendMail").click(function(){
		if($("#frmMail").valid()){
			$("#spnButtons").html('Sending Mail...');
			$("#frmMail").submit();
		}
	});
});


function showImage(src)
{
$("#loader img").fadeOut("normal").remove();
var largeImage = new Image();
$(largeImage).load(function()
                        {
                        $(this).hide();
                        $("#loader").append(this).removeClass("loading");
                        $(this).fadeIn("slow");              
                        });    
$(largeImage).attr("src", src);
$(largeImage).attr("height", 400);
                                                                            
}