$(function() {

	/*$('#submit').click(function() {
		$('#ajaxResponse').html('<img style="display:block;margin:25px auto;" src="/_images/ajax-loader.gif" />');
		$('#ajaxResponse').load('/_ajax/contact.ajax.php', {
			submit: true,
			name: $('#name').val(),
			email: $('#email').val(),
			message: $('#message').val() 
		});
		return false;
	});*/
	
	// Contact form using JSON
	$('#ajaxResponse').hide();
	
	$("#contactMe form").submit( function() { 
	
		$("#ajaxResponse").html('<img style="display:block;margin:25px auto;" src="/_images/ajax-loader.gif" />').fadeIn();
		
		var name = $('#name').val();
		var email = $('#email').val();
		var comments = $('#message').val();
		
		$.post('/_ajax/contact.ajax.php', { name: name, email: email, comments: comments }, function(data) {
		
			if (data.errorName == true) {
				$('#name').addClass("error");
			}
			if (data.errorEmail == true) {
				$('#email').addClass("error");
			}

			if (data.errorName == false) {
				$('#name').removeClass("error");
			}
			if (data.errorEmail == false) {
				$('#email').removeClass("error");
			}
			
			if (data.status == true) {
				$("#contactMe form").fadeOut("slow");
				$('.content614inner').html('<div id="success">' + data.message + '</div>');
			} else if (data.status == false) {
				$("#ajaxResponse").html(data.message);
			}
		
		},'json');

		return false;
	
	});
	
	$('#arrowLeft').click(function() {
		//$('#myWorkAjax').html('<img style="display:block;margin:10px auto;" src="/_images/ajax-loader.gif" />');
		$('#myWorkAjax').html('<h2>Loading...</h2>');
		$('#myWorkAjax').load('/_ajax/work.ajax.php', {
			work: 'true',
			left: 'true'
		});
		return false;
	});
	
	$('#arrowRight').click(function() {
		//$('#myWorkAjax').html('<img style="display:block;margin:10px auto;" src="/_images/ajax-loader.gif" />');
		$('#myWorkAjax').html('<h2>Loading...</h2>');
		$('#myWorkAjax').load('/_ajax/work.ajax.php', {
			work: 'true',
			right: 'true'
		});
		return false;
	});
		
	
	jQuery.preloadImages = function() {
		for(var i = 0; i<arguments.length; i++) {
			jQuery("<img>").attr("src", arguments[i]);
		}
	}
	
	$.preloadImages(
		'/_images/bg-email-me-hover.png',
		'/_images/arrow-left-hover.png',
		'/_images/arrow-right-hover.png',
		'/_images/bg-nav-hover.png'
	);
	
	$('label').css('display', 'none');
	
	$('#name').val('Name');
	$('#email').val('Email');
	$('#message').val('Message');
	
	$('#name').focus(function() {
		if ($('#name').val() == 'Name') {
			$('#name').val('');
		}
	});
	
	$('#name').blur(function() {
		if ($('#name').val() == '') {
			$('#name').val('Name');
		}
	});
	
	$('#email').focus(function() {
		if ($('#email').val() == 'Email') {
			$('#email').val('');
		}
	});
	
	$('#email').blur(function() {
		if ($('#email').val() == '') {
			$('#email').val('Email');
		}
	});
	
	$('#message').focus(function() {
		if ($('#message').val() == 'Message') {
			$('#message').val('');
		}
	});
	
	$('#message').blur(function() {
		if ($('#message').val() == '') {
			$('#message').val('Message');
		}
	});

});

$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 754;
	var slides = $('.slide');
	var numberOfSlides = slides.length;

	// Remove scrollbar in JS
	$('#slidesContainer').css('overflow', 'hidden');

	// Wrap all .slides with #slideInner div
	slides
	.wrapAll('<div id="slideInner"></div>')
	// Float left to display horizontally, readjust .slides width
	.css({
		'float' : 'left',
		'width' : slideWidth
	});

	// Set #slideInner width equal to total width of all slides
	$('#slideInner').css('width', slideWidth * numberOfSlides);

	// Insert left and right arrow controls in the DOM
	$('#slideshow')
	.prepend('<span class="control" id="leftControl">Move left</span>')
	.append('<span class="control" id="rightControl">Move right</span>');

	// Hide left arrow control on first load
	manageControls(currentPosition);

	// Create event listeners for .controls clicks
	$('.control')
	.bind('click', function(){
		// Determine new position
		currentPosition = ($(this).attr('id')=='rightControl')
		? currentPosition+1 : currentPosition-1;

		// Hide / show controls
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		});
	});

	// manageControls: Hides and shows controls depending on currentPosition
	function manageControls(position){
		// Hide left arrow if position is first slide
		if(position==0){ $('#leftControl').hide() }
		else{ $('#leftControl').show() }
		// Hide right arrow if position is last slide
		if(position==numberOfSlides-1){ $('#rightControl').hide() }
		else{ $('#rightControl').show() }
	}
});