/*!
Scripts for ditisfris.nl
(C)Copyright 2010 - ditisfris b.v. / Joris Bruring
*/

$(document).ready(function(){
	var offset = 18;

	// Setup hyperlinks
	var jump = function(e) {
		e.preventDefault();
		$.scrollTo(this.hash || 0, 1000, {offset: {top:-18, left:0} });
		return true;
	};
	$('a[href*=#]').bind("click", jump);
	$('a[rel=external]').attr('target','_blank');

	// Setup body elements
	$('body').supersleight({shim: 'dif/js/x.gif'});
	$('#menu').corner();
	$('.article').corner("20px");

	// Initialize form
	$("#formsamples").css("display","none");
	$("#formresponse").css("display","none");
    if ($("#samples").is(":checked")) {
		$('#formulier').css({height:($('#formulier').height()+$('#formsamples').height())+"px"});
		$("#formsamples").show("fast");
	}

	// Bind scrolling to #menu fade-in and -out
	$(window).bind('scrollstart', function(){
		$('#menu').fadeOut(300);
    });
	$(window).bind('scrollstop', function(e){
		if (18+$(window).scrollTop() > $('#articles').offset().top) {
			offset = 18+$(window).scrollTop()+"px";
		} else {
			offset = $('#articles').offset().top+"px";
		}
		$('#menu').fadeIn(1000);
		$('#menu').css({top:offset});
    });
	
	// Reinitialize menu on resize window
	$(window).resize(function() {
	$('#menu').hide();	
	$('#menu').css({left:($('#articles').offset().left-$('#menu').width()-30)+"px"});
	$('#menu').fadeIn(500);
	});

	// Contact form stuff
	var options = {
		target:			'#formresponse',
		beforeSubmit:	validate,
		success:		success,
		url:			'dif/post.php',
		type:			'post'
	};

	$('#contactform').ajaxForm(options);

	// Contact form: show/hide options when samples is checked
	$("#samples").click(function(){
        if ($("#samples").is(":checked"))
        {
			$('#formulier').animate({
				height: $('#formulier').height()+$('#formsamples').height()
			}, 'fast');
			
            $("#formsamples").show("fast");
        }
        else
        {     
            $("#formsamples").hide("fast");
			$('#formulier').animate({
				height: $('#formulier').height()-$('#formsamples').height()
			}, 'fast');			
        }
    });
	
	// Show/hide default values in input fields
	$('.default-value').each(function() {
		if (this.value == "verstuur") { return; }
		var default_value = this.value;
		$(this).focus(function() {
			if(this.value == default_value) {
				this.value = '';
				$(this).css('color', '#333');
				}
		});
		$(this).blur(function() {
			if(this.value == '') {
				$(this).css('color', '#777');
				this.value = default_value;
			}
		});
	});

	
	// Validate the form before sending it
	function validate(formData, jqForm, options) { 
		var form = jqForm[0]; 
	    if (form.telefoon.value == "telefoonnummer" && form.email.value == "e-mail adres") { 
			alert('Vul alsjeblieft je telefoonnummer of e-mailadres in zodat we contact met je kunnen opnemen.'); 
			return false; 
	    }
		if ($("#samples").is(":checked")) {
		    if (form.adres.value == "adres" || form.postcode.value == "postcode"  || form.woonplaats.value == "woonplaats") { 
				alert('Vul alsjeblieft je volledige adres in zodat we de samples kunnen versturen.'); 
				return false; 
			}	
		}
	};

	// Show response after sending the form
	function success(responseText, statusText, xhr, $form)  {
		$('#menu').fadeOut(200);
		$('#formulier').hide("slow", function() {$('#formresponse').show("slow");});
		$('#menu').css({left:($('#articles').offset().left-$('#menu').width()-30)+"px",top:$('#articles').offset().top+"px"});
		$('#menu').fadeIn(500);
	};
});

$(window).load(function(){
	// Show menu after all page elements have loaded
	$('#menu').css({left:($('#articles').offset().left-$('#menu').width()-30)+"px",top:$('#articles').offset().top+"px"});
	$('#menu').fadeIn(500);
});