var baseDir	= 'http://t4w.web-beest.nl/';

function setMouseOver( divnaam )
{
	$( divnaam ).src = '/images/actiepanel/' + divnaam.toLowerCase() + '_over.png';
}

function setMouseOut( divnaam )
{
	$( divnaam ).src = '/images/actiepanel/' + divnaam.toLowerCase() + '.png';
}

function removeItems( href )
{
	var ketting = new Chain();

	var func1	= function() {
		var myFX1 = new Fx.Tween( $('dtrompet'), {
										property: 'bottom',
										duration: 1500
									});

		var myFX11 = new Fx.Tween( $('strompet'), {
										property: 'bottom',
										duration: 1500
									});
		myFX1.start( 50, -200 );
		myFX11.start( 10, -20 );
	}


	var func2	= function()
	{
		var myFX2 = new Fx.Tween( $('dbugel'), {
											property: 'bottom',
											duration: 1500
										});

		var myFX21 = new Fx.Tween( $('sbugel'), {
										property: 'bottom',
										duration: 1500
									});
		myFX2.start( 92, -200 );
		myFX21.start( 10, -20 );

	}

	var func3	= function()
	{
		var myFX3 = new Fx.Tween( $('dhoorn'), {
											property: 'bottom',
											duration: 1500
										});
		var myFX31 = new Fx.Tween( $('shoorn'), {
										property: 'bottom',
										duration: 1500
									});

		myFX3.start( 49, -200 );
		myFX31.start( 10, -20 );


	}

	var func4	= function()
	{
		var myFX4 = new Fx.Tween( $('deuphonium'), {
												property: 'bottom',
												duration: 1500
											});
		var myFX41 = new Fx.Tween( $('seuphonium'), {
												property: 'bottom',
												duration: 1500
											});
		myFX4.start( 57, -200 );
		myFX41.start( 10, -20 );
	}

	var func5	= function()
	{
		var myFX5 = new Fx.Tween( $('dtrombone'), {
												property: 'bottom',
												duration: 1500
											});
		var myFX51 = new Fx.Tween( $('strombone'), {
												property: 'bottom',
												duration: 1500
											});
		myFX5.start( 53, -200 );
		myFX51.start( 10, -20 );
	}

	var func6	= function()
	{
		var myFX6 = new Fx.Tween( $('dtuba'), {
												property: 'bottom',
												duration: 1500
											});
		var myFX61 = new Fx.Tween( $('stuba'), {
												property: 'bottom',
												duration: 1500
											});
		myFX6.start( 42, -200 );
		myFX61.start( 10, -20 );
	}

	var func_redirect = function()
	{
		document.location = href;
	}

	ketting.chain( func1 );
	ketting.chain( func2 );
	ketting.chain( func3 );
	ketting.chain( func4 );
	ketting.chain( func5 );
	ketting.chain( func6 );
	ketting.chain( func_redirect );

	ketting.callChain();
	ketting.callChain.delay( 100, ketting );
	ketting.callChain.delay( 200, ketting );
	ketting.callChain.delay( 300, ketting );
	ketting.callChain.delay( 400, ketting );
	ketting.callChain.delay( 500, ketting );
	ketting.callChain.delay( 2000, ketting );
}

function add_basket( product )
{
	var req = new Request.JSON({
		method: 'post',
		url: '/ajax/add_basket.php',
		data: {
			'product_id'		: product
		},
		onComplete: function(result) {
			// loading screen uit
			if( result.in_basket == true ) {
				// display_overlay('Product toegevoegd', 'Het product is toegevoegd aan uw winkelmandje');
				document.location	= '/index2.php?page=winkelmandje';
			}
			else {
				display_overlay( 'Fout', result.error );
			}
		}
	}).send();
}

function del_basket( key )
{
	var req = new Request.JSON({
		method: 'post',
		url: '/ajax/del_basket.php',
		data: {
			'key'	: key
		},
		onComplete: function(result) {
			if( result.status == 1 )
			{
				document.location = '/index2.php?page=winkelmandje';
			}
			else
			{
				display_overlay('Fout', 'Het product kon niet worden verwijderd.' );
			}
		}
	}).send();
}

