/* set shadowbox start up variables */
Shadowbox.loadSkin('classic', '/js/skin'); // use the "classic" skin
Shadowbox.loadLanguage('nl', '/js/lang'); // use the English language
Shadowbox.loadPlayer(['img'], '/js/player'); // use img and qt players

function init() {
	initWindows();
	initDonatie();

	// initiate shadowbox
	if ($$('a[rel=shadowbox]') != '') {
		Shadowbox.init({skipSetup: true});
		Shadowbox.setup($$('a[rel=shadowbox]'));
	}

	// PNG fix
	$$('img[src$=.png]').setStyle('behavior','url(/js/pngFix.htc)');

	/*if ($('doel')) {
		$('doel').addEvent('change', function () {
			//alert($('doel').options[$('doel').selectedIndex].value);
			if ($('doel').options[$('doel').selectedIndex].value == 'Orang-oetans') {
				$('av_oerang_toggle').removeClass('hidden');
			} else {
				$('av_oerang_toggle').addClass('hidden');
			}
		});
	}*/

	if ($('commentaar')) {
		$('commentaar').addEvent('keydown', function (e) {
			if ($(this).value.length === 25 && (
					e.key !== 'backspace' &&
					e.key !== 'enter' &&
					e.key !== 'up' &&
					e.key !== 'down' &&
					e.key !== 'left' &&
					e.key !== 'right' &&
					e.key !== 'delete' &&
					e.key !== 'esc'
			)) {
				new Event(e).stop();
			}
		});
	}

	if ($('target')) {
		
		if ($('target').options[$('target').selectedIndex].value == 'anders') {
			$$('.target_anders').each(function(el) {
				$(el).setStyle('visibility', 'visible');
			});
		} else {
			$$('.target_anders').each(function(el) {
				$(el).setStyle('visibility', 'hidden');
			});
		}
		
		$('target').addEvent('change', function() {
			if ($(this).options[$(this).selectedIndex].value == 'anders') {
				$$('.target_anders').each(function(el) {
					$(el).setStyle('visibility', 'visible');
				});
			} else {
				$$('.target_anders').each(function(el) {
					$(el).setStyle('visibility', 'hidden');
				});
			}
		});
	}
}

function initDonatie() {

	$$('input.date').each(function (el) {
		new vlaDatePicker(el, {
			separator : '-',
			filePath : '_private/',
			alignX : 'center',
			alignY : 'bottom',
			offset : {y : 3},
			style : 'adobe_cs3',
			startMonday : true,
			prefillDate : false
		});
	});

	if ($('eenmaligbedrag')) {
		$('eenmaligbedrag').addEvent('change', function () {
			if ($(this).options[$(this).selectedIndex].value == 'anders') {
				$('eenmaliganders').removeClass('hidden');
				$('eenmaliganders').addClass('inline');
			} else {
				$('eenmaliganders').removeClass('inline');
				$('eenmaliganders').addClass('hidden');
			}
		});
		$('eenmaligbedrag').fireEvent('change');
	}

	if ($('geboortemaand') != null && $('geboortedag') != null && $('geboortejaar') != null) {
        $('geboortedag').addEvent('focus', attachDatum);
		$('geboortedag').addEvent('blur', detachDatum);
        $('geboortemaand').addEvent('focus', attachDatum);
		$('geboortemaand').addEvent('blur', detachDatum);

		/*new vlaDatePicker($('geboortedatum'), {
			separateInput : {day : 'geboortedag', month : 'geboortemaand', year : 'geboortejaar'},
			filePath : '/inc/',
			alignX : 'center',
			alignY : 'bottom',
			offset : {y : 3},
			style : 'adobe_cs3',
			startMonday : true,
			prefillDate : false
		});*/
    }

	if ($('geboortedag') != null) {

        $('geboortedag').addEvent('focus', function (e) {
            if ($('geboortedag').value == 'dd') $('geboortedag').value = '';
        });

        $('geboortedag').addEvent('blur', function (e) {
            if ($('geboortedag').value == '') $('geboortedag').value = 'dd';
        });
    }

    if ($('geboortemaand') != null) {

        $('geboortemaand').addEvent('focus', function (e) {
            if ($('geboortemaand').value == 'mm') $('geboortemaand').value = '';
        });

        $('geboortemaand').addEvent('blur', function (e) {
            if ($('geboortemaand').value == '') $('geboortemaand').value = 'mm';
        });
    }

    if ($('geboortejaar') != null) {

        $('geboortejaar').addEvent('focus', function (e) {
            if ($('geboortejaar').value == 'jjjj') $('geboortejaar').value = '';
        });

        $('geboortejaar').addEvent('blur', function (e) {
            if ($('geboortejaar').value == '') $('geboortejaar').value = 'jjjj';
        });
    }

	if ($('betaling_ideal') && $('betaling_machtiging')) {
		showBetaling();
		$('betaling_ideal').addEvent('click', showBetaling);
		$('betaling_machtiging').addEvent('click', showBetaling);
	}
}

