window.addEvent('domready', function(){

	($$('a[rel=external]')).each(function(elem){
		if(	elem.getProperty('href') &&
			elem.getProperty('rel') &&
			elem.getProperty('rel').toLowerCase().indexOf('external') != -1) {
				elem.setProperty('target','_blank');
		}
	});


	$('vlakken').setStyle('display','block');

	function is_int(mixed_var){
		var y = parseInt(mixed_var * 1);
		if (isNaN(y)) {
			return false;
		}
		return mixed_var == y && mixed_var.toString() == y.toString();
	}

	function get_int(stringNo){
		var parsedNo = "";
		for(var n=0; n<stringNo.length; n++){
			var i = stringNo.substring(n,n+1);
			if(is_int(i)){
				parsedNo += i;
			}
		}
		return parseInt(parsedNo);
	}

	function display_inviteform(){
		var display = $('inviteBox').getStyle('display');
		var opacity = $('inviteBox').getStyle('opacity');

		if( display == 'none' || display == 'block' && opacity == 0){
			$('inviteBox').setOpacity(0);
			$('inviteBox').setStyle('display', 'block');
			$('inviteBox').set('tween', {duration: 1000});
			$('inviteBox').fade('in');
		}
	}

	var invite_close =$('invite_close');
	if($defined(invite_close)){
		$('invite_close').addEvent('click', function(e)
		{
			e.stop();
			$('inviteBox').set('tween', {duration: 250});
			$('inviteBox').fade('out');
			//$('inviteBox').setStyle('display', 'none');
		});
	}

	$('example_invite_show').addEvent('click',function(e){
		e.stop();
		target = this.getParent().getPrevious();
		example = $('inviteExample');
		example.replaces(target);
		example.setStyle('display','block');
		height=example.getStyle('height');
		if(height=='0px' ){
			example.morph({height: 80, 'margin-top':15,'margin-bottom':15});
		}else{
			example.morph({height: 0, 'margin-top':0,'margin-bottom':0});
		}
	});

	function set_prijs(id){
		var req = new Request.HTML({
			url: '/getPrize',
			method: 'get',
			onComplete: function(response){

				$('vlakprijs').empty();
				(function(){
					$('vlakprijs').adopt(response)
				}).delay(300);//geef de krasanimatie 300 miliseconden om te laden

				$('vlakken').setProperty('class','gekrabt' + id);

				var jsonRequest = new Request.JSON({
					url: "/getPrizeMoney",
					onComplete: function(response, responsetext){
						//pijl updaten
						$('pijl').set('text','\u20ac ' + response.money).morph({
							'margin-top':response.pijl+'px',
							'background-image':'url(../images/meter/pijl_knip.gif)'
						});
						//kwik updaten, dit is niet het rode deel maar het deel erboven
						$('kwik').morph({height: response.kwik});
					}
				}).get();
			},
			onFailure: function(){
				$('vlakprijs').set('text', 'The request failed.');
			}
		});
		req.send();
	}


	$('vlak_1').addEvent('click', function(){
		jsonRequest = new Request.JSON({
			url: "/canScratch",
			onComplete: function(response, responsetext){
				canScratch = response.canScratch;
				if(canScratch){
					set_prijs(1);
					display_inviteform.delay(2000);
				}else{
					display_inviteform();
				}
			}
		}).get();
	});

	$('vlak_2').addEvent('click', function(){
		jsonRequest = new Request.JSON({
			url: "/canScratch",
			onComplete: function(response, responsetext){
				canScratch = response.canScratch;
				if(canScratch){
					set_prijs(2);
					display_inviteform.delay(2000);
				}else{
					display_inviteform();
				}
			}
		}).get();
	});

	$('vlak_3').addEvent('click', function(){
		jsonRequest = new Request.JSON({
			url: "/canScratch",
			onComplete: function(response, responsetext){
				canScratch = response.canScratch;
				if(canScratch){
					set_prijs(3);
					display_inviteform.delay(2000);
				}else{
					display_inviteform();
				}
			}
		}).get();
	});

	var fromInitial = 'Jouw e-mailadres';
	var forInitial = 'E-mailadres vriend';

	$('from').setProperty('value',fromInitial).setStyle('color','#999999');
	$('for').setProperty('value',forInitial).setStyle('color','#999999');

	$('from').addEvent('focus', function(e){
		var value = this.getProperty('value');
		if( value == fromInitial){
			this.setProperty('value','').setStyle('color','#000000');
		}
	});

	$('from').addEvent('blur', function(e){
		var value = this.getProperty('value');
		if( value == ''){
			this.setProperty('value',fromInitial).setStyle('color','#999999');
		}
	});

	$('for').addEvent('focus', function(e){
		var value = this.getProperty('value');
		if( value == forInitial){
			this.setProperty('value','').setStyle('color','#000000');
		}
	});

	$('for').addEvent('blur', function(e){
		var value = this.getProperty('value');
		if( value == ''){
			this.setProperty('value',forInitial).setStyle('color','#999999');
		}
	});

	$('inviteFormForm').addEvent('submit', function(e){
		e.stop();
		var log_res = $('log_res').empty();
		this.set('send', {onComplete: function(response){
			if(!$defined(response)){
				return
			}
			response = JSON.decode(response,true);
			if($defined(response)){
				//console.log(response);

				if(response.easter) {
					$('inviteEaster').setStyle('display','none');
					$('invite_close').setStyle('display', 'inline');

					img = $('thanksImg');
					imgsrc = img.getProperty('src').replace('wow1000eu.gif','wowbedank.gif');
					img.setProperties({
						'alt': response.msg,
						'src': imgsrc
					});
				} else if(response.sent){
					$('inviteForm').setStyle('display','none');
					img = $('thanksImg');
					imgsrc = img.getProperty('src').replace('box_06.gif','invitesent.gif');
					img.setProperties({
						'alt': response.msg,
						'src': imgsrc
					});
				}else{
					log_res.set('html', response.msg);
				}
			}
		}});
		this.send();
	});
});