/*
*	common.js
*	
*	Javascript functions commonly used (included globally)
*
*	Author: Alexander Dahlberg
***********************************************/

$(function() {
	
	// Menu Bar Hover Effect
	$('#navbar li').hover(function() {	// on hover 
		if(!$('div', this).hasClass('active')) { // do not animate if menuitem is "active"
			$("div", this).stop().animate({height: "30px"}, "fast"); // animate
		}
	}, function() { // on out
		if(!$('div', this).hasClass('active')) { // do not animate if menuitem is "active"
			$("div", this).stop().animate({height: "5px"}, "fast"); // animate
		}
	});
	
	// Page 1: Selected Work
	//
	
	// Create Scrollable
	$('#scrollable').scrollable({
		size: '1',
		items: '#work-items',
		next: '#nextItem',
		prev: '#prevItem',
		loop: true	
	});
	
	// Scrollable Controllers Hover Action
	$('.prevItem').hover(function() {
		$(this).addClass('prevItemHover');
	}, function() {
		$(this).removeClass('prevItemHover');
	});

	$('.nextItem').hover(function() {
		$(this).addClass('nextItemHover');
	}, function() {
		$(this).removeClass('nextItemHover');
	});
	
	// View Site Button Hover Action
	$('.viewSite').hover(function() {
		$(this).addClass('viewSiteHover');
	}, function() {
		$(this).removeClass('viewSiteHover');
	});
	
	// Forms
	/////////////////////////////////////
	
	$('#page-contact').submit(function() {
							
		// Retreive Data
		var email = $('.email', this).val();
		var message = $('.message', this).val();
		var elemError = $('.error', this);
		var elemSuccess = $('.success', this);
		var btnSubmit = $(':submit', this);
		var elemLoading = $('.loading', this);
		
		btnSubmit.hide();
		elemError.hide();
		//elemLoading.stop().show();
		elemSuccess.text('Sending...').show();
		
		// show loading					  
		$.post('php/form_submit.php', {'email': email, 'message': message }, function(result) {
			elemLoading.stop().hide();																		  
			var okString = 'success';															  
			if(result.slice(0,okString.length)!=okString)	{ // if error
				elemError.html(result);
				elemError.slideDown();
				elemSuccess.hide().text('');
				btnSubmit.show();
				//output.innerHTML += '<p><a href="javascript:epabox_showForm()">&lt;&lt; Back</a></p>';
			} else { // success
				if(result.length>okString.length) {
					var message=result.slice(okString.length+1); // strip prefix 'success;' from success message
					elemSuccess.html(message); // show success message
					elemSuccess.show(); // show success message
				}
			}

			
		}); // post data
		// callback
		// on callback display message
		return false;
	});

	$('#footer-contact').submit(function() {
							
		// Retreive Data
		var email = $('.email', this).val();
		var message = $('.message', this).val();
		var elemError = $('.error', this);
		var elemSuccess = $('.success', this);
		var btnSubmit = $(':submit', this);
		var elemLoading = $('.loading', this);
		
		btnSubmit.hide();
		elemError.hide();
		//elemLoading.stop().show();
		elemSuccess.text('Sending...');
		
		// show loading					  
		$.post('php/form_submit.php', {'email': email, 'message': message }, function(result) {
			elemLoading.stop().hide();																		  
			var okString = 'success';															  
			if(result.slice(0,okString.length)!=okString)	{ // if error
				elemError.html(result);
				elemError.slideDown();
				elemSuccess.text('');
				btnSubmit.show();
				//output.innerHTML += '<p><a href="javascript:epabox_showForm()">&lt;&lt; Back</a></p>';
			} else { // success
				if(result.length>okString.length) {
					var message=result.slice(okString.length+1); // strip prefix 'success;' from success message
					elemSuccess.html(message); // show success message
					elemSuccess.slideDown('normal'); // show success message
				}
			}

			
		}); // post data
		// callback
		// on callback display message
		return false;
	});

});