function showColors(){
		setTimeout("showColors_jqry()",350);
}
function showColors_jqry(){
	$("#colorContentHolder").slideDown('fast');
}

function showTekst(){
	setTimeout("showTekst_jqry()",200);
}
function showTekst_jqry(){
	$("#tekstContentHolder").slideDown('fast');
}

function showImageField(){
	setTimeout("showImageField_jqry()",200);
}
function showImageField_jqry(){
	$("#imgContentHolder").show();
}

function showSize(){
	setTimeout("showSize_jqry()",200);
}
function showSize_jqry(){
	$("#sizeContentHolder").slideDown('fast');
}


function checkKleuren(){
	if(document.getElementById('foregroundcolor').value != '' && document.getElementById('backgroundcolor').value != ''){
		document.getElementById('volgende_2').disabled=false;
		document.getElementById('volgende_2').className = 'button gaverder';
	}
}

function checkFontAndText(maxLength){
	var maxL = parseInt(maxLength);
	var radioGrp = document.forms[0].font;
	for (var i = 0; i< radioGrp.length; i++) {
		if (radioGrp[i].checked) {
			if(document.getElementById('penzContent').value.length > 5 && document.getElementById('penzContent').value.length < maxL){
				document.getElementById('volgende_3').disabled=false;
				document.getElementById('volgende_3').className = 'button gaverder';
			}
		}
	}
}

function limitTextArea(veld, maximum, telveld){
	if (veld.value.length > maximum)
		veld.value = veld.value.substring(0, maximum);
	else
		document.getElementById(telveld).firstChild.nodeValue = (maximum - veld.value.length);
}

$(document).ready(function() {

	$.get("/data/token.ajax",function(txt){
		$(".securedForm").append('<input type="hidden" name="ts" value="'+txt+'" />');
	});

	$("#colorContentHolder").hide();
	$("#tekstContentHolder").hide();
	$("#sizeContentHolder").hide();
	$("INPUT.spinButton").addClass("spinButton spinButtonImg");
	$("INPUT.spinButton").SpinButton();

	$("#volgende_1").click(function(){
		var hasImage = document.getElementById('hasImage').value;
		if(hasImage == 'n'){
			$('#colorHeader').show();
			$('#tekstHeader').show();
			$('#imgHeader').hide();
			$('#imgContentHolder').hide();
			$.post("/data/getcolors.ajax",
				{ model: document.getElementById('modelHolder').value , fgc: document.getElementById('foregroundcolor').value , bgc: document.getElementById('backgroundcolor').value },
				function(data){
					$("#colorContent").html(data);
				}
			);
	
			$.post("/data/getfonts.ajax",
				{ model: document.getElementById('modelHolder').value , fnt: document.getElementById('tmpFontHolder').value },
				function(data){
	//				alert('whoei'+data);
					$("#tekstContent").append(data);
				}
			);
		}else{
			$('#colorHeader').hide();
			$('#colorContentHolder').hide();
			$('#tekstHeader').hide();
			$('#tekstContentHolder').hide();
			$('#imgHeader').show();
		}

		$.post("/data/getsizes.ajax",
			{ model: document.getElementById('modelHolder').value , w: document.getElementById('tmpWHolder').value , h: document.getElementById('tmpHHolder').value },
			function(data){
				$("#sizeContent").html(data);
			}
		);

		$("#typeContent").slideUp('fast');


		if(hasImage == 'n')
			showColors();
		else
			showImageField();
	});

	$("#volgende_2").click(function(){
		$("#colorContentHolder").slideUp('fast');
		showTekst();
	});

	$("#volgende_3").click(function(){
		$("#tekstContentHolder").slideUp('fast');
		showSize();
	});

	$("#volgende_5").click(function(){
		$("#imgContentHolder").slideUp('fast');
		showSize();
	});

/*
	$(".modelRadio").click(function(){
		alert('mdlradio'+document.getElementById('modelHolder').value);

	});*/
});


  // width to resize large images to
var maxWidth=100;
  // height to resize large images to
var maxHeight=100;
  // valid file types
var fileTypes=["png","jpg","jpeg"];
  // the id of the preview image tag
var outImage="previewField";
  // what to display when the image is not valid
var defaultPic="http://monweb01.montay.nl/images/image.gif";

/***** DO NOT EDIT BELOW *****/

function preview(what){
  var source=what.value;
  var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase();
  for (var i=0; i<fileTypes.length; i++) if (fileTypes[i]==ext) break;
  globalPic=new Image();
  if (i<fileTypes.length){
  	globalPic.src=source;
//	alert(source);
 		document.getElementById('volgende_5').disabled=false;
 		document.getElementById('volgende_5').className = 'button gaverder';
//		alert('id'+document.getElementById('modelHolder').value);
 }else {
    globalPic.src=defaultPic;
    alert("Het gekozen bestandstype is niet toegestaan.\n\nDeze bestanden mag je versturen:\n   *."+fileTypes.join(",\n   *."));
  }
  setTimeout("applyChanges()",20);
}
var globalPic;
function applyChanges(){
  var field=document.getElementById(outImage);
  var x=parseInt(globalPic.width);
  var y=parseInt(globalPic.height);
  if (x>maxWidth) {
    y*=maxWidth/x;
    x=maxWidth;
  }
  if (y>maxHeight) {
    x*=maxHeight/y;
    y=maxHeight;
  }
  field.style.display=(x<1 || y<1)?"none":"";
  field.src=globalPic.src;
  field.width=x;
  field.height=y;
}