/* SERVICE */

var layer = {
	initialize:function(id)
	{
		if($('tipp')) {
			layer.close();
		}
		$(id).appendChild(Builder.node('div',{id:'tipp', 'class': 'bg282x408'}, [
					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);
		
	},
	setActive:function(link)
	{
		layer.removeActive();
		Element.addClassName($('image_' + link), 'active');
		Element.addClassName($('tipp_' + link), 'active');
	},
	removeActive:function()
	{
		$$('#imageList li').each(function(images){
			Element.removeClassName(images, 'active');
		});
		$$('#tipps li').each(function(links){
			Element.removeClassName(links, 'active');
		});
	
	},
	close:function()
	{
	
		layer.removeActive();
		$('tipp').remove();
		
	}
};



Event.observe(window, 'load', function(){
	
	if($('questions')) {
		$$(".selector select").each(function(selector){
			selector.observe("change", function(event){
				Event.stop(event)
				var auswahl = selector.selectedIndex;
				var showLister = selector.value;
				
				$("q_machine").selectedIndex = 0;
				$("q_capsules").selectedIndex = 0;
				$("q_service").selectedIndex = 0;

				$$("#answers ul li").each(function(hideList) {
					hideList.hide();
				});	
				if(showLister != 0) {	
					$(showLister).show();
					selector.options[auswahl].selected = true;
				}

			});
		});
	}
	
	if($('tipps')) {
	
		$$('#tipps ul li a').each(function(tipp){
			
			Event.observe(tipp, 'mouseover', function(event) {
				var element = Event.element(event);
				var id = element.parentNode.id.split('_')[1];
				Element.addClassName($('image_' + id), 'over');
			});
			Event.observe(tipp, 'mouseout', function(event) {
				var element = Event.element(event);
				var id = element.parentNode.id.split('_')[1];
				Element.removeClassName($('image_' + id), 'over');
			});
		
		});
	
	}
	
});