var car = {

	img : null,

	imgDefaultSrc : null,

	imageNames : ['karoserie','pneu','zaklad','motor','podvozek','mereni'],

	images : [],

	init : function() {
		if($("#bigCar").length == 1) {
			car.img = $("#bigCar")[0];
			car.initImages(600,371,'big');
		}
		if($("#smallCar").length == 1) {
			car.img = $("#smallCar")[0];
			car.initImages(300,160,'small');
		}
		car.imgDefaultSrc = car.img.src;
		car.initMenu();
	},

	initImages : function(width,height,prefix) {
		for(var i=0; i<car.imageNames.length; i++) {
			var img = new Image(width,height);
			img.src = '/images/car/' + prefix + '_' + car.imageNames[i] + '.png';
			car.images[car.imageNames[i]] = img;
		}
	},

	initMenu : function() {
		var links = $('div.menu a');
		links.bind('mouseover',function(){
			var c = $(this).attr('class').split(' ');

			for(var i=0; i<c.length;i++) {
				if(c[i].substr(0,7) == 'carType') {
					car.changeImage(c[i].substr(7));
				}
			}

		});
		links.bind('mouseout',function(){
			car.restoreImage();
		});
	},

	changeImage : function(name) {
		car.img.src = car.images[name].src;
	},

	restoreImage : function() {
		car.img.src = car.imgDefaultSrc;
	}
}

$(document).ready(car.init);