// contact page
// form contact validation
$( '.formContact' ).validate( {
		errorElement: 'li',
		errorPlacement: function( error, element ) {
			error.appendTo( $( '.errors' ) );
		},

		rules: {
			name: {
				required: true
			},
			surname: {
				required: true
			},
			email: {
				required: true,
				email: true
			},
			message: {
				required: true
			}
		},

		messages: {
			name: {
				required: 'Please include your first name'
			},
			surname: {
				required: 'Please include your last name'
			},
			email: {
				required: 'Email address is missing',
				email: 'Email address is invalid'
			},
			message: {
				required: 'Please include a message'
			}
		}
	} );

$( '.fileAdd summary a' ).click( function(){
		$( $( this ).attr( 'href' ) ).slideToggle( 200 );
	} );

$('#add-attachment button').click(function(e){
	e.preventDefault();
	$('#file_text, #hidFileID').val('');
})


// work and project page
;(function(){
	// project thumb transition
	function workSliderHover(){
		$( this ).stop().animate( {
				opacity: 1
			}, 500 );

		$( this ).find( 'span' ).stop().animate( {
				bottom: 0
			}, 500 );
	}

	function workSliderBlur(){
		$( this ).stop().animate( {
				opacity: 0.3
			}, 500 );

		 $( this ).find( 'span' ).stop().animate( {
				bottom: -85
			}, 500 );
	}

	$( '.no-csstransitions .projects.intro a' ).css( { opacity: 0.3 } ).hover( workSliderHover, workSliderBlur );

	// work categories buttons
	function showCategory( e ){
		$( '#work section' ).fadeOut( 500 ).delay( 600 );

		var category = $( this ).attr( 'href' );

		$( '#work header .contents .active' ).removeClass( 'active' );
		$( this ).parent().addClass( 'active' );

		if ( category=='#work' ){
			$( '#work section' ).fadeIn( 500 );
		} else {
			$( category ).fadeIn( 500 );
		}
	}

	$( '#work .contents a' ).click( showCategory );
	$( '#work' ).css( { minHeight: $( '#work' ).height() } );

	if ( window.location.hash != '' ){
		showCategory.call( $( 'a[href$=' +  window.location.hash +']' ) );
	}

	// screens slider
	$( '#project > .screens header' ).append('<div class="navScreens"><span class="prev"><img height="38" width="38" src="../gfx/btnPrev1.png" title="Previous screen" alt="Previous screen"></span><span class="next"><img height="38" width="38" src="../gfx/btnNext1.png" title="Next screen" alt="Next screen"></span></div>')

	function checkControls(e,t,s,allElements,currentElement){
	}
		
	function setHeader(e, slide, slider, allElements, currentElement ){
		allElements = allElements.length || allElements;

		// setting header
		var header = '<span>' + ++currentElement + '</span> / <span>' + allElements + '</span> <b>' + $( slide ).find( 'img' ).attr( 'title' ) + '</b>';
		$( '#project > .screens header h2' ).html( header );

		// setting nav links
		$( '#project > .screens .navScreens span' ).removeClass( 'inactive' )
		if( currentElement>=allElements ){
			$('#project > .screens .navScreens .next').addClass( 'inactive' );
		}
		if( currentElement<=1 ){
			$('#project > .screens .navScreens .prev').addClass( 'inactive' );
		}
	}

	$( '#project .screensSlider' ).serialScroll({
		items:'li',
		prev:'.navScreens .prev',
		next:'.navScreens .next',
		step:1,
		duration:1000,
		force:true,
		interval:7000,
		onBefore:setHeader,
		cycle:false
	});

	$( '#project .navScreens' ).click( function(){
			$( '#project .screensSlider' ).trigger( 'stop' );
		} );

	setHeader( null, $( '#project .screensSlider li:first-child' ), null, $( '#project .screensSlider li' ), 0 );
})();


// team member transition
;(function(){
	function memberSliderHover(){
		$( this ).find( 'b, .skills' ).stop().animate( {
				left: 0
			}, 500 );
	}

	function memberSliderBlur(){
		$( this ).find( 'b, .skills' ).stop().animate( {
				left: -132
			}, 500 );
	}

	$( '.no-csstransitions .member' ).hover( memberSliderHover, memberSliderBlur );
})();


// placeholder script
;(function(){
	var fakeInput = document.createElement( 'input' );
	var placeHolderSupport = ( 'placeholder' in fakeInput );
		
	if ( !placeHolderSupport ){
		function inputFocus(){
			if ( $( this ).val() == $( this ).attr( 'placeholder' ) ){
				$( this ).val( '' );
			}
		}
		function inputBlur(){
			if ( $( this ).val() == '' ){
				$( this ).val( $( this ).attr( 'placeholder' ) );
			}
		}

		$( '[placeholder]' ).focus( inputFocus ).blur( inputBlur ).triggerHandler( 'blur' );
	}
})();

//newsletter
;(function(){
	$('#formNewsletter').submit(function(e){
		e.preventDefault();
		$.ajax({
			  type: 'POST',
			  url: $(this).attr('action'),
			  data: {email: $('#FN-email').val()},
			  'success': function(){
				  $('<p class="thanks">Thanks for signing up!</p>').insertAfter('#formNewsletter legend');
			  }
		})
	});
})();