// JavaScript Document
$(document).ready(function() {
//------------
	$("link:last").after('<link href="css/screen.alt.css" rel="stylesheet" type="text/css" />');
	$("#project-nav").after('<div id="project-details" class="span-24 clear"></div><div id="holder" class="span-24 clear"></div>');
	$(".slide-box").after('<div class="slide-control"><p class="slide-left"><a href="#"><span>«</span></a></p><p class="slide-right"><a href="#"><span>»</span></a></p></div>');
	$("#toggle-box").append('<p><a class="toggle-nav small" href="#">Show / Hide Thumbnails</a></p>');
	$(".toggle-nav").toggle(
	function(){
		$(".slide-box").animate({"height": "18px", "overflow": "hidden"}, "slow");
	},
	function(){
		$(".slide-box").animate({"height": "162px", "overflow": "visible"}, "slow");
	});

//----------------
	var thumb = $(".thumb");
	var thumbA = $(".thumb a");
	var projectDetails = $("#project-details");
	var holder = $("#holder");
	var loading = '<div class="loading"></div>';
	var error = '<p>There has been an error retrieving the data.</p>';
	var firstItem = $(".thumb:first a");
	var url = firstItem.attr("href");
	firstItem.addClass("on");
	thumb.removeClass("last");
	thumbA.click(function(event){
		event.preventDefault();
		thumbA.removeClass("on");
		$(this).addClass("on");
		
		var url = $(this).attr("href");
		doAjax(url);
		return false;
	});
	
	function doAjax(url){
		var nodes = url.split("?");
		var newUrl = "load.php?" + nodes[1];
		holder.hide();
		$.ajax({
			type: "GET",
			url: newUrl,
			cache: false,
			dataType: "html",
			beforeSend: function(){
				//projectDetails.empty();
			},
			error: function(){
				projectDetails.html(error);
			},
			success: function(data){
				projectDetails.html(loading);
				holder.html(data);
				//alert(holder.data("result"));
				//projectDetails.find("img").load(function(){
				holder.find("img").load(function(){
					//alert('loaded');
					
					projectDetails.html(data);
					holder.empty();
					//holder.html(data).fadeIn("slow");
					//projectDetails;
				});
			}
		});
		
	};
	doAjax(url);	
//----------------
	
	var thumbView = 4;
	var thumbTotal = thumb.size();
	var thumbAdjust = thumbTotal - thumbView;
	var thumbWidth = "240px";
	var lft = 0;
	var rgt = thumbAdjust;
	var aLeft = $('#.slide-left a');
	var aRight = $('#.slide-right a');
	var ss = $('.slide-strip');
	ss.css("width",(240 * thumbTotal));
	
	aLeft.bind("click", function(){
		countThumbs();
		if ( lft > 0 ){
			slide("+=" + thumbWidth);
			lft--;
		}
		countThumbs();
		arrowControl();
		return false;
	});
	
	aRight.bind("click", function(){
		countThumbs();
		if ( rgt > 0 ){
			slide("-=" + thumbWidth);
			lft++;
		}
		countThumbs();
		arrowControl();
		return false;
	});
		
	function countThumbs(){
		rgt = thumbAdjust - lft;
	};
	
	function slide(dir){
		ss.animate({"left": dir}, "fast");
	};
	
	function arrowControl(){
		if (lft == 0)
		{
			aLeft.fadeOut("fast").data("state", "off");
		}
		else if (aLeft.data("state") == "off")
		{
			aLeft.fadeIn("fast").data("state", "on");
		}
		
		if (rgt == 0)
		{
			aRight.fadeOut("fast").data("state", "off");
		}
		else if (aRight.data("state") == "off")
		{
			aRight.fadeIn("fast").data("state", "on");
		}
	}
	arrowControl();
	//alert('rgt: ' + rgt + ', lft: ' + lft);
//------------

	var options = { 
		target:        '#alert',
		beforeSubmit:  showRequest,
		success:       showResponse
	}; 
	$('#email_contact').ajaxForm(options); 
});
		
function showRequest(formData, jqForm, options) { 
	var queryString = $.param(formData); 
	return true; 
} 
function showResponse(responseText, statusText)  {  
} 
$.fn.clearForm = function() {
  return this.each(function() {
	var type = this.type, tag = this.tagName.toLowerCase();
	if (tag == 'form')
	  return $(':input',this).clearForm();
	if (type == 'text' || type == 'password' || tag == 'textarea')
	  this.value = '';
	else if (type == 'checkbox' || type == 'radio')
	  this.checked = false;
	else if (tag == 'select')
	  this.selectedIndex = -1;
  });
};