function showBetaling() {
	if ($('betaling_ideal').checked == true) {
		$$('.machtiging').each(function (el) {
			$(el).slide('out');
		});
	} else {
		$$('.machtiging').each(function (el) {
			$(el).slide('in');
		});
	}
}


function attachDatum() {
	$(this).addEvent('keyup', selectDatum);
}

function selectDatum() {
	if ($(this).id == 'geboortedag') {
		if ($('geboortedag').value.length == 2)	{
			$('geboortemaand').select();
		}	
	} else if ($(this).id == 'geboortemaand') {
		if ($('geboortemaand').value.length == 2)	{
			$('geboortejaar').select();
		}
	}
}

function detachDatum() {
	$(this).removeEvent('keyup');
}

function initWindows() {
	
	// voorbeeld doelstelling
	if ($('voorbeeld_doelstelling_content')) {
		$('voorbeeld_doelstelling_content').setStyle('display', 'none');

		var voorbeeld_doelstelling_handler = new Element('a', {
			'id'   : 'voorbeeld_doelstelling_handler',
			'href' : '#',
			'html' : 'voorbeeld'
		});

		$(voorbeeld_doelstelling_handler).inject($('voorbeeld_doelstelling_parent'));

		MochaUI.voorbeeldDoelstellingWindow = function() {
			new MochaUI.Window({
				id		: 'voorbeeld_doelstelling',
				title	: 'Voorbeeld doelstelling',
				content : $('voorbeeld_doelstelling_content').get('html')
			});
		}

		if ($('voorbeeld_doelstelling_handler')){
			$('voorbeeld_doelstelling_handler').addEvent('click', function(e){	
				new Event(e).stop();
				MochaUI.voorbeeldDoelstellingWindow();
			});
		}
	}

	// voorbeeld tekst
	if ($('voorbeeld_tekst_content')) {
		$('voorbeeld_tekst_content').setStyle('display', 'none');

		var voorbeeld_tekst_handler = new Element('a', {
			'id'   : 'voorbeeld_tekst_handler',
			'href' : '#',
			'html' : 'voorbeeld'
		});

		$(voorbeeld_tekst_handler).inject($('voorbeeld_tekst_parent'));

		MochaUI.voorbeeldtekstWindow = function() {
			new MochaUI.Window({
				id		: 'voorbeeld_tekst',
				title	: 'Voorbeeld tekst',
				content : $('voorbeeld_tekst_content').get('html'),
				width	: 400
			});
		}

		if ($('voorbeeld_tekst_handler')){
			$('voorbeeld_tekst_handler').addEvent('click', function(e){	
				new Event(e).stop();
				MochaUI.voorbeeldtekstWindow();
			});
		}
	}

	// send a friend optie
	MochaUI.sendafriend = function (){ 
		new MochaUI.Window({
			id: 'window_sendafriend',
			title: 'Vertel het anderen!',
			loadMethod: 'iframe',
			contentURL: 'sendafriend',
			width: 500,
			height: 400,
            resizable: true,
            minimizable : false,
            maximizable: false
		});
	}

	if ($('sendafriend')){
		$('sendafriend').addEvent('click', function(e){	
			new Event(e).stop();
			MochaUI.sendafriend();
		});
	}

	MochaUI.buitenland = function() {
		new MochaUI.Window({
			id		: 'buitenland_window',
			title	: 'Doneren vanuit het buitenland',
			content : '<p>Kunt u alstublieft zelf een opdracht aan uw bank geven om, al dan niet periodiek, een geldbedrag over te maken op giro 242 t.n.v. WSPA Nederland, Swift IBAN: NL 69 PSTB 0000000242 & BIC: PSTBNL21.</p><p>Belgische donateurs kunnen een bijdrage overmaken via rekeningnummer 523-0801208-63 van de Triodosbank in Brussel, of een bestendige opdracht afsluiten bij hun eigen bank.</p>',
			width	: 400
		});
	}

	if ($('buitenland_handler')){
		$('buitenland_handler').addEvent('click', function(e){	
			new Event(e).stop();
			MochaUI.buitenland();
		});
	}

	MochaUI.av = function() {
		new MochaUI.Window({
			id		: 'av_window',
			title	: 'Algemene voorwaarden',
			content : $('av_content').get('html'),
			width	: 500,
			height  : 500
		});
	}

	if ($('av_handler')){
		$('av_handler').addEvent('click', function(e){	
			new Event(e).stop();
			MochaUI.av();
		});
	}

	MochaUI.av_oerang = function() {
		new MochaUI.Window({
			id		: 'av_window_oerang',
			title	: 'Algemene Voorwaarden WSPA Dierenkampioen, orang-oetan challenge',
			content : $('av_content_oerang').get('html'),
			width	: 500,
			height  : 500
		});
	}

	if ($('av_oerang_handler')){
		$('av_oerang_handler').addEvent('click', function(e){	
			new Event(e).stop();
			MochaUI.av_oerang();
		});
	}

	MochaUI.persbericht = function() {
		new MochaUI.Window({
			id		: 'persbericht_window',
			title	: 'Persbericht',
			content : '<h1>---- PERSBERICHT ----</h1><p><strong>Dierenkampioen X in actie voor mishandelde beren</strong></p><p>Sinds (datum) heeft (gemeente) er een Dierenkampioen bij. A. de Vries draagt dieren een warm hart toe. Hij heeft zich dan ook aangemeld bij dierenwelzijnsorganisatie WSPA als Dierenkampioen. Met behulp van een sponsorfietstocht hoopt A. zoveel mogelijk geld binnen te halen voor hulp aan mishandelde beren.</p><p>A. de Vries: &#034;Op diverse plaatsen in de wereld worden beren mishandeld, misbruikt of bedreigd. Ze worden bijvoorbeeld ingezet als toeristisch vermaak en gedwongen om te dansen of blootgesteld aan agressieve honden tijdens beer-hondengevechten. Ik wil WSPA graag helpen deze beren te redden.&#034;</p><p>Daarom organiseert A. op (datum) een sponsorfietstocht. Hij gaat proberen om in twee uur tijd zoveel mogelijk fietskilometers af te leggen. Elke gesponsorde kilometer levert vijftig cent op. Hij hoopt minimaal &euro; 750,- binnen te halen voor de beren.</p><p>Iedereen die deze Dierenkampioen wil steunen, wordt opgeroepen zich aan te melden als sponsor. Dat kan via e-mail adevries@Dierenkampioen.nl of per telefoon via 06-123456. Ook kunnen belangstellenden contact opnemen voor meer informatie.</p><h1>--- EINDE BERICHT ----</h1>',
			width	: 400,
			height	: 400
		});
	}

	if ($('persbericht_handler')){
		$('persbericht_handler').addEvent('click', function(e){	
			new Event(e).stop();
			MochaUI.persbericht();
		});
	}
}

$(window).addEvent('domready', init);