// JavaScript Document
window.addEvent('domready', function() { 
	var SlideBox = new Array();
	var ProductBox = new Array();
	var RegisterBox = new Array();
	var FadeBox = new Array();
	var ProductAccordion = new Array();
	var SlideBox_details = new Array();
    var subContentElements = $('main_center').getElements('div.csc-default');
	for (var ii = 0; ii < subContentElements.length; ii++){
		// fce_mehgro_box_image
		var subBox1Elements = subContentElements[ii].getElements('div.fce_mehgro_box_image');
		for (var iii = 0; iii < subBox1Elements.length; iii++){
			// fce_mehgro_box_bg
			var subBox3Elements = subBox1Elements[iii].getElements('div.fce_mehgro_box_bg');
			for (var iiii = 0; iiii < subBox3Elements.length; iiii++){
				subBox3Elements[iiii].id = "mehgro_box_"+ii+"_"+iii+"_"+iiii;
				//alert(subBox3Elements[iiii].id);
				//SlideBox[ii] = new Fx.Slide(subBox3Elements[iiii].id, {transition: 'sine:out', duration: 1000, mode: 'horizontal'}).hide();
				SlideBox[ii] = new Fx.Slide(subBox3Elements[iiii].id, {mode: 'horizontal'}).hide();
				
				SlideBox[ii].toggle();
			}
			
			subBox1Elements[0].id = "mehgro_box_"+ii;
		
			subBox1Elements[0].addEvent('mouseenter', function() {
				var id = this.id.substring(11, 100);
				//SlideBox[id].cancel();
				SlideBox[id].slideOut();		
			});
			subBox1Elements[0].addEvent('mouseleave', function() {
				var id = this.id.substring(11, 100);
				//SlideBox[id].cancel();
				SlideBox[id].slideIn();	
			});
		}
		
		
		// fce_mehgro_products_image
		var subBox2Elements = subContentElements[ii].getElements('div.fce_mehgro_products_image');
		for (var iii = 0; iii < subBox2Elements.length; iii++){
			// fce_mehgro_products_bg
			var subBox3Elements = subBox2Elements[iii].getElements('div.fce_mehgro_products_bg');
			for (var iiii = 0; iiii < subBox3Elements.length; iiii++){
				subBox3Elements[iiii].id = "mehgro_products_"+ii+"_"+iii+"_"+iiii;
				//alert(subBox3Elements[iiii].id);
				//ProductBox[ii] = new Fx.Slide(subBox3Elements[iiii].id, {transition: 'sine:out', duration: 1000, mode: 'horizontal'}).hide();
				ProductBox[ii] = new Fx.Slide(subBox3Elements[iiii].id, {mode: 'horizontal'}).hide();
			}
			
			// fce_mehgro_products_register
			var subBox4Elements = subBox2Elements[iii].getElements('div.fce_mehgro_products_register');
			for (var iiii = 0; iiii < subBox4Elements.length; iiii++){
				subBox4Elements[iiii].id = "mehgro_products_register_"+ii+"_"+iii+"_"+iiii;
				//alert(subBox3Elements[iiii].id);
				//RegisterBox[ii] = new Fx.Slide(subBox4Elements[iiii].id, {transition: 'sine:out', duration: 1000, mode: 'horizontal'}).hide();
				RegisterBox[ii] = new Fx.Slide(subBox4Elements[iiii].id, {mode: 'horizontal'}).hide();
				RegisterBox[ii].toggle();
			}
			
			subBox2Elements[0].id = "mehgro_products_"+ii;
		
			subBox2Elements[0].addEvent('mouseenter', function() {
				var id = this.id.substring(16, 100);
				//ProductBox[id].cancel();
				ProductBox[id].slideIn();
				
				//RegisterBox[id].cancel();
				//RegisterBox[id].slideOut();
			});
			subBox2Elements[0].addEvent('mouseleave', function() {
				var id = this.id.substring(16, 100);
				//ProductBox[id].cancel();
				ProductBox[id].slideOut();
				
				//RegisterBox[id].cancel();
				//RegisterBox[id].slideIn();
			});
		}
		
		
		// fce_mehgro_productbox_image
		// create our Accordion instance
		var subBox2Elements = subContentElements[ii].getElements('div.fce_mehgro_product_accordion');
		for (var iii = 0; iii < subBox2Elements.length; iii++){
			
			var subAccordion = subBox2Elements[0].getElements('div.toggler');
			for (var iiii = 0; iiii < subAccordion.length; iiii++){
				subAccordion[iiii].className = 'toggler toggler_'+ii;
			}
			
			var subAccordion = subBox2Elements[0].getElements('div.fce_mehgro_product_accordion_element');
			for (var iiii = 0; iiii < subAccordion.length; iiii++){
				subAccordion[iiii].className = 'fce_mehgro_product_accordion_element fce_mehgro_product_accordion_element_'+ii;
			}
			
			// Accordion erstellen
			ProductAccordion[ii] = new Accordion(subBox2Elements[0], 'div.toggler_'+ii, 'div.fce_mehgro_product_accordion_element_'+ii, {
				opacity: false,
				duration: 600,
            	transition: Fx.Transitions.Bounce.easeOut,
				onActive: function(toggler, element){
					toggler.setStyle('font-weight', 'bold');
					if (Browser.Engine.trident) element.setStyle('display', '');
					
				},
				onBackground: function(toggler, element){
					toggler.setStyle('font-weight', 'normal');
					if (Browser.Engine.trident) 
					{
						element.setStyle('height', '1');
						element.setStyle('display', 'none');
					}
				}
			});
		}
		
		/*
		
		// fce_mehgro_productbox_image
		
		var subBox2Elements = subContentElements[ii].getElements('div.fce_mehgro_productbox_image');
		for (var iii = 0; iii < subBox2Elements.length; iii++){
			// fce_mehgro_productbox_details
			var subBox4Elements = subBox2Elements[iii].getElements('div.fce_mehgro_productbox_details');
			for (var iiii = 0; iiii < subBox4Elements.length; iiii++){
				subBox4Elements[iiii].id = "mehgro_productbox_details_"+ii+"_"+iii+"_"+iiii;
				//alert(subBox3Elements[iiii].id);
				SlideBox_details[ii] = new Fx.Slide(subBox4Elements[iiii].id, {transition: 'sine:out', duration: 1000, mode: 'vertical'}).hide();
				//SlideBox_details[ii].toggle();
				//alert("detailbox: "+ii);
				//alert(SlideBox_details[ii]);
				subBox4Elements[iiii].style.display = "block";
				SlideBox_details[ii].hide();
				
				// Link
				var subLinkElements = subBox4Elements[iiii].getElements('a');
				for (var iiiii = 0; iiiii < subLinkElements.length; iiiii++){
					// Link ID setzen
					subLinkElements[iiiii].id = "detailboxback_"+ii;
					
					subLinkElements[iiiii].addEvent('click', function(e){
						e.stop();
						var id = this.id.substring(14, 100);
						SlideBox_details[id].toggle();
						SlideBox[id].toggle();
					});
				}
			}
			// fce_mehgro_productbox_bg
			var subBox5Elements = subBox2Elements[iii].getElements('div.fce_mehgro_productbox_bg');
			for (var iiii = 0; iiii < subBox5Elements.length; iiii++){
				subBox5Elements[iiii].id = "mehgro_productbox_"+ii+"_"+iii+"_"+iiii;
				//alert(subBox3Elements[iiii].id);
				SlideBox[ii] = new Fx.Slide(subBox5Elements[iiii].id, {transition: 'sine:out', duration: 1000, mode: 'vertical'}).hide();
				SlideBox[ii].toggle();
				
				// Link
				var subLinkElements = subBox5Elements[iiii].getElements('a');
				for (var iiiii = 0; iiiii < subLinkElements.length; iiiii++){
					// Link ID setzen
					subLinkElements[iiiii].id = "detailbox_"+ii;
					
					subLinkElements[iiiii].addEvent('click', function(e){
						e.stop();
						var id = this.id.substring(10, 100);
						SlideBox_details[id].toggle();
						SlideBox[id].toggle();
					});
				}
			}
		}
		*/
	}
});