$(function(){	
	$.validator.setDefaults({
		errorPlacement: function(error,element){
			error.insertBefore(element);
		}
	});
	
	// slide-down images on homepage
	$('#body_home #our_work li').hover(function(){
		$(this).find('img').animate({top:'139px'},{queue:false,duration:500});
	}, function(){
		$(this).find('img').animate({top:'0'},{queue:false,duration:500});
	});

	$('#gallery').gallerify();
	
	// contact page
	$('#body_contact').rfpForm();
	
	// easter egg :)
	$('<div id="worm"></div>').appendTo('#footer_sleeve').toggle(function(){
		$('#footer_sleeve').animate({height:'835px'},{queue:false,duration:2000});
		$('html,body').animate({scrollTop:$('#footer_sleeve').offset().top + 865},{queue:false,duration:2000});
	}, function(){
		$('#footer_sleeve').animate({height:'70px'},{queue:false,duration:2000});
	});
	
	// cope with iphone layout
	if(navigator.platform == "iPhone") {
		
		setOrientation();
		addEventListener('orientationchange',setOrientation);
		
		function setOrientation() {
			window.orientation === 0 ? $('body').attr({orient: 'portrait'}) : $('body').attr({orient: 'landscape'});
		}
	}
});


jQuery.fn.gallerify = function() {
	return this.each(function(){
		var images = $('div.thumb',this);
		images.hide().css({opacity:0});
		$(images[0]).show().css({opacity:1});
		if (images.length > 1) {
			$(this).after('<ul id="gallery_changer"></ul>');
			var changer = $('#gallery_changer');
			images.each(function(){
				var numberLink = (images.index(this)+1).toString();
				if (numberLink.length == 1) numberLink = '0' + numberLink;
				$('<li><a href="#">'+numberLink+'</a></li>').click(showImage).appendTo(changer);
			});
			$('li:first',changer).addClass('first current');
		}

		function showImage() {
			$(this).addClass('current').siblings().removeClass('current');
			var clicked = this;
			images.each(function(){
				if ($(this).is(':visible')) {
					$(this).animate({opacity:0},200,function(){
						$(this).hide();
						var next_image = $(images[$(clicked).parent().children('li').index(clicked)])
						next_image.css({display:'block'}).animate({opacity:1},200);
					});
				}
			});
			return false;
		}
	});
}


jQuery.fn.rfpForm = function() {
	return this.each(function(){
		var container = $('#content_main>.formbox');
		
		$('#message_form').validate();
		var rfp_validator = $('#rfp_form').validate();
		$('#rfp_form .help').hide();
		
		// hide the 2nd form
		$('#rfp_form,#step_2,#step_3').hide();
		
		// first run through?
		if($('#contact_flash').length<1){
			
			// add selection radios
			$('<div class="radios" id="nature"><p class="label">What is the nature of your enquiry?</p><label for="type_1"><input type="radio" class="radio" id="type_1" name="contact[form_type]" value="general" checked="checked" /> General enquiry</label><label for="type_2"><input type="radio" class="radio" id="type_2" name="contact[form_type]" value="proposal" /> Proposed project</label></div>').insertBefore('#message_form');
			
			// switch between forms
			$('#type_1').click(function(){
				$('#rfp_form').fadeOut('fast',function(){
					container.animate({
						width: '540px',
						marginRight: '0'
					},'fast');
					$('#message_form').fadeIn('fast');
				});
				if ($.browser.msie && $.browser.version == 6) $('#content_sub').show();
			});
			$('#type_2').click(function(){
				container.animate({
					width: '870px',
					marginRight: '-330px'
				},'fast');
				$('#message_form').fadeOut('fast',function(){
					$('#rfp_form').fadeIn('fast');
				});
				if ($.browser.msie && $.browser.version<8) $('#content_sub').hide();
			});
			
			// section proposal form
			$('<img class="submit back" src="/images/button_back.gif" alt="Back" />').click(function(){
				var step = $(this).parents('.step');
				if (!checkValidity(step)) {
					$(this).parents('.step').fadeOut('fast',function(){
						$(this).prev().fadeIn('fast');
					});
				}
				return false;
			}).appendTo('#step_2,#step_3');
			$('#step_3 input.submit').appendTo('#step_3');
			$('<img class="submit next" src="/images/button_next.gif" alt="Next" />').click(function(){
				var step = $(this).parents('.step');
				if (!checkValidity(step)) {
					step.fadeOut('fast',function(){
						$(this).next().fadeIn('fast');
					});
				}
				return false;
			}).appendTo('#step_1,#step_2');
		}
		
		function checkValidity(step){
			var overallInvalid = false;
			$('input.text,textarea',step).each(function(){
				var valid = rfp_validator.element(this)
				overallInvalid = overallInvalid || !valid;
			});
			return overallInvalid;
		}
		
		$('#rfp_form input.text, #rfp_form textarea').focus(function(){
			$(this).prev('.help').fadeIn();
		}).blur(function(){
			$(this).prev('.help').fadeOut();
		});
		
	});
}