$(document).ready(function() {
	$("#email").focus();
	$("#topnav li").prepend("<span/>"); //Throws an empty span tag right before the a tag
	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	// Bind Enter Key to Password field.
	 $("#password").keypress(function(e)
        {
            code= (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
              if ($("#email").val() == "") {
                alert("Please enter your Email.");
                $("#email").focus();
                return;
              }
              if ($("#password").val() == "") {
                alert("Please enter your Password.");
                $("#password").focus();
                return;
              }
            // Validate Login Details 
              validateLogin();
            } 
            //e.preventDefault();
        });
	 	 
	 
// Make sure that the Email and Password fields are not empty.	
	$("#Go").click(function() {
		if ($("#email").val() == "") {
			alert("Please enter your Email.");
			$("#email").focus();
			return;
		}
		if ($("#password").val() == "") {
			alert("Please enter your Password.");
			$("#password").focus();
			return;
		}
	// Validate Login Details	
		validateLogin();
	});
	
	$("#topnav li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
 
	$("img.a").hover(
	  function() {
	  	$(this).stop().animate({"opacity": "0"}, "slow");
	  },
	 function() {
	  	$(this).stop().animate({"opacity": "1"}, "slow");
	 });

	slideShow();
 
}); // End of ready()

// --------------------------------------------------------------------------------------------------------------
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});
	
	//Set the caption background to semi-transparent
	$('#gallery .caption').css({opacity: 0.7});

	//Resize the width of the caption according to the image width
	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
	
	//Get the caption of the first image from REL attribute and display it
	$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
	.animate({opacity: 0.7}, 400);
	
	//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('gallery()',6000);
	
}
// --------------------------------------------------------------------------------------------------------------
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'));	
	
	//Get next image caption
	var caption = next.find('img').attr('rel');	
	
	//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');
	
	//Set the opacity to 0 and height to 1px
	$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });	
	
	//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
	$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );
	
	//Display the content
	$('#gallery .content').html(caption);
}
// --------------------------------------------------------------------------------------------------------------
function validateLogin() {
	var emailVal = $("#email").val();
	var passwordVal = $("#password").val();
	
	if ((emailVal == "") || (passwordVal == "")) {
		alert("Please enter Email and Password");
		return false;
	}
	
	url = "/validate-user";
	$.post(url, { email: emailVal, password: passwordVal}, function(jsonData){
        retData = $.parseJSON(jsonData);
        if (retData.MTYPE == "ERROR") {
          alert(retData.MESSAGE);
          return false;          
        } else {
          window.location.href = retData.URL;
        } 
	});
}
// ------------------------------------------------------------------------------