function checkEmailhome(inputvalue) {
    var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
    return pattern.test(inputvalue);
}

function initHomepage(){
//		uploadScript: "http:///192.168.1.71/upload/",
//http:///192.168.1.71/upload/
	$("#upload").jqUploader({
		uploadScript: "http://www.beterklimaat.nl/upload/",
		afterScript: 'none',
		varName: "data",
		allowedExt:     "*.jpg;*.JPG;*.jpeg;*.JPEG;*.gif;*.GIF;*.mov;*.MOV;*.avi;*.AVI;*.mpg;*.MPG;*.mpeg;*.MPEG;*.mp4;*.MP4;*.3gp;*.3GP",
		allowedExtDesc: "Afbeeldingen en Videos",
		background:	"6db111",
		barColor:	"000000"
	});
// ,jpg|gif|tiff|avi|mpg|mp4|xvid|png|mpeg|mov|qt|movie|rv|mpe|3gp
//        allowedExtDescr:  'Images (*.jpg; *.jpeg; *.png) And Movies (*.avi, *.mpg, *.mpeg)'
	//greenBoxFlashContent
	//aantal: $('#payoff span').html()
	var flashvars = {
		key: ''
	};

	var flashparams = {
		allowScriptAccess: "always",
		wmode: "transparent"
	}

	swfobject.embedSWF("/swf/player.swf", "greenBoxFlashContent", "480", "330", "9.0.0", "", flashvars, flashparams, "");
	swfobject.embedSWF("/swf/reader.swf", "blueBoxFlashContent", "480", "282", "9.0.0", "", flashvars, flashparams, "");

	swfobject.embedSWF("/swf/block5.swf", "block5flash", "239", "213", "9.0.0", "", "", flashparams, "");
	
	swfobject.embedSWF("/swf/pushbox.swf", "pushbox",  "480", "410", "9.0.0", "", "", flashparams, "");


	//$('#greenBoxFlash').click(showGreenboxFrom);
	$('#blue-add').click(showBlueboxFrom);

	$('#gbekijken').click(doTabsGreenBox);
	$('#gdoorsturen').click(doTabsGreenBox);

	$('#bbekijken').click(doTabsBlueBox);
	$('#bdoorsturen').click(doTabsBlueBox);

	$('#green-text').keyup(countChars2);

	$('#blue-text').keyup(countChars);
	$('#form-green').submit(doSubmitGreenForm);
	$('#form-blue').submit(doSubmitBlueFrom);

	//vraagteken tips doen
	//$('#bhelp').attr('href', 'javascript://');
	$('#bhelp').mouseover(function(){
		Tip('Stem op deze inzending:<br /> kies het aantal sterren.');
	});
	$('#bhelp').mouseout(function(){
		UnTip();
	});

	//$('#ghelp').attr('href', 'javascript://');
	$('#ghelp').mouseover(function(){
		Tip('Stem op deze inzending:<br /> kies het aantal sterren.');
	});
	$('#ghelp').mouseout(function(){
		UnTip();
	});
	$('#bclose').click(closePopup);

	$('#bclose2').click(function(){
		closePopup();
		// bluebox tonen
		openBlueboxForm();
		$('#blue-text').focus();
	});

	$('#bradioactie').click(showPopupRadioActie);	
}

function countChars(){
	var l;
	l = 160 - $(this).val().length;
	if(l < 0){
		$(this).val($(this).val().substr(0, 160));
	}
	l = 160 - $(this).val().length;
	$('#blue-text-counter').html('nog ' + l + ' tekens');
}

function countChars2(){
	var l;
	l = 160 - $(this).val().length;
	if(l < 0){
		$(this).val($(this).val().substr(0, 160));
	}
	l = 160 - $(this).val().length;
	$('#green-text-counter').html('nog ' + l + ' tekens');
}


