$(document).ready(function(){
	PEPS.rollover.init();					   
						   
	$('ul.menu li').css({backgroundPosition: '-115px 0px'});
	
	$('ul.menu li a').fadingLinks('#ffffff',350);
	
	$('ul.menu li a').hover(
		  function () {
			$(this).parent().animate({backgroundPosition: '(0px 0px)'},750);
		  }, 
		  function () {
			$(this).parent().animate({backgroundPosition: '(-115px 0px)'},200);
		  }						
	);
	
	//step buttons
	if($('.step').length) {
		//set step one as active
		$('#1').toggleClass('step_active');
		$('#step1').next().hide().next().hide().next().hide().next().hide().next().hide().next().hide().next().hide().next().hide();
		
		$('input[name="graphicID"]').click(function() {
			if($(this).attr('value') == 'No') {
				$('#designGraphic').show();
			}else{
				$('#designGraphic').hide();
			}
		});
		
		$('input[name="haveSite"]').click(function() {
			if($(this).attr('value') == 'Yes') {
				$('#siteURLd').show();
			}else{
				$('#siteURLd').hide();
			}
		});
		
		$('input[name="cmsPref"]').click(function() {
			if($(this).attr('value') == 'AnotherCMS') {
				$('#otherCMStype').show();
			}else{
				$('#otherCMStype').hide();
			}
		});
		
		
		
		$('.planBut').click(function() {
									 
			var planButClick = $(this).attr('id');
			var clickedArr = planButClick.split('_');
			
			//find stage clicked
			var clicked = parseInt(clickedArr[1]);
			var nextStep = clicked+1;
			var indicatorArray = new Array(40,130,250,370,480,590,690,800,910);
			
			//if step 2, test if required fields are filled out
			if(clicked==2) {
				var yourname = $("input[name='name']");	
				var email = $("input[name='email']");
				var company = $("input[name='company']");
				var phone = $("input[name='phone']");
				
				if(yourname.val()=='') {
					alert("Don't be shy, we want to know your name.");
					yourname.focus();
				}else if(email.val()=='') {
					alert("We'd like to email you some documents, but we need your email address.");
					email.focus();
				}else if(!isEmail(email.val())) {
					alert("This isn't a valid email address, wanna try again?");
					email.focus();
				}else{				
					//move indicator and when done change class
					$('#indicator').animate({'marginLeft':indicatorArray[clicked]},1500, function() {			
						$('#'+nextStep).toggleClass('step_active').fadeTo(70,0.5).fadeTo(1000,1.0);
						$('#'+clicked).removeClass('step_active').addClass('step');
						$('#step'+clicked).hide().next().show();
					});
				}
			}else if(clicked==8) {
				submitPlanner();
			}else{
				$('#indicator').animate({'marginLeft':indicatorArray[clicked]},1500, function() {			
					$('#'+nextStep).toggleClass('step_active').fadeTo(70,0.5).fadeTo(1000,1.0);
					$('#'+clicked).removeClass('step_active').addClass('step');
					$('#step'+clicked).hide().next().show();
				});
			}
			$.scrollTo('150px');
		});
		
		$('.planBackBut').click(function() {
			var planButClick = $(this).attr('id');
			var clickedArr = planButClick.split('_');	
			
			//find stage clicked
			var clicked = parseInt(clickedArr[1]);
			var nextStep = clicked-1;
			var indicatorArray = new Array(40,130,250,370,480,590,690,800,910);
			$.scrollTo('150px');
			//move indicator and when done change class
			$('#indicator').animate({'marginLeft':indicatorArray[nextStep]},1500, function() {			
				$('#'+nextStep).toggleClass('step_active').fadeTo(70,0.5).fadeTo(1000,1.0);
				$('#'+clicked).removeClass('step_active').addClass('step');
				$('#step'+clicked).hide().prev().show();
				
			});
			
		});
		
		
	}
	
	//homepage content slider
	if($('#slider').length) {
		$("#slider").easySlider();
	}
	
	//case study content slider
	if($('#slider2').length) {
		//set array of case study content
		var caseArray = new Array('runway.php','healthmastery.php', 'longbreak.php'); //pages of content
		
		$("#slider2").easySlider();
		$('#case_study').load('assets/cases/'+caseArray[0]);
		var start = 0;
		
		$('#nextBtn').click(function() {
			start++;
			$('#case_study').load('assets/cases/'+caseArray[start]);
			
		});
		$('#prevBtn').click(function() {
			start--;
			$('#case_study').load('assets/cases/'+caseArray[start]);
		});
	}
	
	//set service info panels to be same height
	if($('.service_panel').length) {
		setEqualHeight($("div.service_panel"));
	}
	
	$('.footer_news').click(function(){
		
		var email = $("input[name='newsletter']");	
		
		if(email.val() == '' || email.val() == 'email address') {
			alert("You can't receive the newsletter without an email address, wanna try again?");
			email.focus();
		} else if(!isEmail(email.val())) {
			alert("This isn't a valid email address, wanna try again?");
			email.focus();
		} else {
			alert('in');
			$.post("assets/includes/newslettersignup.php", { emailval: email.val() },
			  function(data){
				  alert(data);
				$('#newsletterForm').hide();
				$('#newsletterThanks').show();
			  });
		}
	});
	
});
PEPS = {};

