// add event listener
var Event = {
	add: function(obj,type,fn) {
		if (obj.attachEvent) {
			obj['e'+type+fn] 	= fn;
			obj[type+fn] 		= function() { obj['e'+type+fn](window.event); }
			obj.attachEvent('on'+type,obj[type+fn]);
		} else
		obj.addEventListener(type,fn,false);
	},
	remove: function(obj,type,fn) {
		if (obj.detachEvent) {
			obj.detachEvent('on'+type,obj[type+fn]);
			obj[type+fn] = null;
		} else
		obj.removeEventListener(type,fn,false);
	}
}

function getElementsByClassName(className, tag, elm){
	var testClass 		= new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag 			= tag || "*";
	var elm 			= elm || document;
	var elements 		= (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements 	= [];
	var current;
	var length 			= elements.length;
	
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}	
	}
	return returnElements;
}

function slideSwitch() {
	var $active 	= $('#headerSlideShowText div.active');
	var $next 		=  $active.next().length ? $active.next() : $('#headerSlideShowText div:first');
	
	var $activeIMG 	= $('#headerSlideshow img.active');
	var $nextIMG	= $activeIMG.next().length ? $activeIMG.next() : $('#headerSlideshow img:first');
	
	
	$activeIMG.fadeOut("slow");
	$activeIMG.removeClass('active');
	$activeIMG.addClass('hide');			
	
	$active.fadeOut("slow");
	$active.removeClass('active');
	$active.addClass('hide');			


	$nextIMG.fadeIn("slow");
	$nextIMG.removeClass('hide');
	$nextIMG.addClass('active');

	$next.fadeIn("slow");
	$next.removeClass('hide');
	$next.addClass('active');

}	

$(document).ready(function() {
	var mainMenu = document.getElementById('mainMenu'); 
	var mainMenuLinks = getElementsByClassName('mainMenuTopLink','a',mainMenu);
	for (i=0; i< mainMenuLinks.length; i++) {
		Event.add(mainMenuLinks[i],'mouseover',
			function(){
				var mainMenu1 = document.getElementById('mainMenu');
				var visibleElem = getElementsByClassName('mainMenuTop','li',document);
				var hiddenElem 	= this.parentNode;
				visibleElem[0].className = 'mainMenuTop_hide';
				hiddenElem.className = 'mainMenuTop';
			});
	}
	var slideshow = document.getElementById("mainSlideshow");
	var slideLinks = getElementsByClassName("slideLink",'li',document);
	for (i=0; i< slideLinks.length; i++) {
		Event.add(slideLinks[i].childNodes[0] ,'mouseover',
			function(){				
				var active = getElementsByClassName("active","a",document.getElementById("mainSlideshow"));
				active[0].className = "";
				this.className = "active";
				var nr = this.id.split("_");
				//image
				imgContainer = document.getElementById("slideshowImage");
				src = imgContainer.src;				
				srcNew = src.substring(0,src.indexOf("slideshow_"));
				src = srcNew+"slideshow_"+nr[1]+".jpg";
				imgContainer.src = src;
				//title_desc
				activeText = getElementsByClassName("slide_active_text","div",document.getElementById("slideshowBottom"));
				activeText[0].className = "hide";			
				document.getElementById("slideText_"+nr[1]).className = "slide_active_text";				
			});	
	}
	setInterval( "slideSwitch()", 5000 );	
});	