function showGreenboxFrom(){
	showBoxFrom('green');
}
function openBlueboxForm(){
	$('#blue-footer').addClass('open');
	$('#blue-add').css({display: 'none'});
	showBoxFrom('blue');
	// radiocommercialbutton lager zetten
	$('#bradioactie').css('top', '284px');
}
function showBlueboxFrom(){
	if($('#blue-text').val() == ''){
		$('#blue-text').focus();
		alert('Vul jouw idee in');
	}else{
		openBlueboxForm();
	}
}

function showBoxFrom(strType){
	$('#' + strType + 'BoxFRM').css({display:'block'});
	$('#' + strType + 'BoxFlash').animate({height:'toggle'}, 250);
}

function doSubmitGreenForm(){
	$r = true;
	if($('#form-green').find('[name=naam]').val() == '' && $r){
		$('#form-green').find('[name=naam]').focus();
		alert('Vul je naam in');
		$r = false;
	}

	if($('#form-green').find('[name=email]').val() == '' && $r){
		$('#form-green').find('[name=email]').focus();
		alert('Vul je e-mailadres in');
		$r = false;
	}

	if(!checkEmailhome($('#form-green').find('[name=email]').val()) && $r){
		$('#form-green').find('[name=email]').focus();
		alert('Je hebt een ongeldig e-mailadres ingevuld');
		$r = false;
	}

	if(!$('#form-green').find('[name=rechten]').attr('checked') == '1' && $r){
		$('#form-green').find('[name=rechten]').focus();
		alert('Wil je voordat je je foto of video toevoegt bevestigen dat het beeld vrij van rechten is en dat de personen die in beeld zijn hiervoor toestemming hebben gegeven?');
		$r = false;
	}

	if(!$('#form-green').find('[name=voorwaarden]').attr('checked') == '1' && $r){
		$('#form-green').find('[name=voorwaarden]').focus();
		alert('Wil je bevestigen dat je instemt met de voorwaarden voor plaatsing?');
		$r = false;
	}
	return $r;
}
function doSubmitBlueFrom(){
	$r = true;
	if($('#form-blue').find('[name=data]').val() == '' && $r){
		$('#form-blue').find('[name=data]').focus();
		alert('Vul je idee in');
		$r = false
	}
	if($('#form-blue').find('[name=naam]').val() == '' && $r){
		$('#form-blue').find('[name=naam]').focus();
		alert('Je bent vergeten om je naam in te vullen');
		$r = false
	}
	if($('#form-blue').find('[name=email]').val() == '' && $r){
		$('#form-blue').find('[name=email]').focus();
		alert('Je bent vergeten om je e-mailadres in te vullen');
		$r = false
	}
	if(!checkEmailhome($('#form-blue').find('[name=email]').val()) && $r){
		$('#form-blue').find('[name=email]').focus();
		alert('Je hebt een ongeldig e-mailadres ingevuld');
		$r = false;
	}
	if(!$('#form-blue').find('[name=voorwaarden]').attr('checked') == '1' && $r){
		$('#form-blue').find('[name=voorwaarden]').focus();
		alert('Wil je bevestigen dat je instemt met de voorwaarden voor plaatsing?');
		$r = false;
	}
	return $r;
}

function showPopupRadioActie(){
	//alert($(this).attr('id'));
	//blnAnimate = false;
	pageTracker._trackPageview("/homepage/popup-radio-actie");
	$('#popupbg').css({opacity:0, display:'block'}).height($(document).height());
	$('#popupbg').animate({opacity:0.75}, 250);
	$('#bpopup').css({display: 'block'});
	$('#popup').css({display:'block', top:($(window).height() - 410) /2, left:($(document).width() - $('#popup').width()) /2 });
}

function closePopup(){
	$('#popupbg').animate({opacity:0}, 250, function(){
		$('#popupbg').css({opacity:0, display:'none'});
	});
	$('#popup').css({display:'none'});//opacity:0,
	$('#bpopup').css({display: 'none'});
}

$(document).ready(initHomepage);