/* MACHINE MODELS JAVASCRIPT */

var toggleGroup = {

	initialize:function()
	{
		$$('.modelGroups li a').invoke('observe', 'click', toggleGroup.toggle);
	},
	toggle:function(event)
	{
	
		var element = Event.element(event);
		this.group = element.parentNode.id;
		
		toggleGroup.removeClasses();
		
		if (!Element.hasClassName($$('.' + this.group)[0], 'hide')) {
			toggleGroup.setClasses(this.group);
		}

	},
	setClasses:function(modelClass)
	{
	
		$$('.' + modelClass).each(function(model) {
			Element.addClassName(model, 'hide');
		});
	
	},
	removeClasses:function()
	{
	
		$$('.hide').each(function(hiddenModel) {
			Element.removeClassName(hiddenModel, 'hide');
		});
	
	}
	
};

var detail = {
	initialize:function()
	{
		$$('#machineDetails ol li a').invoke('observe', 'mouseover', detail.setDetail);
		$$('#machineDetails ol li a').invoke('observe', 'mouseout', detail.restoreDetail);
	}, 
	setDetail:function(event)
	{
		var element = Event.element(event);
		var id = element.parentNode.id.split('_')[1];
		$('info_0').hide();
		$('info_' + id).show();
		sIFR.activate(univers_bold);
		sIFR.replace(univers_bold, {
			selector: 'h3.headline14', 
			css: '.sIFR-root { background-color: #000000; color: #FFFFFF; font-size: 13px; }', 
			wmode: 'transparent', 
			ratios: [8, 1.3, 11, 1.21, 12, 1.2, 14, 1.19, 21, 1.16, 28, 1.13, 38, 1.12, 61, 1.11, 94, 1.1, 95, 1.09, 103, 1.1, 107, 1.09, 110, 1.1, 119, 1.09, 120, 1.1, 1.09]
		});
	},
	restoreDetail:function()
	{
		detail.clear();
		$('info_0').show();
	},
	clear: function()
	{
		$$('#infobox ol li').each(function(info){
			info.hide();
		});
	}
};


var layer = {
	initialize:function(id)
	{
		if($('layer')) {
			layer.close();
		}
		$(id).appendChild(Builder.node('div',{id:'layer'}, [
					Builder.node('a',{className:'layer close', id:'closeLink', href: 'javascript:void(0);' },'schließen'),
					Builder.node('div', {id:'layerContent'}, 'lade ...')
				])
		);
		
		$$('.layer.close').invoke('observe', 'click', layer.close);
		
	},
	close:function()
	{
	
		$('layer').remove();
	
	}
};


Event.observe(window, 'load', function(){

	if($('machineGroup')){
		toggleGroup.initialize();
	}
	
	if($('machineDetails')){
		detail.initialize();
	}


});