// #### Einstellung: Hier einen URL-Bestandteil angeben!
var baseURI = 'uta.undkonsorten.com';

// Initialisierung
var startseite = (typeof filename != "undefined")?true:false; //index.php?
var baseURIMatch = (document.referrer.indexOf(baseURI)==-1); //Aufruf von externer Seite?
var myAccordion;

//#### BILDER PRELOAD ####
var preloadArray = ["img/box1_hg.gif", "img/box2_hg.gif", "img/box3_hg.gif", "img/box4_hg.gif", "img/box5_hg.gif", "img/box6_hg.gif", ];
var Images = [];
for(var i=0; i<preloadArray.length; i++) {
	Images[i] = new Image();
	Images[i].src = preloadArray[i];
} //---- BILDER PRELOAD ENDE ----

var block = { 
	threshold: 80, //Bereich in Pixel, in dem am Rand die jeweilige Grafik ausgeblendet wird
	left:false, 
	right:false,
	size:0,
	scrollSize:0,
	elements: {left:false, right:false },
	show: {
		display: function() { 
			if(block.left) block.elements.left.setStyle('opacity', '0'); 
			block.elements.left.style.display = "block"; 
			if(block.right) block.elements.left.setStyle('opacity', '0'); 
			block.elements.right.style.display = "block"; 
		},
		both: function() { if(!block.left) block.show.left();
			if(!block.right) block.show.right(); },
		left: function() { block.elements.left.fade(1); },
		right: function() { block.elements.right.fade(1);  }
		},
	hide: {
		display: function() { block.elements.left.style.display = "none"; block.elements.right.style.display = "none"; },
		both: function() { 
			block.hide.left();
			block.hide.right(); },
		left: function() { block.elements.left.fade(0); },
		right: function() { block.elements.right.fade(0); }
		},
	init: function() {
		block.elements.left = document.createElement("img");
		block.elements.left.src = "img/arrow_left.png";
		block.elements.left.id = "arrow-left";
		block.elements.left = $(block.elements.left);
		block.elements.right = document.createElement("img");
		block.elements.right.src = "img/arrow_right.png";
		block.elements.right.id = "arrow-right";
		block.elements.right = $(block.elements.right);
		},
	onactive: function(element, toggler) {
		block.left = true; 
		block.right = false;
		var parent = element.getParent(".container");
		parent.appendChild(block.elements.left);
		parent.appendChild(block.elements.right);
		block.hide.display();
		block.show.display.delay(500);
		block.show.both.delay(500);
		parent.addEvent('mouseleave', block.hide.both);
		parent.addEvent('mouseenter', block.show.both);
		toggler.addEvent('click', function() {block.hide.display(); block.hide.both(); });
		block.size = element.getSize();
		block.scrollSize = element.getScrollSize();
	}
};

if(Browser.Engine.name == "trident" && Browser.Engine.version == 5 ) {
	block.hide.left = function(){ block.elements.left.fade(0); };
	block.hide.right = function(){ block.elements.right.fade(0); };
	block.show.left = function() { block.elements.left.fade(.75); };
	block.show.right = function() { block.elements.right.fade(.75);  };
}

window.addEvent('domready', function() {	//Wenn alles HTML geladen ist...
	
	block.init();
	//#### ACCORDION ####
	var myScrollers = {};	//Container-Objekt fuer die Scroller
	myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.box', {
		display: false,
		alwaysHide:true,
		opacity: false,
		onActive: function(toggler, element){		//Beim Aufklappen
			if(element.id == 'box1' && $$('#nav_meta a.inaktiv')[0])
				$$('#nav_meta a.inaktiv')[0].className = "aktiv";
			toggler.setStyle('color', '#FFFFFF');
			toggler.set('html',"<div class=\"eckeLiAktiv\"><\/div><div class=\"eckeReAktiv\"><\/div>");
			block.onactive(element, toggler);
			myScrollers[element.id] = new Scroller(element, { area:190, velocity:0.1, onChange: function(A,B){
				this.element.scrollTo(A,B); // Aus mootools übernommen
				var scroll = this.element.getScroll(); //Scrollposition ermitteln
				if(scroll.x < block.threshold) { //links Ausblenden
					if(!block.left) {
						block.left = true;
						block.hide.left();
					}
				}
				else if(block.scrollSize.x - block.size.x - scroll.x < block.threshold) { //rechts Ausblenden
					if(!block.right) {
						block.right = true;
						block.hide.right();
					}
				}
				else if(block.left) { //links Einblenden
					block.left = false;
					block.show.left();
				}
				else if(block.right) { //rechts Einblenden
					block.right = false;
					block.show.right();
				}
			} });	//Scroller erzeugen
			myScrollers[element.id].start();												//Scroller aktivieren
		},
		onBackground: function(toggler, element){	//Beim Zuklappen
			var parent = element.getParent(".container");
			parent.removeEvents();
			if(element.id == 'box1' && $$('#nav_meta a.aktiv')[0])
				$$('#nav_meta a.aktiv')[0].className = "inaktiv";
			toggler.setStyle('color', '#528CE0');
			toggler.set('html',"<div class=\"eckeLi\"><\/div><div class=\"eckeRe\"><\/div>");
			if(myScrollers[element.id]) myScrollers[element.id].stop();		//Scroller deaktivieren
			var MyFx = new Fx.Scroll(element).toLeft();		//Nach links scrollen
		}
	}); //---- ACCORDION ENDE ----
		
	$$('.box').setStyle('display', 'block');
	
	
	// #### BREITENANPASSUNG ####
	var boxes = $$('div.box');
	$each(boxes, function(box, index) {
		var bc = box.getElement('.boxContent');
		var style = bc.getElements('div');
		if(style.length>1) {
			style = (style[style.length-2].getCoordinates(bc).right+30)+"px";
		bc.setStyle('width', style);
		}
	}); //---- BREITENANPASSUNG ----

	if(!(baseURIMatch&&startseite))
		myAccordion.display(0);
	
	// #### NAVI ####
	with($$('#nav_meta a.aktiv')[0]) { //Navi-Link für aktive Seite durch Javascript-Aufruf ersetzen
		href = "#";
		onclick = function() { myAccordion.display(0); };
	}
	
	// #### HINWEISBOX ####
	if(startseite) {
		if(baseURIMatch) {
			$('accordion').addEvent('click', function(e) { $('hinweis_bedienung').dispose(); $('accordion').removeEvents('click'); });
			$$('#nav_meta a.aktiv')[0].className = "inaktiv";
		}
		else
			$('hinweis_bedienung').dispose();
	}
});