var userID = 0;
var uploadError;

$(document).ready(function(){

	$("#logo").click(function () {
		document.location.href="?page=welkom";
	});
	
	$("#stemButton").click(function() {
		$.get("vote.php", { 
				VIDEOID: vid,
				NAAM:$("#win_naam").val(),
				ADRES:$("#win_adres").val(),
				POSTCODE:$("#win_postcode").val(),
				PLAATS:$("#win_woonplaats").val(),
				EMAIL:$("#win_email").val()
			}, function() {
			
			$.cookie('xdt_vote_'+vid, "voted", { expires: 365 });
			
			$('#voteText').css("display","none");
			$('#stemButton').css("display","none");
			$('#votedText').css("display","block");
			
		});
		//alert(vid);
	});

	
	
	$(".win_form").change(function(){
		$.cookie('xdt_'+$(this).attr('id'), $(this).val(), { expires: 365 });
		if ($(this).val()=="") {
			$(this).labelify({ labelledClass: "winFormLabels" });
		}
	});
	
	$(".win_form").each(function( intIndex ){
		if ($.cookie('xdt_'+$(this).attr('id')) != null && $.cookie('xdt_'+$(this).attr('id')) != '') {
			$(this).val($.cookie('xdt_'+$(this).attr('id')));
		} else {
			$(this).labelify({ labelledClass: "winFormLabels" });
		}
	});
	
	
	if ($.browser.msie) {
		//weird internet explorer bug... 
		$("#footer").find("a").css("top","0px");
	}
	
	movieNum = parseInt($.cookie('xdt_clip'));
	if (movieNum > 0) {
		movieNum += 1;
		if (movieNum > 3) movieNum = 1;	
		//alert(movieNum);
		$.cookie('xdt_clip', movieNum, { expires: 365 });
	} else {
		$.cookie('xdt_clip', '1', { expires: 365 });
	}
	
	$("#clipselect1").click(function () {
		$("#clipselect").removeClass("bg2").removeClass("bg3").addClass("bg1");
		$.cookie('xdt_clip', '2', { expires: 365 });
		$("#pl_main").load("/loadmovie.php?movie=1");
	});
	$("#clipselect2").click(function () {
		$("#clipselect").removeClass("bg1").removeClass("bg3").addClass("bg2");
		$.cookie('xdt_clip', '3', { expires: 365 });
		$("#pl_main").load("/loadmovie.php?movie=2");
	});
	$("#clipselect3").click(function () {
		$("#clipselect").removeClass("bg1").removeClass("bg2").addClass("bg3");
		$.cookie('xdt_clip', '1', { expires: 365 });
		$("#pl_main").load("/loadmovie.php?movie=3");
	});


	$(".movieclip").mouseenter(function() {
		$(this).find(".clipInfo").slideDown("fast");
	});
	$(".movieclip").mouseleave(function() {
		$(this).find(".clipInfo").slideUp("fast");
	});
	

	doFont = true;

	swfobject.addDomLoadEvent(function() {
	if (doFont) {
	    $('h2').jFEF({
	        swfUrl: "jfef.swf",
	        fontUrl: "fonts/xdra_heavy.swf",
	        size: 30, 
	        width: 400,
	        height: 40,
	        letterspacing: -1,
	        color: '#339900'
			
	    });
	    $('h1').jFEF({
	        swfUrl: "jfef.swf",
	        fontUrl: "fonts/xdra_heavy.swf",
	        size: 35, 
	        width: 400,
	        height: 40,
	        letterspacing: -1,
	        color: '#00264c'
			
	    });
	    $('#sideheadertext').jFEF({
	        swfUrl: "jfef.swf",
	        fontUrl: "fonts/xdra_heavy.swf",
	        size: 25, 
	        width: 300,
	        height: 40,
	        letterspacing: -1,
	        color: '#08afd8'
			
	    });
	
	
	
	
	}
	});
	
	
	
	/* doe mee formulier */


	gotoStep(1); /*actieveer formulier */

	$('#dostep1').click(function() {
		gotoStep(1); 
		return false;
	});	
	$('#dostep2').click(function() {
		gotoStep(2);
		return false;
	});
	$('#dostep3').click(function() {
		gotoStep(3);
		return false;
	});
	
	

	         
 	// submit actions
 
    $('#formStep1').bind('submit', function() {
    	error = false;
    	if (!$('#akkoord').attr("checked")) {
  				error = true;
    			$('#akkoord').focus();
    			$('#akkoordText').addClass("redText");
		}
    	if (!$('#geslachtm').attr("checked") && !$('#geslachtv').attr("checked")) {
  				error = true;
    			$('#geslachtmtext').addClass("redText");
    			$('#geslachtvtext').addClass("redText");
		}
    	if (!checkEmail($('#email').val())) {
    		error = true;
    		$('#email').addClass("fieldError").focus();			    	
    	}
    	
    	if ($('#telefoon').val().length < 10) {
    		error = true;
    		$('#telefoon').addClass("fieldError").focus();
    	} 	 		

		if ($('#leeftijd').val() == "") {
    		error = true;
    		$('#leeftijd').addClass("fieldError").focus();
    	}
			
    	if ($('#plaats').val() == "") {
    		error = true;
    		$('#plaats').addClass("fieldError").focus();
    	} 	 	

    	if ($('#postcode').val().length < 6) {
    		error = true;
    		$('#postcode').addClass("fieldError").focus();
    	} 	 		

    				    				    	
    	if ($('#adres').val() == "") {
    		error = true;
    		$('#adres').addClass("fieldError").focus();
    	} 	
    				    				    	
    	if ($('#achternaam').val() == "") {
    		error = true;
    		$('#achternaam').addClass("fieldError").focus();
    	} 	
    				    				    	
    	if ($('#voornaam').val() == "") {
    		error = true;
    		$('#voornaam').addClass("fieldError").focus();
    	} 	
	
    	

            
        
        if (error) {
        	//$(".errorMessage").slideDown("fast");
        } else {
            //$(".waitMessage").slideDown("fast");
        	$(this).ajaxSubmit({
                dataType: 'script'
            	//target: '#output'
            });
        }
        return false; 
        
    });
    
    // revert styles
    $('#akkoord').click(function() {
    	$('#akkoordText').removeClass("redText");
    });
    $('#geslachtm').click(function() {
    	$('#geslachtmtext').removeClass("redText");
    	$('#geslachtvtext').removeClass("redText");
    });
    $('#geslachtv').click(function() {
    	$('#geslachtmtext').removeClass("redText");
    	$('#geslachtvtext').removeClass("redText");
    });
    $('input').keypress(function() {
		$(this).removeClass("fieldError");
    	$(".errorMessage").slideUp("fast");
    	$(".successMessage").slideUp("fast");
    });
   	$('select').change(function() {
		$(this).removeClass("fieldError");
    	$(".errorMessage").slideUp("fast");
    	$(".successMessage").slideUp("fast");
    });
		        
	$('#uploadButton').fadeTo("slow", 0.3); 	
	//file upload
	$('#fileInput').uploadify({
		'uploader'  : '/uploadify.swf',
		'script'    : '/uploadify.php',
		'cancelImg' : 'images/cancel.png',
		'auto'      : false,
		'folder'    : '/uploads',
		'buttonText': 'kies filmpje',
		'fileDesc'	: 'Kies het filmpje van jouw coolste trick...',
		'fileExt'	: '*.wmv;*.3gp;*.avi;*.mov;*.mp4;*.mpeg;*.mpg;*.mkv',
		'sizeLimit'	: 1024 * 1024 * 100,
		onSelect: function(event,queueID, fileObj) {
			uploadError = false;
			if(fileObj.size<=1024 * 1024 * 100) {
				$('#pleaseSelect').hide();
				$('#fileInput').uploadifySettings('scriptData', {'id' : userID});
				$('#uploadButton').fadeTo("slow", 1);				
			} else {
				alert('Oops! Het geselecteerde bestand is te groot.\nHet filmpje mag maximaal 100MB groot zijn.');	
				setTimeout(function(){ 				
					$('#fileInput').uploadifyCancel(queueID);				
				}, 500);			
			}
		},
		onError: function(event,queueID,fileObj,errorObj) {
			uploadError = true;
			alert('Helaas, er is iets fout gegaan... \nProbeer het later nog een keertje!');
		},
		onCancel: function(event,queueID, fileObj) {
			$('#pleaseSelect').slideDown();
			$('#uploadButton').fadeTo("slow", 0.3);
		},
		onAllComplete : function(event,data) {
			if (!uploadError) gotoStep(3);
		}
	});
	$('#uploadButton').click(function(){
		$('#fileInput').uploadifyUpload();		
	});
	


});
		



function gotoStep(step) {

	$('#step0').hide();
	$('#step1').hide();
	$('#step2').hide();
	$('#step3').hide();
	$('#formtop').removeClass("formtop1").removeClass("formtop2").removeClass("formtop3");
	switch (step) {
		case 1:
			$('#step1').show();
			$('#formtop').addClass("formtop1");
		break;
		case 2:
			$('#step2').show();
			$('#formtop').addClass("formtop2");
		break;
		case 3:
			$('#step3').show();
			$('#formtop').addClass("formtop3");
		break;

	}	
	
}
function checkEmail(str) {
	var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	return filter.test(str);
}
function formSuccess() {
	gotoStep(2);
	return false;
}