$(document).ready(function(){
	$('#enquiry').removeClass('content').addClass('slideyform');
	var obj = $('#enquiry');
	var openText = '<img src="/style/form/open.png" alt="Please get in touch">';
	var closeText = '<img src="/style/form/close.png" alt="Close contact form">';
	var left=obj.css('left');
	var speed = 500;
	$('<a class="open">'+openText+'</a>').appendTo(obj).toggle(
		function(){
			$(this).removeClass('open').addClass('close').html(closeText);
			obj.animate({'left':'0px'},speed);
		},
		function(){
			$(this).removeClass('close').addClass('open').html(openText);
			obj.animate({'left':left},speed,'swing');
		}
	);
	$(".submit").click(function(e) {
		$(this).css({"background-position":"0px -36px"});
		e.preventDefault();
		obj.animate({'left':"-437px"},speed,null,function(){obj.submit();});
	});
	//$("#enquiry .submit").css({"background":"url(/style/form/send.png) 0px 0px no-repeat;"});
	
	//ANIMATION
	$("#anim li:first-child").explode();
	
	//GALLERY
	//Variables
	var a = $(".gallery > ul > li").size();
	var b = 0;
	if(a%per_row == 0){
	b = a/per_row;
	}else{b=Math.floor(a/per_row)+1;}
	var h = (b*110)+10;
	
	//Set up
	$(".gallery").append("<div id=\"lightbox\"></div><div id=\"overlay\"></div><div id=\"buffer\"></div>");
	$(".gallery ul li a").click(function(e){e.preventDefault();}).attr('tabindex','-1');
	$(".gallery ul li").css({bottom:h+"px"}).attr('tabindex','0');
	$("#lightbox img,#overlay").click(lbHide);
	
	//Begin Drawing
	$(".gallery ul").animate({height:h+"px"},"fast");
	var start = $(".gallery ul li:last-child");
	tetris(start);
	jQuery.fn.center = function () {
		this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
		this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
		return this;
	}
	// END Gallery
});
jQuery.fn.explode = function() {
    var args = arguments[0] || {}; // It's your object of arguments
	$(this).animate({opacity:'0'},'slow',function(){$(this).next().explode();});
	return $(this);
};
//SUPPORT FUNCTIONS FOR GALLERY
var left    = 10;
var bottom  = 10;
var per_row = 3;
function tetris (jq){
if(left > 310){left = 10;bottom += 110;}
bg = jq.find("img:first-child").css('display','none').attr('src');
trgt = jq.find("a:first-child").attr('href');
$("#buffer").append('<img src="'+trgt+'">');
jq.css({left:left+"px", background:"url("+bg+") top center no-repeat", cursor:"pointer"}).data({bottom:bottom, left:left,bg:bg,trgt:trgt}).click(function(){$("#lightbox").html('<img src="'+$(this).data('trgt')+'"><br>&laquo;<a id="next">Next</a> <a id="prev">Prev</a>&raquo; <a id="close">Close</a>').center();lbShow();if(jq.prev().length ){$("#prev").click(function(){$("#lightbox").hide(100, function(){jq.prev().click();});});}if(jq.next().length){$("#next").click(function(){$("#lightbox").hide(100,function(){jq.next().click();});});}$("#close").click(lbHide);});
jq.animate({bottom:bottom+"px"},50,function(){$(this).hover(function(){grow($(this));},function(){shrink($(this));});tetris(jq.prev());});left += 110;}
function grow(jq){jq.css("z-index","200").animate({bottom:(jq.data("bottom")-10)+"px",left:(jq.data("left")-10)+"px",width:"120px",height:"120px"},50);}
function shrink(jq){jq.css("z-index","auto").animate({width:"100px",height:"100px",bottom:jq.data("bottom")+"px",left:jq.data("left")+"px"},50);}
function lbShow(){$("#overlay").fadeIn(100, function(){$("#lightbox").show(100);});}
function lbHide(){$("#lightbox").hide(100, function(){$("#overlay").fadeOut(100);});}
