$(document).ready( function () {
	var overlay
	var enquiryMessage = $("<div id=\"enquiry-thanks\">").html("<h2>Thank you</h2><p>We'll be in touch as soon as possible.</p>")
	var enquiryForm = $("#enquiry-form")
		.click( function(e) {
			if (!overlay) {
				overlay = $("<div>")
				.css({
					position: "absolute",
					"width": "100%",
					background:"#eee",
					opacity: 0.75,
					top: 0,
					left: 0,
					zIndex: 1999,
					"height" : $("body").height()-1
				})
				.click( function() {
					enquiryForm.stop().animate({marginTop:-20}, 400, function() {
						overlay.detach();
						enquiryMessage.detach()
					});
				})
			}
			if (overlay.parent().length==0) {
				overlay.appendTo("body");
				enquiryForm.animate({marginTop: -enquiryForm.height()+25}, 400);
			} else {
				if (e.target.tagName=="H3") {
					overlay.trigger("click");
				}
			}
		}).submit( function(e) {
			var form = $("form", enquiryForm);
			$.post("/contact/ajax.php", form.serialize(), function (data) {
				if (data.errors.count==0) {
					enquiryMessage.appendTo(form);
				}
			}, "json");
			e.preventDefault();
		});	
	$(".fader").fader();
	$(".scroller").scroller( { frameWidth: 620 } );
});


/* portfilio scroller */
(function( $ ){
  $.fn.scroller = function( opts ) {
	var opts = opts || {}
	var frameWidth = opts.frameWidth || 300;
  
    return this.each( function () {
		var frame = 0;
		var scroller = $(this)
		var items = scroller.children("ul");
		var itemCount = items.children("li").length;

		if (itemCount>1) {

			var prev = $("<a>").addClass("prev").mousedown( function(e) {
				if (frame>0) {
					doScroll(-1);
				}
				e.preventDefault();
			}).hide().appendTo(scroller)

			var next = $("<a>").addClass("next").mousedown( function(e) {
				if (frame<itemCount-1) {
					doScroll(1);
				}
				e.preventDefault();
			}).appendTo(scroller)

			function doScroll( i ) {
				if ($(":animated", scroller).length==0) {
					items.animate({marginLeft: -(frame+=i)*frameWidth})
				}
				if (frame==0 && i==-1) {
					prev.fadeOut()
				}
				if (frame==1 && i==1) {
					prev.fadeIn()
				}
				if (frame==itemCount-1 && i==1) {
					next.fadeOut()
				}
				if (frame==itemCount-2 && i==-1) {
					next.fadeIn()
				}
			}
		}
	});
  };
})( jQuery );

/* showcase fader */
(function( $ ){
  $.fn.fader = function( opts ) {
	var opts = opts || {}
  
    return this.each( function () {
		var frame = 0;
		var fader = $(this)
		var items = $("li", fader).hide();

		items.each( function (i) { 
			$("<a>").addClass("nav").text(i).appendTo( fader ).click( function () {
				if (frame!==i) {
					nav.removeClass("active").eq(i).addClass("active");
					items.eq(frame).stop(true,true).clearQueue().fadeTo(750, 0, function() {
						$(this).hide();
						frame = i;
						play();
					})
				}
			});
		})

		var nav = $("a.nav", fader)

		function play() {
			nav.removeClass("active").eq(frame).addClass("active");
			items.eq(frame).stop(true,true).clearQueue().delay(250).fadeTo(750,1).delay(3500).fadeTo(750,0).delay(500, function () {
				$(this).hide();
				frame = (frame+1) % items.length;
				play();
			});
		}
		
		play();
		
	});
  };
})( jQuery );