var switchtimer;

$(window).addEvent("load", function() {	
	if($$('.switcher').length > 0) {
		$$('.switcher').each(function(switcher) {			
			var bilder = switcher.getChildren('p');
			var bildbuttons = switcher.getElement('.switcherbuttons');
			
			var width = switcher.getSize().x;
			var height = 0;
			var i=0;
			bilder.each(function(bild) {
				if(height < bild.getSize().y) height = bild.getSize().y;

				var btnhtml = bildbuttons.get('html');
				btnhtml += "<img alt='" + i + "' style='cursor:pointer;z-index: 10000;margin-left: 6px;' src='frontend/style/default/images/greydot.gif' />";
				bildbuttons.set('html', btnhtml);
				i++;

			});
			//alert(height);
			//switcher.set('html', '');
			switcher.setStyles({
				overflow: 'hidden',
				position:'relative'
			});
			
			bilder.setStyles({
				position: 'absolute',
				top: '0px',
				left: width+'px',
				display: 'block'
			});
			switcher.adopt(bilder);
			switcher.adopt(bildbuttons);

			var buttons = bildbuttons.getElements('img');
			buttons[0].set('src', 'frontend/style/default/images/bluedot.gif');

			buttons.addEvent('click', function(){
				next = this.get('alt').toInt();
				if(next >= bilder.length) next = 0;

				buttons[next].set('src', 'frontend/style/default/images/bluedot.gif');
				buttons[current].set('src', 'frontend/style/default/images/greydot.gif');	
				
				bilder[next].setStyle('left', (width*-1)+'px');
				bilder[current].tween('left', (width)+'px');
				bilder[next].tween('left', '0px');
				current = next;

				$clear(switchtimer);
				switchtimer = doswitch.periodical(1500+8000);

			});
			
			bilder[0].setStyles({
				left: '0px',
				top: '0px'
			});	
			switcher.setStyles({
				height: height+'px'
			});
			
			bilder.set('tween', { transition: 'expo:Out', duration:1500 });
			
			var current = 0;
			var doswitch = function() {
				next = current+1;
				if(next >= bilder.length) next = 0;

				buttons[next].set('src', 'frontend/style/default/images/bluedot.gif');
				buttons[current].set('src', 'frontend/style/default/images/greydot.gif');
				
				bilder[next].setStyle('left', (width*-1)+'px');
				bilder[current].tween('left', (width)+'px');
				bilder[next].tween('left', '0px');
				current = next;
			};

			switchtimer = doswitch.periodical(1500+8000);
		});
	}
	
	if($('imagegallery')) {
		var gallery = $('imagegallery');
		gallery.setStyle('display', 'block');
		if(gallery.getElements('.gallery_item').length > 0) {
			
			var height = 0;
			var overlayHeight = 0;
			var width = gallery.getSize().x;
			gallery.getElements('.gallery_item').each(function(el) {
				//var calcHeight = el.getStyle('height').toInt() + el.getStyle('border-top-width').toInt() + el.getStyle('border-bottom-width').toInt() + el.getStyle('margin-top').toInt() + el.getStyle('margin-bottom').toInt();
				var calcHeight = el.getSize().y + el.getStyle('border-top-width').toInt() + el.getStyle('border-bottom-width').toInt() + el.getStyle('margin-top').toInt() + el.getStyle('margin-bottom').toInt();
			//alert(calcHeight);
				if(calcHeight > height) height = calcHeight;
				
				calcHeight = el.getElement('img').getSize().y + el.getElement('img').getStyle('border-top-width').toInt() + el.getElement('img').getStyle('border-bottom-width').toInt() + el.getElement('img').getStyle('margin-top').toInt() + el.getElement('img').getStyle('margin-bottom').toInt();
				if(calcHeight > overlayHeight) overlayHeight = calcHeight;
			});
			//alert(overlayHeight);
						
			var overlay = new Element('div');
			overlay.addClass('overlay');
			overlay.setStyles({
				width: width-2,
				height: overlayHeight,
				margin: '0px',
				padding: '0px',
				position: 'absolute',
				top: '0px',
				left: '0px',
				'z-index': 200
			}).inject(gallery);
			
			gallery.setStyles({
				position: 'relative',
				overflow: 'hidden',
				height: height+'px'				
			});
			
			gallery.getElements('.gallery_item').setStyles({
				position: 'absolute',
				top: '1px',
				left: width+'px',
				width: width+'px',
				display: 'block',
				background: 'transparent'
			});
			
			var current = gallery.getElement('.gallery_item').setStyle('left', '0px');
			
			gallery.getElements('.gallery_item').set('tween', { transition: 'expo:Out' });
			if(gallery.getElements('.gallery_item').length > 1) {
				gallery.setStyles({cursor: 'pointer'});
				overlay.addClass('controlls');
				//gallery.addEvents({
				overlay.addEvents({
					'click': function(e) {
						var pos = e.client.x-gallery.getPosition().x;
						var posy = e.client.y-gallery.getPosition().x;
						//if(posy < 400) {
							if(pos > (width/2)) {
								var next = current.getNext('.gallery_item');
								if(next == null) next = gallery.getFirst('.gallery_item');
								next.setStyles({
									'left': (width*1)+'px',
									'z-index': 100
								});
								current.tween('left', (width*-1)+'px');
								next.tween('left', '0px');
							
								current.setStyle('z-index', '0');
								current = next;
							} else {
								var next = current.getPrevious('.gallery_item');
								if(next == null) next = gallery.getLast('.gallery_item');
								next.setStyles({
									'left': (width*-1)+'px',
									'z-index': 100
								});
								current.tween('left', (width)+'px');
								next.tween('left', '0px');
								
								current.setStyle('z-index', '0');
								current = next;
							} 
						//}
						return false;
					}
				});
			}
		}
		
	}
	
	
	if($('navigation')) {
		$('navigation').removeClass('noscript');
		$('navigation').getChildren('li').getChildren('a').each(function(a) {
			if(a.getParent('li').hasClass('active') == "false") {
				a.set('tween', {duration:100});
				a.addEvents({
					mouseover: function() {
						a.tween('padding-left', '40px');
						return false;
					},
					
					mouseleave: function() {
						a.tween('padding-left', '30px');
						return false;
					}
				});
			}
		});
	}
});