$(document).ready( function()
{
	$('.prodsel').live( "change", function(){
             	papier		= $('#papier_id').val();
             	bedrukking  = $('#bedrukking_id').val();
             	formaat   	= $('#formaat_id').val();
             	afwerking  	= $('#afwerking_id').val();
             	aantal   	= $('#aantal').val();
             	vorige		= $('#formaat_id option:selected').prev().val();
             	volgende	= $('#formaat_id option:selected').next().val();
             	if( volgende == undefined )
             	{
             		if( vorige == undefined )
             		{
             			formaat2=0;
             			formaat1 	 = $('#formaat_id').val();
             		}
             		else
             		{
             		 	formaat1	 = vorige;
             		 	formaat2 	 = $('#formaat_id').val();
             		}
             		
             	}
             	else
             	{
             		/*formaat1	= formaat;
             		formaat2	= volgende;*/
             		formaat2	= formaat;
             		formaat1	= volgende;
             	}
             	
     		$.post(  
             '/ajax/product_select.php',  
             {	
             	site_id			: $('#site_id').val(),
             	product_id		: $('#product_id').val(), 
             	papier_id		: $('#papier_id').val(),
             	bedrukking_id   : $('#bedrukking_id').val(),
             	formaat_id   	: formaat1,
             	formaat2_id   	: formaat2,
             	afwerking_id   	: $('#afwerking_id').val(),
             	aantal   		: $('#aantal').val()
             },  
             function(h){
				var p = eval('([' + h + '])');				    
					// nieuwe gegevens neerzetten                                                           	                
					$('#papier_id').replaceWith( p[0].papier );
					$('#bedrukking_id').replaceWith( p[0].bedrukking );
					$('#formaat_id').replaceWith( p[0].formaat );
					$('#afwerking_id').replaceWith( p[0].afwerking );
					$('#aantal').html( p[0].aantal );
					$('#prijsblok').html( p[0].prijsblok );
					$('#matrix').replaceWith( p[0].matrix );
					$('#date2').replaceWith( p[0].datum );
					// eerder geselecteerde waarden terug zetten
             		$('#papier_id').val( papier );
             		$('#bedrukking_id').val( bedrukking );
             		$('#formaat_id').val( formaat );
             		$('#afwerking_id').val( afwerking );
             		$('#aantal').val( aantal );
				},  
             "html"  
         );  					
	});
	
	$('.direct').live( "change", function(){
             	papier		= $('#papier_id').val();
             	bedrukking  = $('#bedrukking_id').val();
             	formaat   	= $('#formaat_id').val();
             	afwerking  	= $('#afwerking_id').val();
             	aantal   	= $('#aantal').val();
             	
     		$.post(  
             '/ajax/product_select.php',  
             {	
             	site_id			: $('#site_id').val(),
             	product_id		: $('#product_id').val(), 
             	papier_id		: $('#papier_id').val(),
             	bedrukking_id   : $('#bedrukking_id').val(),
             	formaat_id   	: $('#formaat_id').val(),
             	afwerking_id   	: $('#afwerking_id').val(),
             	aantal   		: $('#aantal').val(),
             	direct			: 1
             },  
             function(h){
				var p = eval('([' + h + '])');				    
					// nieuwe gegevens neerzetten                                                           	                
					$('#papier_id').replaceWith( p[0].papier );
					$('#bedrukking_id').replaceWith( p[0].bedrukking );
					$('#formaat_id').replaceWith( p[0].formaat );
					$('#afwerking_id').replaceWith( p[0].afwerking );
					$('#aantal').html( p[0].aantal );
					$('#directprijs_ex').replaceWith( p[0].directprijs_excl );
					$('#directprijs_incl').replaceWith( p[0].directprijs_incl );
					
					// eerder geselecteerde waarden terug zetten
             		$('#papier_id').val( papier );
             		$('#bedrukking_id').val( bedrukking );
             		$('#formaat_id').val( formaat );
             		$('#afwerking_id').val( afwerking );
             		$('#aantal').val( aantal );					
				},  
             "html"  
         );  					
	});
	

	$('.remove').click( function( e ) {
		jw = $(this);
		$.ajax(		{
			type: 'POST',
			cache: false,
			url: this.href,
			success: function( html, status ){
				$('.row_' + jw.attr('rel')).toggle(  );
				$('#winkelwagen').replaceWith( html );
			}
		});
		return false;
	});	
	
	$('.aantal').live('change', function( e ) {
		jw = $(this);
		$.ajax(		{
			type: 'POST',
			cache: false,
			url: document.location.href+'?cmd=update&id='+jw.attr('rel')+'&aantal='+jw.val(),
			success: function( html, status ){
				$('#winkelwagen').replaceWith( html );
			}
		});		
	});
	
	$('.oplage').live('change', function( e ) {
		jw = $(this);
		$.ajax(		{
			type: 'POST',
			cache: false,
			url: document.location.href+'?cmd=update&id='+jw.attr('rel')+'&oplage='+jw.val(),
			success: function( html, status ){
				$('#winkelwagen').replaceWith( html );
			}
		});		
	});
	
	$('#afleveradres_id').live( 'change', function( e ){
		document.location.href=$('#thisurl').val() + '?framed=1&id=' + $(this).val();
	} );
	
	$('#factuuradres_id').live( 'change', function( e ){
		document.location.href=$('#thisurl').val() + '?framed=1&id=' + $(this).val();
	} );

	$('#verwijderadres').click( function( e ){		
		document.location.href= $('#thisurl').val() + '?framed=1&cmd=del&id=' +$('#afleveradres_id').val();
	} );

	$('#verwijderfadres').click( function( e ){		
		document.location.href= $('#thisurl').val() + '?framed=1&cmd=del&id=' +$('#factuuradres_id').val();
	} );
	
	$('.switch').click( function( e ){	
		$('#' + $(this).attr('rel')).toggle(  );
		return false;
	} );
	
});