// JavaScript Document
$(document).ready(function(){
	$('.blue-message').hide();
	$('.white-message').hide().fadeIn('slow');
	$('#subpages').hide();
	$('#subpages #resources').hide();
	$('#subpages #experience').hide();
	$('#subpages #about').hide();
	$('#subpages #contact').hide();
	setTimeout('switchMessage()', 3000);
	$( ".client-logos" ).accessNews({ headline : "Clients", speed : "normal", slideBy : 1 });
	setupBubbles();
	setupForm();
});

var APP_STATE_HOME = 'appStateHome';
var APP_STATE_SUBPAGE = 'appStateSubpage';
var APP_SUBSTATE_RESOURCES = 'appSubstateResources';
var APP_SUBSTATE_EXPERIENCE = 'appSubstateExperience';
var APP_SUBSTATE_ABOUT = 'appSubstateAbout';
var APP_SUBSTATE_CONTACT = 'appSubstateContact';

var appState = APP_STATE_HOME;
var appSubstate;

function switchMessage()
{
	$('.white-message').fadeOut(2000);
	$('.blue-message').fadeIn(2000);
}

function setAppState(state)
{
	appState = state;
	switch(state)
	{
		case APP_STATE_HOME:
			$('#message-container').fadeIn(1000);
			$('#subpages').hide();
			break;
		case APP_STATE_SUBPAGE:
			$('#message-container').hide();
			$('#subpages').fadeIn(1000);
			break;
	}
	return false;
}

function setAppSubstate(substate)
{
	appSubstate = substate;
	switch(substate)
	{
		case APP_SUBSTATE_RESOURCES:
			if(appState != APP_STATE_SUBPAGE) setAppState(APP_STATE_SUBPAGE);
			$('#subpages #resources').fadeIn(1000);
			$('#subpages #navigation .resources').addClass('selected');
			$('#subpages #experience').hide();
			$('#subpages #navigation .experience').removeClass('selected');
			$('#subpages #about').hide();
			$('#subpages #navigation .about').removeClass('selected');
			$('#subpages #contact').hide();
			$('#subpages #navigation .contact').removeClass('selected');
			break;
		case APP_SUBSTATE_EXPERIENCE:
			if(appState != APP_STATE_SUBPAGE) setAppState(APP_STATE_SUBPAGE);
			$('#subpages #resources').hide();
			$('#subpages #navigation .resources').removeClass('selected');
			$('#subpages #experience').fadeIn(1000);
			$('#subpages #navigation .experience').addClass('selected');
			$('#subpages #about').hide();
			$('#subpages #navigation .about').removeClass('selected');
			$('#subpages #contact').hide();
			$('#subpages #navigation .contact').removeClass('selected');
			break;
		case APP_SUBSTATE_ABOUT:
			if(appState != APP_STATE_SUBPAGE) setAppState(APP_STATE_SUBPAGE);
			$('#subpages #resources').hide();
			$('#subpages #navigation .resources').removeClass('selected');
			$('#subpages #experience').hide();
			$('#subpages #navigation .experience').removeClass('selected');
			$('#subpages #about').fadeIn(1000);
			$('#subpages #navigation .about').addClass('selected');
			$('#subpages #contact').hide();
			$('#subpages #navigation .contact').removeClass('selected');
			break;
		case APP_SUBSTATE_CONTACT:
			if(appState != APP_STATE_SUBPAGE) setAppState(APP_STATE_SUBPAGE);
			$('#subpages #resources').hide();
			$('#subpages #navigation .resources').removeClass('selected');
			$('#subpages #experience').hide();
			$('#subpages #navigation .experience').removeClass('selected');
			$('#subpages #about').hide();
			$('#subpages #navigation .about').removeClass('selected');
			$('#subpages #contact').fadeIn(1000);
			$('#subpages #navigation .contact').addClass('selected');
			break;
	}
	return false;
}

function setupBubbles()
{
	$(".bubble").hide();
	$(".resource-list ul li").hover(function(){$(this).children('.bubble').fadeIn(300);}, function(){$(this).children('.bubble').fadeOut(200);});
}

function setupForm()
{
	$('.error').hide();
	$('.success').hide();
	$("#mailform").submit(function(event) {

    // stop form from submitting normally
    event.preventDefault(); 
        
    // get some values from elements on the page:
    var $form = $("#mailform"),
        name = $form.find( 'input[name="name"]' ).val(),
        last_name = $form.find( 'input[name="last-name"]' ).val(),
        email = $form.find( 'input[name="email"]' ).val(),
        phone = $form.find( 'input[name="phone"]' ).val(),
        message = $form.find( 'textarea[name="message"]' ).val(),
        url = $form.attr( 'action' );

    // Send the data using post and put the results in a div
    $.post('sendmail.php', { name: name, last_name: last_name, email: email, phone: phone, message: message } ,
      function( data ) {
		  if(data == 'true')
		  {
		  	$('.form-container').fadeOut(300);
		  	$('.success').fadeIn(200);
		  }
		  else
		  	$('.error').fadeIn(200);
      }
    );
  });
}