////// OWN FUNCTIONS /////////////////////////////////////////////////////////////////////////////////////////////////////////

function of_formReset () 
{
	var inputFields = $ES('input','of_form');
	for (var i=0;i < inputFields.length;i++) {
		inputFields[i].setProperty('value','');
		inputFields[i].setProperty('checked','');
	}
	var selectFields = $ES('select','of_form');
	for (var i=0;i < selectFields.length;i++) {
		options = $ES('option',selectFields[i]);
		for (var j=0;j<options.length;j++) {
			if (j==0) {options[j].setProperty('selected','selected'); }
			else {options[j].setProperty('selected','');}
		}
	}
}



function init_accordion(style) {
	startitem = '';
	switch (style) {
	
	
	case 'vertical':
	window.addEvent('domready', function() {
		var szNormal = 32, szSmall  = 32, szFull = 483;
	 
		var kwicks = $$("#kwicks .kwick");
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 2000, transition: Fx.Transitions.Back.easeOut});
		kwicks.each(function(kwick, i) {
			kwick.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
				
				$E('div',kwick).setStyle('display','block');

//				var fade = new Fx.Element ($E('div',kwick), {wait: false, duration: 800, transition: Fx.Transitions.Back.easeOut}).set(0);
				kwicks.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						$E('div',other).setStyle('display','none');
						if(w != szSmall) o[j] = {width: [w, szSmall]};
					}
				});
				fx.start(o);
						
				
			});
		});
		
		kwicks[0].fireEvent('mouseenter');
		
		
		 
/*
		$("kwicks").addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		});
*/
	});
	break;
	
	case 'horizontal':
	default:
	window.addEvent('domready', function(){
		this.accordion = new Accordion('.toggler', '.element', {
		opacity: true,
	
		show: startitem,
		onActive: function(toggler, element){
			toggler.setStyle('text-decoration', 'underline');
		},

		onBackground: function(toggler, element){
			toggler.setStyle('text-decoration', 'none');
		}
  		}, $('accordion'));
  	});
	 break;

  } // switch

}

function init_togglebox() {
	window.addEvent('domready', function(){
		$$('.toggleGroupContent').setStyle('display', 'block');
		
		var selected = $('toggleSelected');
		var current = (selected) ? selected.getParent() : false;
	 
		$$('div.toggleGroup').each(function(div){
			var link = div.getElement('div');
			var block = link.getNext();
			var fx = new Fx.Slide(block);
			
			if (block != current) fx.hide();
			link.addEvent('click', function(){
				fx.toggle();
				reloadAccordion();
			});
		});
		//new SmoothScroll();
	});
	document.write('<style type="text/css" media="screen">div.toggleGroupContent{display: none}</style>');
}

function reloadAccordion() {
	this.accordion.display(1);
	setTimeout(function(){this.accordion.display(0);},500);
}


function init_tabs() {
	var tabs = $$('.tab');
	var pages = $$('.tabpage').setStyle('display','none');
	var pageVisible = $E('.tabpage').setStyle('display','block');
	var activeTab = $$('.activeTab');
	
	tabs.each(function(tab) {
		var page = $('tabpage_'+tab.getProperty('id'));
		var fx = new Fx.Styles(page ,{duration : 200, wait: false});
		tab.addEvent('click', function() {
			if ($$('.activeTab')!=null) {
				$$('.activeTab').removeClass('activeTab');
			}
			this.addClass('activeTab');
			var activeTab = this;
			
			pageVisible.setStyle('display','none');
			page.setStyle('display','block');
			page.setOpacity(0);
			fx.start ( {opacity:1} );
			pageVisible = page;

		});
	});


	
}

function init_mouseGallery() {
	window.addEvent('domready', function(){
		var mg = new MouseGallery($$('.mousegallery'));
	});
}

function init_tooltips() {
	window.addEvent('domready', function(){
		var tooltips = new Tips($$('.tooltip'), {
			initialize:function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(0.8);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			},
			fixed: true,
			maxTitleChars: 100,
			offsets: {'x': 185, 'y': 0}
//			offsets: {'x': 0, 'y': 0}
		});
	});
	window.addEvent('domready', function(){
		var tooltips_1 = new Tips($$('.tooltip_1'), {
			initialize:function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(0.8);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			},
			fixed: true,
			className: 'tool1',
			maxTitleChars: 100,
			offsets: {'x': 185, 'y': 0}
//			offsets: {'x': 0, 'y': 0}
		});
	});
	window.addEvent('domready', function(){
		var tooltips_2 = new Tips($$('.tooltip_2'), {
			initialize:function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(0.8);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			},
			fixed: true,
			className: 'tool2',
			maxTitleChars: 100,
			offsets: {'x': -371, 'y': 0}
//			offsets: {'x': 0, 'y': 0}
		});
	});
	window.addEvent('domready', function(){ // für unten mitte
		var tooltips_3 = new Tips($$('.tooltip_3'), {
			initialize:function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(0.8);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			},
			fixed: true,
			className: 'tool3',
			maxTitleChars: 100,
			offsets: {'x': 185, 'y': -135}
//			offsets: {'x': 0, 'y': 0}
		});
	});
}