PEPS.rollover =
{
   init: function()
   {
      this.preload();
     
      $(".ro").hover(
         function () { $(this).attr( 'src', PEPS.rollover.newimage($(this).attr('src')) ); },
         function () { $(this).attr( 'src', PEPS.rollover.oldimage($(this).attr('src')) ); }
      );
   },

   preload: function()
   {
      $(window).bind('load', function() {
         $('.ro').each( function( key, elm ) { $('<img>').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); });
      });
   },
   
   newimage: function( src )
   {
      return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_o' + src.match(/(\.[a-z]+)$/)[0];
   },

   oldimage: function( src )
   {
      return src.replace(/_o\./, '.');
   }
};

function isEmail(str)
{
	if(str == "") return false;

	var re = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i

	return re.test(str);
}

function setEqualHeight(columns)
{
	var tallestcolumn = 0;
	columns.each(function() {
		currentHeight = $(this).height();
		if(currentHeight > tallestcolumn){
			tallestcolumn  = currentHeight;
		}
	}
	);
	columns.height(tallestcolumn);
}


function submitContact() {
	
	var yourname = $("input[name='name']");	
	var email = $("input[name='email']");	
	var phone = $("input[name='phone']");	
	var company = $("input[name='company']");
	var question = $("textarea[name='question']");	
	
	if(yourname.val() == '' ) {
		alert("The Lab wants to get to know you, so it helps to know your name, wanna try again?");
		yourname.focus();
	} else if(email.val() == '' ) {
		alert("The Lab can't reply to your query without your email address, wanna try again?");
		email.focus();
	} else if(!isEmail(email.val())) {
		alert("This isn't a valid email address, wanna try again?");
		email.focus();
	} else {
		//alert('in');
		$.post("assets/includes/contact.php", { nameval: yourname.val(), emailval: email.val(), phoneval: phone.val(), companyval: company.val(), questionval: question.val() },
		  function(data){
			  //alert(data);
			$('#contactForm').hide();
			$('#contactThanks').show();
		  });
	}	
}


function submitPlanner() {
	var yourname = $("input[name='name']");	
	var email = $("input[name='email']");
	var company = $("input[name='company']");
	var phone = $("input[name='phone']");	
	var yourindustry = $("textarea[name='yourindustry']");
	var graphicID = $("input[name='graphicID']:checked");
	var designID = $("input[name='designID']:checked");
	var haveSite = $("input[name='haveSite']:checked");
	var siteURL = $("input[name='siteURL']");	
	var yourwebsite = $("textarea[name='yourwebsite']");
	var yourneeds = $("textarea[name='yourneeds']");
	var starting = $("input[name='start']");	
	var launch = $("input[name='launch']");	
	var yourgoals = $("textarea[name='yourgoals']");
	var budget = $("input[name='budget']");
	var featuresArray = new Array();
	var features = $("input[name='features[]']:checked").each(function() {
		featuresArray.push($(this).val());
	});
	var featuresFin = featuresArray.join(',');
	var featureDetails = $("textarea[name='featureDetails']");
	var cmsPref = $("input[name='cmsPref']:checked");
	var otherCMStype = $("input[name='otherCMStype']");	
	var controlDetails = $("textarea[name='controlDetails']");	
	var skills = $("input[name='skills']:checked");
	var graphicIdeas = $("textarea[name='graphicIdeas']");	
	var likedSites = $("textarea[name='likedSites']");	
	var competitors = $("textarea[name='competitors']");
	var anythingElse = $("textarea[name='anythingElse']");	
	
	$.post("assets/includes/planner.php", { nameval: yourname.val(), emailval: email.val(), phoneval: phone.val(), companyval: company.val(), yourindustryval: yourindustry.val(), graphicIDval: graphicID.val(), designIDval: designID.val(), haveSiteval: haveSite.val(), siteURLval: siteURL.val(), yourwebsiteval: yourwebsite.val(), yourneedsval: yourneeds.val(), startval: starting.val(), launchval: launch.val(), yourgoalsval: yourgoals.val(), budgetval: budget.val(), featuresval: featuresFin, featureDetailval: featureDetails.val(), cmsPrefval: cmsPref.val(), otherCMSval: otherCMStype.val(), controlDetailsval: controlDetails.val(), skillsval: skills.val(), graphicIdeasval: graphicIdeas.val(), likedSitesval: likedSites.val(), competitorsval: competitors.val(), anythingelseval: anythingElse.val() },
	  function(data){
		$('#indicator').animate({'marginLeft':910},1500, function() {			
			$('#9').toggleClass('step_active').fadeTo(70,0.5).fadeTo(1000,1.0);
			$('#8').removeClass('step_active').addClass('step');
			$('#step8').hide().next().show();
			$.scrollTo('150px');
		});
	  });
	
}