window.addEvent('domready', function(){
	// Trin 1
	if ($('form_step1')){
		// Tjek "Vælg beløb" og tilføj onchange til at vise/skjule "Indtast beløb"
		if ($('select_value')){
			$('select_value').addEvent('change', function(){
				if (this.value == 'custom'){
					display('custom_value_container', 'show')
				}
				else{
					display('custom_value_container', 'hide');
				}
			});
		}
		
		// Tjek "Modtager type" og tilføj onclick til at vise/skjule "Modtager email"
		if ($('radio_recipient_self')){
			$('radio_recipient_self').addEvent('click', function(){
				display('recipient_container', 'hide');
			});
		}
		if ($('radio_recipient_other')){
			$('radio_recipient_other').addEvent('click', function(){
				display('recipient_container', 'show');
			});
		}
		
		// Tjek "Gavekort udsendelse" og tilføj onclick til at vise/skjule "Afsendelses dato"
		if ($('radio_send_now')){
			$('radio_send_now').addEvent('click', function(){
				display('send_date_container', 'hide');
			});
		}
		if ($('radio_send_date')){
			$('radio_send_date').addEvent('click', function(){
				display('send_date_container', 'show');
			});
		}
		
		// Tilføj onsubmit til formularen for at tjekke alle felter
		$('form_step1').addEvent('submit', function(){
			// Return værdi
			var ret = true;
			
			// Tjek beløb select
			if ($('select_value').value == ''){
				highlight('select_value', 'on');
				ret = false;
			}
			else{
				highlight('select_value', 'off');
			}
			
			// Tjek beløb select, og indtast værdi input
			var custom_value = parseInt($('input_custom_value').value);
			if ($('select_value').value == 'custom' && (custom_value == '' || custom_value == 'Indtast beløb' || isNaN(custom_value) || custom_value < $('input_custom_value_min').value || custom_value > $('input_custom_value_max').value || $('input_custom_value').value.indexOf('.') != -1)){
				highlight('input_custom_value', 'on');
				ret = false;
			}
			else{
				highlight('input_custom_value', 'off');
			}
			
			// Tjek send til modtager
			if ($('radio_recipient_other').checked && ($('input_recipient').value == '' || $('input_recipient').value.indexOf('@', 1) == -1 || $('input_recipient').value.indexOf('.', 2) == -1)){
				highlight('input_recipient', 'on');
				ret = false;
			}
			else{
				highlight('input_recipient', 'off');
			}
			
			// Tjek dato for udsendelse
			if ($('radio_recipient_other').checked && $('radio_send_date').checked && ($('input_send_date').value == '' || $('input_send_date').value == 'Vælg dato')){
				highlight('input_send_date', 'on');
				ret = false;
			}
			else{
				highlight('input_send_date', 'off');
			}
			
			// Returner...
			if (ret == false){
				alert('Ret venligst de markerede felter');
				return false;
			}
			else{
				return true;
			}
		});
	}
	
	// Trin 2
	if ($('form_step2')){
		// Sæt onlick på "Tilbage" til at redirecte til trin 1
		if ($('back_button')){
			$('back_button').addEvent('click', function(){
				window.location.href = 'step1.php';
				return false;
			});
		}
		
		// Hent alle <div> med class "background_container"
		var elements = $$('div#content div.background_container');
		var i;
		if (elements && elements.length > 0){
			// Loop igennem
			for (i = 0; i < elements.length; i++){
				elements[i].addEvent('click', function(){
					// Standard border-color til alle billeder
					var elements = $$('div#content div.background_container');
					var i;
					if (elements && elements.length > 0){
						for (i = 0; i < elements.length; i++){
							$(elements[i]).setStyle('border-color', '#E6E6E6');
						}
					}
					// Skjul formen til at uploade billeder
					if ($(this).className.search('show_upload') == -1){
						display('form_upload_image', 'hide');
					}
					// Skift border-color
					$(this).setStyle('border-color', '#666666');
					// Skriv værdi til skjulte input felt
					$('input_background').value = $(this).id;
				});
			}
		}
		
		// Hent alle links til at vise upload-form (step2)
		var elements = $$('div#content .show_upload');
		var i;
		if (elements && elements.length > 0){
			// Loop igennem
			for (i = 0; i < elements.length; i++){
				elements[i].addEvent('click', function(){
					display('form_upload_image', 'show');
				});
			}
		}
		
		// Tilføj en form-submit-action på vælg-fil-feltet (step2)
		if ($('file_upload_image')){
			$('file_upload_image').addEvent('change', function(){
				$('form_step2').set('action','?upload_background=1');
				$('form_step2').submit();
			});
		}
		
		// Tilføj onsubmit til formularen for at tjekke alle felter
		$('form_step2').addEvent('submit', function(){
			// Return værdi
			var ret = true;
			
			// Tjek om der er valgt et baggrundsbillede
			if ($('input_background').value == ''){
				ret = false;
			}
			
			// Returner...
			if (ret == false){
				alert('Vælg venligst et billede');
				return false;
			}
			else{
				return true;
			}
		});
	}
});

// Funktion til at "highlighte" et element
function highlight(elm, action){
	switch (action){
		case 'on':
			$(elm).className = $(elm).className+' highlight';
		break;
		case 'off':
			$(elm).className = $(elm).className.replace(' highlight', '');
		break;
	}
}


// Funktion til at vise, skjule, eller vise/skjule elementer
function display(elm, action){
	switch (action){
		case 'toggle':
			if ($(elm).getStyle('visibility') != 'hidden'){
				display(elm, 'hide');
			}
			else{
				display(elm, 'show');
			}
		break;
		case 'show':
			$(elm).setStyle('visibility', 'visible');
			$(elm).setStyle('display', 'block');
		break;
		case 'hide':
			$(elm).setStyle('visibility', 'hidden');
			$(elm).setStyle('display', 'none');
		break;
		default:
			display(elm, 'show');
		break;
	}
}

// Funktioner til at finde information om brugerens browser
function f_clientWidth(){
	return f_filterResults(
		window.innerWidth ? window.innerWidth : 0,
		document.documentElement ? document.documentElement.clientWidth : 0,
		document.body ? document.body.clientWidth : 0);
}
function f_clientHeight(){
	return f_filterResults(
		window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0);
}
function f_scrollLeft(){
	return f_filterResults(
		window.pageXOffset ? window.pageXOffset : 0,
		document.documentElement ? document.documentElement.scrollLeft : 0,
		document.body ? document.body.scrollLeft : 0);
}
function f_scrollTop(){
	return f_filterResults(
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0);
}
function f_filterResults(n_win, n_docel, n_body){
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		{
		n_result = n_docel;
		}
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}
function popup(url, title, width, height){
	var width = width > 0 ? width : 600;
	var height = height > 0 ? height : 400;
	var screenY = (f_clientHeight() / 2) - (height / 2);
	var screenX = (f_clientWidth() / 2) - (width / 2);
	
	var params = 'width='+width+',height='+height+',screenY='+screenY+',screenX='+screenX+',location=yes,menubar=yes,resizeable=yes,scrollbars=no';
	window.open(url,title,params);
}