//DOM is ready
window.addEvent("domready", function(){
	$$('input.DatePicker').each( function(el){
		new DatePicker(el);
	});

	//Mootools Overtext input fields - to refresh in case of movement use - OverText.update();
	$$('input.overtext').each(function(e) {  new OverText(e); });    
	 
	//Mootools Tips - as default it uses title for title and rel for text - we want to use only title in form: title::text
	$$('.tipz').each(function(element,index) {
		if(element.get('title')){
			var content = element.get('title').split('::');
			if(content[0]) element.store('tip:title', content[0]); 
			if(!content[1]) content[1] = '';
			element.store('tip:text', content[1]);
		}
	});	
	//create the tooltips itself
	var tipz = new Tips('.tipz',{
		fixed: false,
		hideDelay: 50,
		showDelay: 50
	});

	/* banner slideshow */
	fadingSlideShow('top_banner_slideshow');

});


/* banner slideshow */
/*function fadingSlideShow(containerName){
	var showDuration = 6000;
	var tweenDuration = 6000;
	var container = document.id(containerName);
	if(!container) return;

	var elements = container.getChildren();
	if(!elements || !elements.length) return;
	
	var currentIndex = 0;
	var interval;
	// opacity and fade
	elements.each(function(el,i){
		if(i > 0)
		  el.set('opacity',0).set('tween', { duration: tweenDuration});
		}
	);

	// worker
	var show = function() {
		elements[currentIndex].fade('out');
		elements[currentIndex = currentIndex < elements.length - 1 ? currentIndex+1 : 0].setStyle('display','none');
		elements[currentIndex = currentIndex < elements.length - 1 ? currentIndex+1 : 0].setStyle('display','none');
		elements[currentIndex = currentIndex < elements.length - 1 ? currentIndex+1 : 0].setStyle('display','none');
		currentIndex = currentIndex < elements.length - 1 ? currentIndex+1 : 0
		var tmpIndex = currentIndex;
		elements[currentIndex = currentIndex < elements.length - 1 ? currentIndex+1 : 0].setStyle('display','');
		elements[currentIndex = currentIndex < elements.length - 1 ? currentIndex+1 : 0].setStyle('display','');
		elements[currentIndex = currentIndex < elements.length - 1 ? currentIndex+1 : 0].setStyle('display','');
		elements[tmpIndex].fade('in');
		currentIndex++;
	};
	var show = function() {
		elements[currentIndex].fade('out');
		elements[currentIndex = currentIndex < elements.length - 1 ? currentIndex+1 : 0].fade('in');
	};
	// start once the page is finished loading
	window.addEvent('load',function(){
		interval = show.periodical(showDuration);
	});
}*/

function fadingSlideShow(containerName){
	var showDuration = 4000;
	var tweenDuration = 1000;
	var container = document.id(containerName);
	if(!container) return;

	var elements = container.getChildren();
	if(!elements || !elements.length) return;

	var currentIndex = 0;
	var interval;
	/* opacity and fade */
	elements.each(function(element,i){
        if(i != 0) element.set('opacity',0); //first image keep on
        element.set('tween', { duration: tweenDuration});
	});
	/* worker */
	var show = function() {
	elements[currentIndex].fade('out');
    currentIndex = (currentIndex < (elements.length - 1)) ? (currentIndex+1) : 0;
    elements[currentIndex].fade('in');
	};
	/* start once the page is finished loading */
	window.addEvent('load',function(){
		show.periodical(showDuration);
	});
}