$(document).ready(function(){
	$('#uploadform').ajaxForm({
		dataType:'json',
		success: function(json){
			$('#voorbeeldimage').attr('src', 'bestellen/makeImage/'+json.rand);
		}
	});
	$('#updateform').ajaxForm({
		dataType:'json',
		success: function(json){
			$('#voorbeeldimage').attr('src', 'bestellen/makeImage/'+json.rand);
		}
	});
	PEPS.rollover.init();

	$('#kaartjetext').keyup(function(){
 		limitChars('kaartjetext', 300, 'charlimitinfo');
 	});

	var myDate=new Date();
	myDate.setDate(myDate.getDate()+2);
	var maand = (myDate.getMonth()+1);
	maand = maand.toString();
	if(maand.length == 1){
		maand = '0' + maand;
	}
	var customdate = myDate.getDate() + '/' + maand + '/' + myDate.getFullYear();
	$('#sendtoform').validate({meta: "validate"});
	$('.date-pick').datePicker({startDate:customdate, clickInput:true});

});


PEPS = {};

PEPS.rollover =
{
   init: function()
   {
      this.preload();

      $(".ro").hover(
         function () { $(this).attr( 'src', PEPS.rollover.newimage($(this).attr('src')) ); },
         function () { $(this).attr( 'src', PEPS.rollover.oldimage($(this).attr('src')) ); }
      );
   },

   preload: function()
   {
      $(window).bind('load', function() {
         $('.ro').each( function( key, elm ) { $('<img>').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); });
      });
   },

   newimage: function( src )
   {
      return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_o' + src.match(/(\.[a-z]+)$/)[0];
   },

   oldimage: function( src )
   {
      return src.replace(/_o\./, '.');
   }
};


function limitChars(textid, limit, infodiv)
{
	var rijen = $('#' + textid).val().split("\n").length;
	
	var text = $('#'+textid).val();
	var textlength = text.length;
	if(textlength > limit || rijen > 7)
	{
		if(textlength > limit){
			$('#' + infodiv).html('Er mogen niet meer dan '+limit+' tekens ingevuld worden!!');
		}
		if(rijen > 7){
			$('#' + infodiv +'_rows').html('Er mogen niet meer dan 7 rijen gebruikt worden!!');
		}
		
		$('#'+textid).val(text.substr(0,limit));
		return false;
	}
	else
	{
		$('#' + infodiv).html('U hebt nog '+ (limit - textlength) +' tekens over.');
		$('#' + infodiv+'_rows').html('U hebt nog '+ (7-rijen) +' rijen over.');
		return true;
	}
	
}

function Stap4(){
	var browser = $.browser;
				if(browser.msie){
					LoadUrl('../stap4');
					//LoadUrl('bestellen/stap4');
				} else {
					LoadUrl('bestellen/stap4');
				}


	/*
	$.ajax({
		type: "GET",
		dataType: 'json',
		url: "bestellen/ControleerStap3",
		cache: false,
		success: function(data){
			var error = "Je kunt nog niet verder, er ontbreken nog wat gegevens,\n de ontbrekende gegevens zijn:\n\n";
			var fout = false;
			
			if(data.image == false){
				fout = true;
				error += 'Je hebt nog geen afbeelding aan het kaartje toegevoegd.' + "\n";
			}
			
			if(data.tekst == false){
				fout = true;
				error += 'Je hebt nog geen tekst aan het kaartje toegevoegd';
			}
			
			if(fout == true){
				alert(error);
			} else {
				


			}
		}
	});
	*/
}

function RemoveAfbeelding(){
	$.ajax({
		type: "GET",
		url: "bestellen/RemoveAfbeelding",
		cache: false,
		success: function(data){
			$('#voorbeeldimage').attr('src', 'bestellen/makeImage/2568');
			$("#bestand").replaceWith("<input type=\"file\" id=\"bestand\" name=\"bestand\" style=\"width: 280px;margin-bottom: 5px;\" />");
		}
	});
}