/*
 * Slideshow Functions
 */
 
$(window).load(function()
{
	//this is intended to wait for all the images to load before running the slideshow
	init_slideshow()
})

init_slideshow = function()
{
	$('#slides').cycle({
		fx:'fade',
		timeout:8000,
		pager:'#slide_navigation',
		after:update_slide_caption,
		before:fade_slide_caption
	})
}

fade_slide_caption = function(next, previous)
{
	caption_container = $('#project_caption')
	caption_container.fadeOut('fast')
}

update_slide_caption = function(next, previous)
{
	caption_container = $('#project_caption')

	caption = $('span.slide_caption', previous)
	caption_container.fadeIn('fast')
	caption_container.html(caption.html())
	
}

/*
 * Showcase Functions
 */
 
jQuery(document).ready(function(){
	
	$(".showcase img").fadeTo(125, 0.9); // This sets the opacity of the thumbs to fade down to 90% when the page loads
	
	$(".showcase img").hover(function(){
		$(this).fadeTo(75, 1.0); // This should set the opacity to 100% on hover
	},
	
	function(){
		$(this).fadeTo(125, 0.9); // This should set the opacity back to 90% on mouseout
	});
	
});


/*
 * Contact Form
 */

$(document).ready(function() {

	$('#contactform').submit(function() {
	
		// Disable the submit button
		$('#contactform input[type=submit]')
			.attr('value', 'Sending message…')
			.attr('disabled', 'disabled');
	
		// AJAX POST request
		$.post(
			$(this).attr('action'),
			{
				name:$('#name').val(),
				email:$('#email').val(),
				message:$('#message').val()
			},
			function(errors) {
				// No errors
				if (errors == null) {
					$('#contactform')
						.hide()
						.html('<h3>Thank you</h3><p>Your message has been sent.</p>')
						.show();
				}
	
				// Errors
				else {
					// Re-enable the submit button
					$('#contactform input[type=submit]')
						.removeAttr('disabled')
						.attr('value', 'Send your Question');
	
					// Technical server problem, the email could not be sent
					if (errors.server != null) {
						alert(errors.server);
						return false;
					}
	
					// Empty the errorbox and reset the error alerts
					$('#contactform .errorbox').html('<ul></ul>').show();
					$('#contactform li').removeClass('alert');
	
					// Loop over the errors, mark the corresponding input fields,
					// and add the error messages to the errorbox.
					for (field in errors) {
						if (errors[field] != null) {
							$('#' + field).parent('li').addClass('alert');
							$('#contactform .errorbox ul').append('<li>' + errors[field] + '</li>');
						}
					}
				}
			},
			'json'
		);
	
		// Prevent non-AJAX form submission
		return false;
	});

	  //Get all the LI from the #tabMenu UL
	  $('#tabMenu > li').click(function(){
	        
	    //remove the selected class from all LI    
	    $('#tabMenu > li').removeClass('selected');
	    
	    //Reassign the LI
	    $(this).addClass('selected');
	    
	    //Hide all the DIV in .boxBody
	    $('.boxBody div').slideUp('1500');

	    //Look for the right DIV in boxBody according to the Navigation UL index, therefore, the arrangement is very important.
	    //$('.boxBody div:eq(' + $('#tabMenu > li').index(this) + ')').slideDown('1500');

		str = '.boxBody div.show' + $('#tabMenu > li').index(this);
//console.log(str);
	    $(str).slideDown('1500');
	    
	  }).mouseover(function() {
	
	    //Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest    
	    $(this).addClass('mouseover');
	    $(this).removeClass('mouseout2');   
	    
	  }).mouseout(function() {
	    
	    //Add and remove class
	    $(this).addClass('mouseout2');
	    $(this).removeClass('mouseover');    
	    
	  });
	
	  $('.thumbs a, .gallary_all_img a').mouseover(function(){
		$(this).children().css("border", "2px solid #C40000");
	  }).mouseout(function() {
		$(this).children().css("border", "1px solid #CCCCCC");    
	  });

});