window.addEvent('domready', function() {

	
	//FAQ
	if($chk($('faq-holder'))){
		//create our Accordion instance
		var myAccordion = new Accordion($('faq-holder'), 'h3.question', 'div.answer', {
			opacity: false,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#E50F2D');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#0A2D58');
			},
			onComplete: function(){
				if($chk(scr))scr.update();
			}
		});
	}
	//SCROLLER
	if($chk($('scrollholder'))){
		var scr = new ScrollBar('scroll', 'track', 'drag_bar');
	
		new Drag('scroll', {
			'modifiers': {y: 'height', x: false},
			onDrag: function(){
				scr.update();
			}
		});
	}	

	
	//POLL
	if($$('div.tx-jkpoll-pi1').length){
		var poll = $$('div.tx-jkpoll-pi1');
		var pollform = poll[0].getElement('form');
		var answers = $$('div.tx-jkpoll-pi1 div.answer');

		$each(answers, function(obj, index){
			var radio = obj.getElement('.radio');
			var answer = obj.getElement('span');
			
			
			radio.addEvent('mouseenter', function(){
				radio.getElement('img').src = "/fileadmin/templates/default/_assets/radio_on.gif";
				answer.setStyle('text-decoration', 'underline');
			});
			radio.addEvent('mouseleave', function(){
				radio.getElement('img').src = "/fileadmin/templates/default/_assets/radio_off.gif";
				answer.setStyle('text-decoration', 'none');
			});
			answer.addEvent('mouseenter', function(){
				radio.getElement('img').src = "/fileadmin/templates/default/_assets/radio_on.gif";
				answer.setStyle('text-decoration', 'underline');
			});
			answer.addEvent('mouseleave', function(){
				radio.getElement('img').src = "/fileadmin/templates/default/_assets/radio_off.gif";
				answer.setStyle('text-decoration', 'none');
			});
			
			answer.addEvent('mouseup', function(){
				radio.getElement('input').checked = true;
				pollform.submit();
			});
			radio.addEvent('mouseup', function(){
				radio.getElement('input').checked = true;
				pollform.submit();
			});			
			
		});
	}	
	
});



//MENU STRUCTURE
var activeMenu = null;
window.addEvent('domready', function() {
	//console.log(document.getSize().x);
	$$('#sub-menu').setStyle('width', document.getSize().x+'px');
	
	var menuDividers = $$('#main-menu td.divider');
	var menuItems = $$('#main-menu td.menuitem');
	
	var subMenus = $$('#sub-menu div.menu-fold');
	
	$each(menuItems, function(obj, index){
		var subMenu = subMenus[index];
		var dividerLeft = menuDividers[index];
		var dividerRight = menuDividers[index+1];

		if(obj.className == 'menuitem active') {
			activeMenu = index;
			dividerLeft.innerHTML = "<img src='/fileadmin/templates/default/_assets/menu/menu-devider-left.gif' />";
			dividerRight.innerHTML = "<img src='/fileadmin/templates/default/_assets/menu/menu-devider-right.gif' />";			
		}
                            
		obj.addEvent('mouseenter', function(){
			//hide others
			hideAllMenus();
			
			//Set submenu position
			menuPositions = obj.getPosition();
			subMenu.setStyle('left', menuPositions.x - 30);
			subMenu.setStyle('top', '90px');
			
			//Display submenu
			subMenu.setStyle('display', 'block');
			
			//Set submenu width
			if(subMenu.getSize().x < (obj.getSize().x+60)) {
				subMenu.getElement('.content').setStyle('width', (obj.getSize().x+42)+'px');
			}
			if(subMenu.getSize().x < 120){
				//subMenu.getElement('.content').setStyle('width', '120px');
			}
					
			//Show the main menu graphics
			obj.className = 'menuitem active';
			
			dividerLeft.innerHTML = "<img src='/fileadmin/templates/default/_assets/menu/menu-devider-left.gif' />";
			dividerRight.innerHTML = "<img src='/fileadmin/templates/default/_assets/menu/menu-devider-right.gif' />";
		});
		
		
		//Get all SubSub Menu items
		var subMenuItems = subMenu.getChildren()[0].getChildren()[0].getChildren()[1].getChildren()[1].getChildren()[0].getChildren();
		$each(subMenuItems, function(subMenuItem, index){
			var subSubUL = subMenuItem.getChildren()[2];
			
			if(subSubUL) {
				//Remove the link
				var subMenuItemA = subMenuItem.getChildren()[1];
				subMenuItemA.href = "javascript:void(0)";
				
				//Add the arrow image
				var subMenuItemIMG = subMenuItem.getChildren()[0];
				subMenuItemIMG.src = "/fileadmin/templates/default/_assets/menu/menu-arrow.jpg";
				
				//Hide the subsubitems
				subSubUL.setStyle('display', 'none');
				
				//Create the click event
				subMenuItemA.addEvent('click', function(){
					if(subSubUL.getStyle('display') == 'block'){
						subMenuItemIMG.src = "/fileadmin/templates/default/_assets/menu/menu-arrow.jpg";
						subSubUL.setStyle('display', 'none');
					}
					else {
						subMenuItemIMG.src = "/fileadmin/templates/default/_assets/menu/menu-arrow-down.jpg";
						subSubUL.setStyle('display', 'block');
					}
				});
			}
		});		
		
		subMenu.addEvent('mouseleave', function(){
			hideMenu();
		});
	});
	
	$('header').addEvent('mouseenter', function(){
		hideMenu();
	});
	
	
	function hideMenu(){
		hideAllMenus();
		if(activeMenu != null) showActiveMenu();		
	}
		
	function hideAllMenus(){
		$each(menuItems, function(obj, index){
			obj.className = 'menuitem';
		});
		$each(subMenus, function(obj, index){
			obj.setStyle('display', 'none');
		});
		$each(menuDividers, function(obj, index){
			obj.innerHTML = '';
		});	
	}
	
	function showActiveMenu(){
		$each(menuItems, function(obj, index){
			if(index == activeMenu){
				obj.className = 'menuitem active';
			}
		});
		$each(menuDividers, function(obj, index){
			if(index == activeMenu){
				obj.innerHTML = "<img src='/fileadmin/templates/default/_assets/menu/menu-devider-left.gif' />";
			}
			if(index  == activeMenu+1){
				obj.innerHTML = "<img src='/fileadmin/templates/default/_assets/menu/menu-devider-right.gif' />";
			}			
			
		});	
	}	
});