$(document).ready(function() {
	
	/*$("#process div").hover(function(){
									 
		$(this).children('a').animate({bottom:'50px'},{queue:false, duration:120}).fadeIn(121); 											 
	}
	, function (){
									 
		$(this).children('a').animate({bottom:'0px'},{queue:false, duration:100}).fadeOut(101);									
	});*/
	
	
	$('body').css('display', 'none');
	$('body').fadeIn(1100);
	
	//$('#logo').css('opacity', 0);
	//$('#logo').css('position', 'relative');
	//$('#logo').css('top', '-100px');

	
	//$('#logo').delay(800).animate({  opacity:1, top:0 }, 500 );

	// Gallery Overlay
	$(function() {
		$("img[rel]").overlay({mask: '#F5CAEC', effect: 'apple'});

	});
	
	// Portfolio Animation
	$('#portfolio li').hover(function(){
		$("span", this).stop().animate({bottom:'0px'},{queue:false,duration:160});
	}, function() {
		$("span", this).stop().animate({bottom:'-49px'},{queue:false,duration:160});
	});
	
	$('#portfolio li').click( function (){

		$('#ajax-overlay').overlay({

		// some mask tweaks suitable for facebox-looking dialogs
		mask: {
			color: '#000',
			loadSpeed: 0,
			opacity: 0.7
		},
	
		// disable this for modal dialog-type of overlays
		closeOnClick: true

		})
		
		$('#portfolio-image').attr('class', $(this).attr('id') );

		// Run Ajax portfolio request
		ajaxPortfolio();
		
		$("#ajax-overlay").overlay().load();
	
	});

	
	$('.overlay .arrow').click( function ()
	{	 
			$('#portfolio-image').html('<img src="/images/ajax-loader.gif" alt="Loading" />');
			$('.overlay p').css('display', 'none');
			
			switch ( $(this).attr('id') )
			  {
					case 'portfolio-left':
					window.image_count = window.image_count - 1;
					break;
					
					case 'portfolio-right':
					window.image_count = window.image_count + 1;
					break;
			  }
			  
			  $image_array_count = window.image_count - 1; 
			  
			  if (window.image_count == window.images_no)
			  {
				  $('#portfolio-right').css('display', 'none');
			  }
			  else
			  {
				  $('#portfolio-right').css('display', 'block');
			  }
			  
			  if (window.image_count <= 1)
			  {
				  $('#portfolio-left').css('display', 'none');
			  }
			  else
			  {
				  $('#portfolio-left').css('display', 'block');
			  }
			  
			  $id = window.outsideAjax[$image_array_count]['id'];
			  $title = window.outsideAjax[$image_array_count]['title'];
			  $image = window.outsideAjax[$image_array_count]['image'];
							
				$('#portfolio-image').html('<img src="/showImage.php?image=' + $image + '" alt="' + $title + '"  title="' + $title + '" id="img-' + $id + '" />');
			   
			   $('.overlay .nav').html('Image <span>' +  window.image_count + '</span> of <span>' + window.images_no + '</span>');
			   $('.overlay .text').html($title);
			   $('.overlay p').fadeIn(1000);
	});
	
	
	// Contact form stuff
	$('input').each( function (){
			
			if ( $(this).attr('type') == 'text')
			{
				$(this).css('color', '#aaa');
			}
	});
	
	$('textarea').css('color', '#aaa');
	
	$('textarea, input[type=text]').focus( function () {
													 	
		$(this).val('');
		$(this).css('color', '#111');
													 
	});
	
	$('textarea, input[type=text]').blur( function () {
		
		if ( $(this).val() == '')
		{
			$(this).val( $(this).attr('name') );
			$(this).css('color', '#aaa');
		}
	});
	/*******/
	
	// Set FAQ Answers to hidden
	$('#faqs p').css('display', 'none');
	
	$('#faqs h3').click( function (){
		$('#faqs p').slideUp(200);
		$(this).next().slideToggle(200);
	});

	
});

function ajaxPortfolio()
{
	$('.overlay p').css('display', 'none');
	
	// Set to block to start with
	$('#portfolio-right').css('display', 'block');
	
	// Set to hidden
	$('#portfolio-left').css('display', 'none');
	
	 $.ajax({
		  type: "POST",
		  url: "/ajax.php?q=portfolio",
		  data: {client_id: $('#portfolio-image').attr('class')},
		  async: false,
		  success: function($data)
		  {
			  $data = eval('(' + $data + ')');
			  window.outsideAjax = $data;
			  $id = $data[0]['id'];
			  $title = $data[0]['title'];
			  $image = $data[0]['image'];
			  window.image_count = 1;
			  window.images_no = $data.length;
			
			if (window.images_no == 1) $('#portfolio-right').css('display', 'none');
					
			$('#portfolio-image').html('<img src="/showImage.php?image=' + $image + '" alt="' + $title + '"  title="' + $title + '" id="img-' + $id + '" />');
	
	 		 $('.overlay .text').html($title).slideDown('slow');
			 $('.overlay .nav').html('Image ' + '<span>1</span>' + ' of <span>' + images_no + '</span>');
			 $('.overlay p').fadeIn(1000);
			}

	  });
}