// JavaScript Document

function update_stap2(categorieid) {
	$('#zoekframe').load('/ajax/kamers/'+categorieid);	
	
}

function update_stap3(categorieid) {
	$('#result').load('/ajax/kamersstap3/'+categorieid);	
	
}

function change_image(image, id,breedte,hoogte,opties) {
	$('#idcontainer').attr('value',id);
	$('#opties').html(opties);
	$('#bestellink').attr('href','/site/product/'+id);
	$('#resizable').resizable( 'destroy' );
	$(".ui-wrapper").draggable( 'destroy' );
	$('#resizable').attr('src','/library/'+image);
	$('#resizable').css('width',breedte+'px');
	$('#resizable').css('height',hoogte+'px');
	$("#resizable").resizable({aspectRatio: true, handles: 'ne, se, sw, nw',maxHeight: 300,maxWidth: 600 });
	$(".ui-wrapper").draggable({ containment: 'parent' });
}

function send_kamer() {
	var uwnaam = $('#uwnaam').attr('value');
	var uwemail = $('#uwemail').attr('value');
	var naam = $('#naam').attr('value');
	var email = $('#email').attr('value');
	
	var eigen = $('#eigen').is(':checked'); 
	var nieuwsbrief = $('#nieuwsbrief').is(':checked'); 
	
	var schilderijid =  $('#idcontainer').attr('value');
	var imagepos = $('#kamerafbeelding').offset();
	var pos = $('#resizable').offset();

	var x = pos.left-imagepos.left;
	var y = pos.top-imagepos.top;
	var width = $('#resizable').width();
	var height = $('#resizable').height();

	
	var kamer = $('#kamerafbeeldingbg').val();
		
	
	$('#uwnaam').css('border','1px solid #76af08');
	$('#uwemail').css('border','1px solid #76af08');
	$('#naam').css('border','1px solid #76af08');
	$('#email').css('border','1px solid #76af08');
	
	
	
	var send=true;
	
	if(uwnaam=='') {
		$('#uwnaam').css('border','1px solid red');
		send=false
	}
	
	if(uwemail=='') {
		$('#uwemail').css('border','1px solid red');
		send=false
	}
	if(eigen==false) {
		if(naam=='') {
			$('#naam').css('border','1px solid red');
			send=false
		}
		
		if(email=='') {
			$('#email').css('border','1px solid red');
			send=false
		}
	}
	
	
	if(send==true) {
		$.post('/ajax/mailopstelling', { eigen: eigen==true?'1':'0',nieuwsbrief: nieuwsbrief==true?'1':'0', schilderijid: schilderijid, x: x, y: y, width: width,height: height,kamer: kamer, uwnaam: uwnaam, uwemail:uwemail, naam: naam, email:email },update_send() );

		
	}
	
}

function update_send() {
	var uwnaam = $('#uwnaam').attr('value','');
	var uwemail = $('#uwemail').attr('value','');
	var naam = $('#naam').attr('value','');
	var email = $('#email').attr('value','');
	
	$('#uwnaam').css('border','1px solid #76af08');
	$('#uwemail').css('border','1px solid #76af08');
	$('#naam').css('border','1px solid #76af08');
	$('#email').css('border','1px solid #76af08');
	
	$('#layer').hide();
	$('#sendlayer').show();
}