/* Eldesign 2009 - Functions */
$(document).ready(function() {
	
// Calling sIFR
	if(typeof sIFR == "function"){
    	sIFR.replaceElement(".altfont", named({sFlashSrc: "swf/kozuka_l.swf", sColor: "#FFFFFF", sWmode: "transparent", sFlashVars: "textalign=right"}));
    	sIFR.replaceElement(".altfontl", named({sFlashSrc: "swf/kozuka_l.swf", sColor: "#FFFFFF", sWmode: "transparent", sFlashVars: "textalign=left"}));
    	sIFR.replaceElement(".label", named({sFlashSrc: "swf/kozuka_r.swf", sColor: "#FFFFFF", sWmode: "transparent", sFlashVars: "textalign=left"}));
    	sIFR.replaceElement("#cstory", named({sFlashSrc: "swf/kozuka_r.swf", sColor: "#FFFFFF", sWmode: "transparent", sFlashVars: "textalign=left"}));
    	sIFR.replaceElement(".casefont", named({sFlashSrc: "swf/kozuka_l.swf", sColor: "#FFFFFF", sWmode: "transparent", sFlashVars: "textalign=right"}));
    	sIFR.replaceElement(".caseifont", named({sFlashSrc: "swf/kozuka_l.swf", sColor: "#FFFFFF", sWmode: "transparent", sFlashVars: "textalign=left"}));
	};
		
// Slideshow in de Home Links
	$('.linkabout, .linkportfolio, .linkcontact').cycle({ 
		    fx:    'scrollDown', 
		    delay: 2000 
	});
	
// Page Navigation sliding..
	$('#hnav, .pnav').localScroll( {
		duration: 1500,
		axis: 'x',
		onBefore: function(e, anchor, $target) {
		    $('.outer').removeClass('important');
		},
		onAfter: function(e, anchor, $target) {
		    $(e).addClass('important');
		}
	} );
	
// Portfolio navigation sliding..
	$('.outer').each(function() {
		var wrapper = this.id;
		$('#portfolio_sidebar', this).localScroll( {
			target: $('#pcontent', this), 
			duration: 1500,
			hash: false,
			axis: 'yx',
			queue: true,
			onBefore: function(e, anchor, $target, $wrapper){ 
				$('.' + wrapper + 'scrolling').removeClass(wrapper + 'scrolling');
				$(this).addClass(wrapper + 'scrolling');
				this.blur();
			}
		} );
		$('li.sub p, li.sub li', this).localScroll( {
			target: $('#pcontent', this), 
			axis: 'xy',
			queue: true,
			hash: false,
			duration: 1500
		} );					
	} );
	
// Portfolio Accordion Links
	$("#portfolio_sidebar").accordion({
		event: "mouseover",
		header: ".stitle"
	});
	// zoom a image when clicked
	$(".gallery1, .gallery2").fancybox({
			'hideOnContentClick': true,
			'overlayShow': true,
			'zoomSpeedIn': 600,
			'zoomSpeedOut': 500,
			'easingIn': 'easeOutBack',
			'easingOut': 'easeInBack'
	});
	// zoom a image when clicked
	$(".casezoom").fancybox({
			'hideOnContentClick': true,
			'overlayShow': false,
			'zoomSpeedIn': 600,
			'zoomSpeedOut': 500,
			'easingIn': 'easeOutBack',
			'easingOut': 'easeInBack'
	});
	
// Contact Us Functions
	// Get the secret code from the cookie
	$.get('scripts/token.php',function(txt){
		$('#contact_form').append('<input type="hidden" id="ts" name="ts" value="'+txt+'" />');
	});
	
	//Check if a valid email is inserted
	var email = $('#mail');
	var emailvak = $('#mailvak');
	function validateEmail(){
		//testing regular expression
		var a = $("#mail").val();
		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("error");
			$('#mailtext').hide('blind');
			$('#mailtext').remove();			
			return true;
		}
		//if nothing is inserted yet, we don't want to rush the visitor, so let's show no warning
		else if(a == ''){
			email.removeClass("error");
			$('#mailtext').hide('blind');
			$('#mailtext').remove();
			return false						
		}
		//if it's NOT valid
		else{
			email.addClass('error');
			emailvak.append('<div id="mailtext" class="left">Vult u aub een echt email adres in..</div>');
			$('#mailtext').show('blind');
			return false;
		}
	}
	
	//Check if a valid name is inserted
	var name = $('#fullname');
	var namevak = $('#namevak');
	function validateName(){
		//again no warning yet, when nothing is inserted
		if(name.val() == ""){
			name.removeClass('error');
			$('#nametext').hide('blind');
			$('#nametext').remove();
			return false;
		}
		//testing the length, if invalid.
		else if (name.val().length < 4) {
			name.addClass('error');
			namevak.append('<div id="nametext" class="left">Uw naam kan niet zo klein zijn, wij verzoeken u uw voor- en achternaam in te vullen..</div>')
			$('#nametext').show('blind');
			return false
		}
		// if valid
		else {
			name.removeClass('error');
			$('#nametext').hide('blind');
			$('#nametext').remove();
			return true;
		}
	}
	
	//Check if a real question is asked in the message field
	var msg = $('#ctextarea');
	var msgvak = $('#msgvak');
	function validateMsg(){
		//again no warning yet, when nothing is inserted
		if(msg.val() == ""){
			msg.removeClass('error');
			$('#msgtext').hide('blind');
			$('#msgtext').remove();
			return false;	
		}
		//testing the length, if invalid.
		else if (msg.val().length < 10) {
			msg.addClass('error');
			msgvak.append('<div id="msgtext" class="left">Verdoet u niet onze tijd? Schrijf minimaal 1 zin..</div>')
			$('#msgtext').show('blind');
			return false;
		}
		// if valid
		else {
			msg.removeClass('error');
			$('#msgtext').hide('blind');
			$('#msgtext').remove();
			return true;
		}
	}
		
	// Execute the validate functions
	email.blur(validateEmail);
	name.blur(validateName);
	msg.blur(validateMsg);
	
	$('#csubmit').click(function(){
	if(validateEmail() & validateName() & validateMsg() == true) {
		var fullname = $('#fullname').attr('value');
		var email = $('#mail').attr('value');
		var company = $('#acompany').attr('value');
		var msg = $('#ctextarea').attr('value');
		var ts = $('#ts').attr('value');
		$.ajax({
			url: 'scripts/contact.php',
			type: "POST",
			data: "name="+fullname+"&email="+email+"&company="+company+"&message="+msg+"&ts="+ts,
			success: function(feedback){
				$('#cmsg').html(feedback);
				$('#cmsg').show('blind');
				$('#fullname, #mail, #acompany, #ctextarea, #ts').val('');
				setTimeout('$("#cmsg").hide("blind")',2500)
				$.get('scripts/token.php',function(txt){
					$('#ts').val(txt);
				});
			}
		});
	}
	else {
		$('#cmsg').html('<h2>Er gaat iets niet goed!</h2>Kijk even of u alles hebt ingevuld.');
		$('#cmsg').show('shake');
		setTimeout('$("#cmsg").hide("blind")',3000)
		$.get('scripts/token.php',function(txt){
			$('#ts').val(txt);
		});		
	}
	});
});