//var $j = jQuery.noConflict();

$(document).ready(function() { 


	var total = $('#slider img').length;
	var rand = Math.floor(Math.random()*total);

	setTimeout(function(){
		$('#slider').nivoSlider({ 
						effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
						slices:10,
						animSpeed:500, //Slide transition speed
						pauseTime:3000,
						startSlide:rand, //Set starting Slide (0 index)
						directionNav:true, //Next & Prev
						directionNavHide:true, //Only show on hover
						controlNav:true, //1,2,3...
						controlNavThumbs:false, //Use thumbnails for Control Nav
						controlNavThumbsFromRel:false, //Use image rel for thumbs
						controlNavThumbsSearch: '.jpg', //Replace this with...
						controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
						keyboardNav:true, //Use left & right arrows
						pauseOnHover:false, //Stop animation while hovering
						manualAdvance:false, //Force manual transitions
						captionOpacity:0.8, //Universal caption opacity
						beforeChange: function(){},
						afterChange: function(){},
						slideshowEnd: function(){} //Triggers after all slides have been shown
					});
	}, 1000);
	//$('#slider').nivoSlider({ pauseTime:5000, pauseOnHover:false });
	
	
	
	
	

	//console.log('DOM ready');
	var cargoLink = $('#cargoLink');
	var cargoLinkInner = $('#cargoLinkInner');
	var formHolder = $("#gform_1");
	var formTrigger = $('#formTrigger');
	var formHolder = $("#formHolder");
	var contactUs = $("#contactUs");
	var main = $("#main");
	var rightColumn = $("#rightColumn");
	var slider = $('#slider');
	var contactUsInner = $('#contactUsInner');
	
	
	var formFields = $('#gform_fields_1 input:not("#recaptcha_response_field"), #gform_fields_1 textarea');
	
	//console.log('form fields: ' + formFields.length);
	
	formFields.focus(function () {
         $(this).addClass('focused');
    }).blur(function () {
         $(this).removeClass('focused');
    });


	//cargoLinkInner.fadeOut(1000);
	//contactUsInner.fadeOut(1000);
	
	
	cargoLink.hover(
		  function () {
			cargoLinkInner.fadeIn(150);
		  }, 
		  function () {
			cargoLinkInner.fadeOut(250);
		  }
		);

	/*formTrigger.click(
		  function () {
			formHolder.slideToggle(500);
			return false;
		  }
		);*/
	
	//hide the form initially
	formHolder.hide();
	
	contactUs.hover(
		  function () {
			contactUsInner.fadeIn(150);
		  }, 
		  function () {
			contactUsInner.fadeOut(250);
		  }
		).toggle(
		  function () {
			main.hide();
			formHolder.fadeIn(500);
			rightColumn.animate({
				height: 620
			  }, 500, function() {
				// Animation complete.
				slider.data('nivo:vars').stop = true; //Stop the Slider
				contactUs.addClass('return');
				contactUsInner.html('« return to the portfolio');
			  });
			
		  },
		  function () {
			main.fadeIn(500);
			formHolder.hide();
			
			rightColumn.animate({
				height: 540
			  }, 500, function() {
				// Animation complete.
				slider.data('nivo:vars').stop = false; //Start the Slider
				contactUs.removeClass('return');
				contactUsInner.html('contact Blue Ink Design »');
			  });
			
		  }
		);
	
	$('#phone').click( 
		function () {
			$(this).html('phone: (720) 351-3516');
			return false;
		}
	);
	
	/*formTrigger.fancybox({
				//'type': 'inline',
				'autoDimensions': false,
				'width'	: 400,
				'height'	: 500
			});*/


});