jQuery(document).ready(function() {

	jQuery("#slider").easySlider({
		auto: true,
		continuous: true
	});

	jQuery('#merk').bind('change', function() {
		if (jQuery(this).val() != 0) {
			jQuery.getJSON('fetch.php', { id: jQuery(this).val(), action: 'model' }, function(data) {
				jQuery('#model').empty();
				jQuery('#model').append('<option value="0">Kies een model</option>');
				jQuery.each(data, function(i, item) {
					jQuery('#model').append('<option value="' + item.model_id + '">' + item.naam + '</option>');
				});
				jQuery('#model').removeAttr('class');
				jQuery('#model').prev().removeAttr('class');
			});
		} else {
			jQuery('#model').html('<option value="0">Kies eerst een merk</option>');
			jQuery('#model').attr('class', 'hide');
			jQuery('#model').prev().attr('class', 'hide');
			jQuery('#serie').html('<option value="0">Kies eerst een model</option>');
			jQuery('#serie').attr('class', 'hide');
			jQuery('#serie').prev().attr('class', 'hide');
			jQuery('#type').html('<option value="0">Kies eerst een serie</option>');
			jQuery('#type').attr('class', 'hide');
			jQuery('#type').prev().attr('class', 'hide');
		}
	});

	jQuery('#model').bind('change', function() {
		if (jQuery(this).val() != 0) {
			jQuery.getJSON('fetch.php', { id: jQuery(this).val(), action: 'serie' }, function(data) {
				if(data == 0) {
					jQuery('#submit').removeAttr('class');
				}
				else
				{
					jQuery('#serie').empty();
					jQuery('#serie').html('<option value="0">Kies een serie</option>');
					jQuery.each(data, function(i, item) {
						jQuery('#serie').append('<option value="' + item.serie_id + '">' + item.naam + '</option>');
					});
					jQuery('#serie').removeAttr('class');
					jQuery('#serie').prev().removeAttr('class');
				}
			});
		} else {
			jQuery('#serie').html('<option value="0">Kies eerst een model</option>');
			jQuery('#serie').attr('class', 'hide');
			jQuery('#serie').prev().attr('class', 'hide');
			jQuery('#type').html('<option value="0">Kies eerst een serie</option>');
			jQuery('#type').attr('class', 'hide');
			jQuery('#type').prev().attr('class', 'hide');
		}
	});

	jQuery('#serie').bind('change', function() {
		if (jQuery(this).val() != 0) {
			jQuery.getJSON('fetch.php', { id: jQuery(this).val(), action: 'type' }, function(data) {
				if(data == 0) {
					jQuery('#submit').removeAttr('class');
				}
				else
				{
					jQuery('#type').empty();
					jQuery('#type').html('<option value="0">Kies een type</option>');
					jQuery.each(data, function(i, item) {

						jQuery('#type').append('<option value="' + item.type_id + '">' + item.naam + '</option>');
					});
					jQuery('#type').removeAttr('class');
					jQuery('#type').prev().removeAttr('class');
					jQuery('#submit').removeAttr('class');
				}
			});
		} else {
			jQuery('#type').html('<option value="0">Kies eerst een serie</option>');
			jQuery('#type').attr('class', 'hide');
			jQuery('#type').prev().attr('class', 'hide');
		}
	});
	
	dslider();


});


function dslider()
{
	jQuery('.dslider').each(function()
	{
		var dslider = jQuery(this);
		dslider.attr('current', 0);
		dsliderHandlers(dslider);
	});
	
	function dsliderHandlers(dslider)
	{
		dslider.find('a').unbind().click(function()
		{
			if(!jQuery(this).hasClass('stop'))
			{
				var goback = false;
				if(jQuery(this).hasClass('back')) { goback = true }
				var href = jQuery(this).attr('href');
				var dslider = jQuery(this).parents('.dslider');
				var dslideri = dslider.find('.dslider-i');
				var dsliderWindow = jQuery(this).parents('.dslider-window');
				var current = parseInt(dslider.attr('current'));
				var loading = dslider.find('.loading');
				loading.css({'visibility' : 'visible'});

				jQuery.ajax({
				 type: "GET",
				 url: "ajax.php",
				 data: {'href' : href},
				 success: function(content)
				 {
					 loading.css({'visibility' : 'hidden'});
					 if(goback)
					 {
						 if(content !== "")
						 {
						 		dslider.find('.dslider-window').eq(current + 1).html(content);
						 }
						 dsliderHandlers(dslider);
						 var left = 0 - (dslider.width() * (current - 1));
						 dslider.attr('current', current - 1);				 
						 dslideri.animate({left : left}, 500);
					 }
					 else
					 {
						 dslider.find('.dslider-window').eq(current + 1).html(content);
						 dsliderHandlers(dslider);
						 var left = 0 - (dslider.width() * (current + 1));
						 dslider.attr('current', current + 1);				 
						 dslideri.animate({left : left}, 500);
					 }
				 }
				})
				return false;
			}
		});
	}
}