$(document).ready(function(){
//Show the paging and activate its first link
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of the image, how many images there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});

//Paging  and Slider Function
rotate = function(){
    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

    $(".paging a").removeClass('active'); //Remove all active class
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    //Slider Animation
    $(".image_reel").animate({
        left: -image_reelPosition
    }, 500 );

}; 

//Rotation  and Timing Event
rotateSwitch = function(){
    play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
        $active = $('.paging a.active').next(); //Move to the next paging
        if ( $active.length === 0) { //If paging reaches the end...
            $active = $('.paging a:first'); //go back to first
        }
        rotate(); //Trigger the paging and slider function
    }, 5000); //Timer speed in milliseconds (7 seconds)
};

rotateSwitch(); //Run function on launch

//On Hover
$(".image_reel a").hover(function() {
    clearInterval(play); //Stop the rotation
}, function() {
    rotateSwitch(); //Resume rotation timer
});	

//On Click
$(".paging a").click(function() {
    $active = $(this); //Activate the clicked paging
    //Reset Timer
    clearInterval(play); //Stop the rotation
    rotate(); //Trigger rotation immediately
    rotateSwitch(); // Resume rotation timer
    return false; //Prevent browser jump to link anchor
});

$(function(){
	$("#mb div a").hover(function(){
		$("img", this).stop().animate({top:"-58px"},{queue:false,duration:200});
	}, function() {
		$("img", this).stop().animate({top:"0px"},{queue:false,duration:200});
	});
});

});


function sendMsg()
{
	var xmlhttp;
	var result;
	var sendStr;

// Validate the form field entries at least have something in them.	
	with (document.form1) {
		if (Name.value=="") {
			alert("Please enter your name.");
			return false;
		}
		if (Email.value=="") {
			alert("Please enter your email.");
			return false;
		}
		if (Comments.value=="") {
			alert("Please enter your comments.");
			return false;
		}
	}
	
	if (window.XMLHttpRequest)
	{
		xmlhttp=new XMLHttpRequest(); // for new browsers
	}
	else
	{
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  // for older browser versions
	}
	
//set up handler for the AJAX call
	xmlhttp.onreadystatechange=function()
	{
//for debugging:
//alert(xmlhttp.readyState+"-"+xmlhttp.status+"-"xmlhttp.responseText);
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			result=Number(xmlhttp.responseText);
			if (result>0) {
				document.getElementById('p1').innerHTML="It looks like there was a problem sending your message. Please verify your email address and try again. (result code " + result +")";
			}
			else {
				document.getElementById('p1').innerHTML="Thank you! We will get back with you as soon as possible.";
				with (document.form1) {
					Name.value="";
					Email.value="";
					Phone.value="";
					Comments.value="";
				}
			}

		}
	}
	
//build POST data string for the AJAX call.  Need to escape them for sending, they will be decoded by SendMail.asp
	with (document.form1) {
		sendStr = "Name=" + escape(Name.value) + "&Email=" + escape(Email.value) + "&Phone=" + escape(Phone.value) + "&Comments=" + escape(Comments.value)
	}
	
//Make the AJAX call
	xmlhttp.open("POST","SendMail.asp",true);
	xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xmlhttp.send(sendStr)
}