var getCar = function () {
    var val = $('thecar').get('value');
    var option = $('thecar').getElements('option[value=' + val  + ']')[0];
    $('choosen').set('src', option.get('class'));
    $('choosen').setStyle('opacity',0);
    $('choosen').fade('in');
    new Fx.Scroll(window).toElement('header');
};

var setCar = function(carid) {
    var id;
    if (carid) {
	id = carid;
    } else {
	var href = document.location.href;
	href = href.split('#')[1];
	if (href) {
	    id = href.split('-')[1];
	}
    }
    if (id) {
	$('thecar').set('value', id);
	getCar();
    }
}


window.addEvent('domready', function () {

	new FormCheck('myform',{
		display : {
		    checkValueIfEmpty: 1,
			showErrors: 1,
			errorsLocation : 1,
			indicateErrors : 1,
			scrollToFirst: false
			}
	});


	// car chooser

	setCar();

	$$('a.book, td.book a').each(function (a) {
		a.addEvent('click', function() {
			document.location.href = a.get('href');
			setCar();
		    });
	    });


	getCar();
	$('thecar').addEvent('change', function() {
		getCar();
	    });

	// reservation slides
	var fxslide = new Array();
	$$('div.slide').each(function (slide, slide_id) {
		fxslide[slide_id] = new Fx.Tween(slide, {
			onComplete: function () {
			    if (slide.get('opacity') == 0 ) {
				slide.setStyle('display','none');
			    }
			},
			onStart: function () {
				slide.setStyle('display','block');
			    if (slide.get('opacity') != 0 ) {
			    }
			}
		    });
	    });


	$('submit1').addEvent('click', function (e) {
		new Event(e).stop();
		if (
		    $('getdate').get('value') &&
		    $('gethour').get('value') &&
		    $('getminute').get('value') &&
		    $('returndate').get('value') &&
		    $('returnhour').get('value') &&
		    $('returnminute').get('value') &&
		    ($('thecar').get('value') && $('thecar').get('value') != 'undef')
		    ) {
		    fxslide[0].start('opacity',[1,0]);
		    fxslide[1].start('opacity',[0,1]);
		    new Request.HTML({
			    url : '/cars/calc',
				//update: $('tableplace'),
				onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
				$('tableplace').set('html',responseHTML);
			    }
				}).post({
			    'car': $('thecar').get('value'),
 				'getdate' : $('getdate').get('value'),
				'returndate' : $('returndate').get('value'),
 				'gethour' : $('gethour').get('value'),
				'returnhour' : $('returnhour').get('value')
				});
		} else {
		    alert($('allnote').get('text'));
		}
	    });
	$('goto1').addEvent('click', function (e) {
		new Event(e).stop();
		fxslide[0].start('opacity',[0,1]);
		fxslide[1].start('opacity',[1,0]);
	    });

	$('goto3').addEvent('click', function (e) {
		new Event(e).stop();
		fxslide[2].start('opacity',[0,1]);
		fxslide[1].start('opacity',[1,0]);
	    });
	$('goto2').addEvent('click', function (e) {
		new Event(e).stop();
		fxslide[1].start('opacity',[0,1]);
		fxslide[2].start('opacity',[1,0]);
	    });
	// Width select fix

    });