var ZoomfeetClass = Class.create({
	
	language:'en',
	
	initialize:function()
	{
		if ($('modelselector') != null) {
			this.handleModelSelector();
		}
	
		// Determine country
		var pn = location.pathname;
		if (pn.match(/\/de_/)) {
			this.language = 'de';
		}
	},
	
	handleModelSelector:function()
	{
		var s      = $('modelselector');
		var images = s.select('img');
		images.each(function(i) {
			i.observe('mouseover', this.modelSelectorInfoShow.bindAsEventListener(this));
			i.observe('mouseout', this.modelSelectorInfoHide.bindAsEventListener(this));
		}.bind(this));
	},
	
	modelSelectorInfoShow:function(e)
	{
		var el        = Event.element(e);
		var elId      = el.getAttribute('id');
		var modelInfo = el.getAttribute('alt');
		
		$('modelinfo').show();
		$('modelpreview').update('');

		// Find out the number of the model to calculate the offset
		var imgs  = $('modelselector').select('img');
		var    i  = 0;
		var count = 0;
		
		imgs.each(function(img) {
			if (img.getAttribute('id') == elId) {
				count = i;
			}
			i++;
		});
		
		var xpos = -18 + ((count+1) * 59);
		$('arrow').setStyle({ left: xpos+'px' });
		
		// Show loader
		var modelBlock = $('modelloader');
		$('modelname').update(modelInfo);
		
		new Ajax.Updater('modelpreview', '/previews_'+this.language+'/'+elId+'.html', {
			  onComplete:function()
			  {
				$('modelloader').hide();
				$('modelpreview').show();
			  }
		});

	},
	
	modelSelectorInfoHide:function(e)
	{
		var el = Event.element(e);
		$('modelinfo').hide();
	}
});

var zoomfeet;

Event.observe(window, 'load', function() {
	zoomfeet = new ZoomfeetClass();

});