$(function(){
	// Add icons to link types
	// $("a[href$='.pdf']").addClass("pdf");
	
	$('#secondary .sub-menu li').unwrap();
	$('#secondary li:not(:first)').insertAfter('#secondary li:first');
	$('.questionform label').remove();
	$('p .button').unwrap('<p></p>');
	$('.feature-container').masonry({
	  itemSelector: '.feature-box'
	});
	
});	
	
	// Add class to navigation
	// var baseUrl = "http://etq.com.au";
	// 	$("#secondary li").each(function(){
	// 		var href = $(this).attr("href").replace(baseUrl,"");
	// 		if (href == document.location.pathname) {
	// 			$(this).addClass("current-menu-item");
	// 		}
	// });
	
	// Contact form	
	//set global variables and cache DOM elements for reuse later
	var form = $('#main').find('form'),
		formElements = form.find('input[type!="submit"],textarea'),
		formSubmitButton = form.find('[type="submit"]'),
		errorNotice = $('#errors'),
		successNotice = $('#success'),
		loading = $('#loading'),
		errorMessages = {
			required: '  is required',
			email: 'Please enter a valid email address',
			option: 'Please select an item in the list',
			minlength: ' must be greater than '
		}

	//feature detection + polyfills
	formElements.each(function(){

		//if HTML5 input placeholder attribute is not supported
		if(!Modernizr.input.placeholder){
			var placeholderText = this.getAttribute('placeholder');
			if(placeholderText){
				$(this)
					.addClass('placeholder-text')
					.val(placeholderText)
					.bind('focus',function(){
						if(this.value == placeholderText){
							$(this)
								.val('')
								.removeClass('placeholder-text');
						}
					})
					.bind('blur',function(){
						if(this.value == ''){
							$(this)
								.val(placeholderText)
								.addClass('placeholder-text');
						}
					});
			}
		}

		//if HTML5 input autofocus attribute is not supported
		if(!Modernizr.input.autofocus){
			if(this.getAttribute('autofocus')) this.focus();
		}

	});

	//to ensure compatibility with HTML5 forms, we have to validate the form on submit button click event rather than form submit event. 
	//An invalid html5 form element will not trigger a form submit.
	formSubmitButton.bind('click',function(){
		var formok = true,
			errors = [];

		formElements.each(function(){
			var name = this.name,
				nameUC = name.ucfirst(),
				value = this.value,
				placeholderText = this.getAttribute('placeholder'),
				type = this.getAttribute('type'), //get type old school way
				isRequired = this.getAttribute('required'),
				minLength = this.getAttribute('data-minlength');

			//if HTML5 formfields are supported			
			if( (this.validity) && !this.validity.valid ){
				formok = false;

				console.log(this.validity);

				//if there is a value missing
				if(this.validity.valueMissing){
					errors.push(nameUC + errorMessages.required);	
				}
				//if this is an email input and it is not valid
				else if(this.validity.typeMismatch && type == 'email'){
					errors.push(errorMessages.email);
				}

				this.focus(); //safari does not focus element an invalid element
				return false;
			}

			//if this is a required element
			if(isRequired){	
				//if HTML5 input required attribute is not supported
				if(!Modernizr.input.required){
					if(value == placeholderText){
						this.focus();
						formok = false;
						errors.push(nameUC + errorMessages.required);
						return false;
					}
				}
				else if(!Modernizr.select.required){
					if(value == 0){
						this.focus();
						formok = false;
						errors.push(errorMessages.option);
						return false;
					}
				}
			}

			//if HTML5 input email input is not supported
			if(type == 'email'){ 	
				if(!Modernizr.inputtypes.email){ 
					var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
				 	if( !emailRegEx.test(value) ){	
						this.focus();
						formok = false;
						errors.push(errorMessages.email);
						return false;
					}
				}
			}

			//check minimum lengths
			if(minLength){
				if( value.length < parseInt(minLength) ){
					this.focus();
					formok = false;
					errors.push(nameUC + errorMessages.minlength + minLength + ' characters');
					return false;
				}
			}
		});

		//if form is not valid
		if(!formok){

			//animate required field notice
			$('#req-field-desc')
				.stop()
				.animate({
					marginLeft: '+=' + 5
				},150,function(){
					$(this).animate({
						marginLeft: '-=' + 5
					},150);
				});

			//show error message 
			showNotice('error',errors);

		}
		//if form is valid
		else {
			loading.show();
			$.ajax({
				url: form.attr('action'),
				type: form.attr('method'),
				data: form.serialize(),
				success: function(){
					showNotice('success');
					form.get(0).reset();
					loading.hide();
					$('.questionform form').slideUp();
				}
			});
		}

		return false; //this stops submission of the form and also stops browsers showing default error messages

	});
	
	$('#success a').click(function(){
		$('#success').slideUp('fast');
		$('.questionform form').slideDown('fast');
		return false;
	});

	//other misc functions
	function showNotice(type,data)
	{
		if(type == 'error'){
			successNotice.hide();
			errorNotice.find("li[id!='info']").remove();
			for(x in data){
				errorNotice.append('<li>'+data[x]+'</li>');	
			}
			errorNotice.show();
		}
		else {
			errorNotice.hide();
			successNotice.show();	
		}
	}

	String.prototype.ucfirst = function() {
		return this.charAt(0).toUpperCase() + this.slice(1);
	}