// JavaScript Document

$(document).ready(function(){
	
	//corner
	$('#quickcontactBox').corner("10px");
	$('.outerBorder, .outerBorderLast').corner('10px');	
	$('.innerThumb').corner('8px');
	$('.panel').corner('8px');
	$('#bottomBlurb').corner('10px');
	$('#portfolioLinkBox').corner('5px');

	
	//open contact window
	
	$('#openWindow').click(function(){
	
		var position = $('#contactContainer').css('margin-top');
	
		if ( position == '-285px'){
			$('#contactContainer').animate({'margin-top':'-7px'},600);
			
		} else if ( position == '-7px'){
			$('#contactContainer').animate({'margin-top':'-285px'},600);
		
		}
	});// end click function
	
	
	//form submit 
	
	$('.submitButton').click(function(){
		var name = $("input#name").val();
		if (name == "") {
			$('input#name').focus();
			$('label[for="name"]').css('color','#fbdbe9');
			$('span.error').fadeIn();
			return false;
		} else {
			$('label[for="name"]').css('color','#fff')
		}
		
		var email = $("input#email").val();
		if (email == "") {
			$('input#email').focus();
			$('label[for="email"]').css('color','#fbdbe9');
			$('span.error').fadeIn();
			return false;
		} else {
			$('label[for="email"]').css('color','#fff')
		}
		
		var project = $("select#typeofproject option:selected").val();
		if (project == "") {
			$('select#typeofproject').focus();
			$('label[for="typeofproject"]').css('color','#fbdbe9');
			$('span.error').fadeIn();
			return false;
		} else {
			$('label[for="typeofproject"]').css('color','#fff')
		}
		
		var message = $("#comments").val();
		if (message == "") {
			$('textarea#comments').focus();
			$('label[for="message"]').css('color','#fbdbe9');
			$('span.error').fadeIn();
			return false;
		} else {
			$('label[for="message"]').css('color','#fff')
		}
		
		$('div#buttons').prepend('<img id="spinner" src="http://www.chrisarbini.com/testing/images/time-out.gif" alt="" />');
		 
		var dataString = 'name='+ name + '&email=' + email + '&project=' + project + '&message=' + message;
		
		//alert (dataString);
		
		 $.ajax({
		 type: "POST",
		 url: "http://chrisarbini.com/testing/bin/process.php",
		 data: dataString,
		 success: function() {
			$('p.contactInstructions2').fadeOut(); 
		  $('#contactForm').fadeOut(function(){
			$('#contact').append('<p class="thanks">Thanks for your inquiry. I will respond as soon as possible.</p>');
		  });
		 }
	  });
		return false;
									  
	}); // end submit click function
	
	$('.clearButton').click(function(){
		$('span.error').fadeOut('fast');
		$('label').css('color','#fff');
									 
	}); // end clear button function
	
	//close window button
	var inst = $('span#closeWindow');
	
	$(inst).css('opacity','0');
	$('a.closeContact').hover(function(){
		inst.stop().animate({
		opacity:1.0
		},'fast');
		},function(){
		inst.stop().animate({
		opacity:0.0
		},'fast');
	});
	$('a.closeContact').click(function(){
		$('#contactContainer').animate({
			'margin-top':'-285px'},600);
	});
	
	//thumbnail animate effect - uses plugin
	
$('div.boxGlow').css('opacity','0.0');	
$('.innerThumb')

	// dont forget to set background position for .panel for ff2.0 bug ---   $('.panel').css( {backgroundPosition: "-6px -2px"} )
	.mouseover(function(){
		$(this).find('.panel').stop().animate(
			{backgroundPosition:"(-6px -193px)"}, 
			{duration:400}).closest('div.float,div.floatLast').find('div.boxGlow').stop().animate({

										opacity: 1.0},'fast');
		})
	.mouseout(function(){
		$('.panel').stop().animate(
			{backgroundPosition:"(-6px -2px)"}, 
			{duration:400});
		$('div.boxGlow').stop().animate({
										opacity: 0.0},'fast');
		});	
	
	//slideshow
	
	$('#portfolioBoxLg').cycle({
							   fx:'scrollCustom',
							   margin:12,
							   timeout:0,
							   next:'#next',
							   prev:'#prev',
							   speed:600
							   
							   });
	
	

}); //end ready