function display_overlay( title, message )
{
	/*
	$('h3_titel').set('html', title );
	$('cnt_overlay').set('html', message );

	$('overlay').setStyle('display', 'block');
	*/
	alert( message );

}

function hide_overlay()
{
	$('overlay').setStyle('display', 'none');
}

function check_step_1()
{
	var isEmpty = new InputValidator('required', {
		errorMsg: 'Dit veld is verplicht.',
		test: function(field){
			return ((field.get('value') == null) || (field.get('value').length == 0));
		}
	});

	var isEmail = new InputValidator('validate', {
		errorMsg: 'Dit is geen geldig e-mail adres.',
		test: function(field){
			var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i
			return ( emailfilter.test( ( field.get( 'value' ) ) ) )
		}
	});

	var arrElements		= $$( '.required' );
	var return_waarde		= true;

	for( i = 0; i < arrElements.length; i++ )
	{
		var itemID		= arrElements[i].id;
		var itemType	= arrElements[i].type;

		switch( itemType )
		{
			case 'text':
				if( isEmpty.test( $(itemID) ) )
				{
					alert('Fout: ' + isEmpty.getError( $(itemID) ) ); //alerts "This field is required."

					$('img-' + itemID).className = 'validation_failed png';
					$(itemID).focus();
					return_waarde	= false;
					return false;
				}
				else
				{
					$('img-' + itemID).className = 'validation_passed png';
				}
				break;

			case 'radio':

				break;
		}
	}

	return return_waarde;
}

function valideer( itemID, itemType )
{
	switch( itemType )
	{
		case 'text':
			var isEmpty = new InputValidator('required', {
				errorMsg: 'Dit veld is verplicht.',
				test: function(field){
					return ((field.get('value') == null) || (field.get('value').length == 0));
				}
			});

			if( isEmpty.test( $(itemID) ) )
			{
				$('img-' + itemID).className = 'validation_failed png';
				$( itemID ).focus();
			}
			else
			{
				$('img-' + itemID).className = 'validation_passed png';
			}
			break;

		case 'email' :
			var isEmail = new InputValidator('validate', {
				errorMsg: 'Dit is geen geldig e-mail adres.',
				test: function(field){
					var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i
					return ( emailfilter.test( ( field.get( 'value' ) ) ) )
				}
			});

			/* alert( itemID ); */
			if( isEmail.test( $( itemID ) ) )
			{
				$('img-' + itemID).className = 'validation_passed png';
			}
			else
			{
				$('img-' + itemID).className = 'validation_failed png';
				$( itemID ).focus();
			}
			break;

		case 'radio':
			var arr_radio	= $$('input[name=' + itemID + ']');
			var checked		= 0;

			for( j = 0; j < arr_radio.length; j++ )
			{
				if( arr_radio[j].checked == true )
				{
					checked = 1;
				}
			}

			if( checked == 0 )
			{
				alert( 'Dit veld is verplicht' );
				$('img-' + itemID ).className = 'validation_failed png';
				return false;
			}
			else
			{
				$('img-' + itemID ).className = 'validation_passed png';
			}
			break;

		case 'select':
			if( $( itemID ).options[ $( itemID ).selectedIndex ] == '' )
			{
				$('img-' + itemID ).className = 'validation_failed png';
				return false;
			}
			else
			{
				$('img-' + itemID ).className = 'validation_passed png';
			}
			break;
	}

}

function load_large_image( image_id )
{
	var req = new Request.JSON({
		method: 'post',
		url: '/ajax/load_image.php',
		data: {
			'image_id'		: image_id
		},
		onComplete: function(result) {
			$('enlargement').set('src', result.afbeelding );
			$('enlargement').set('width', result.width );
			$('enlargement').set('height', result.height );
		}
	}).send();
}

function close_enlargement()
{
	$('vergroting').setStyle('display', 'none' );
	$('overlay').setStyle('display', 'none' );
}

function changeQuantity( veld_id )
{
	var waarde = $('inpQuantity' + veld_id ).get('value');

	var req = new Request.JSON({
		method: 'post',
		url: '/ajax/set_quantity.php',
		data: {
			'key'		: veld_id,
			'waarde'	: waarde
		},
		onComplete: function(result) {
			if( result.error == '' )
			{
				document.location	= '/winkelmandje.html';
			}
		}
	}).send();
}