// Disable the $ global alias completely
jQuery.noConflict();

$( document ).ready( function () {
	// NEWS SLIDER
	$( '#slider' ).easySlider( {
		prevId: 'prev_news_button',
		prevText: '',
		nextId: 'next_news_button',	
		nextText: '',
		controlsShow: true,
		controlsBefore: '',
		controlsAfter: '',	
		controlsFade: true,
		firstId: 'firstBtn',
		firstText: 'First',
		firstShow: false,
		lastId: 'lastBtn',	
		lastText: 'Last',
		lastShow: false,				
		vertical: false,
		speed: 800,
		auto: false,
		pause: 2000,
		continuous: false,
		reverse: true,
		slide: 3
	});
	
	// ALBUMS SLIDER
	$( '#album' ).easySlider( {
		prevId: 'prev_album_button',
		prevText: '',
		nextId: 'next_album_button',	
		nextText: '',
		controlsShow: true,
		controlsBefore: '',
		controlsAfter: '',	
		controlsFade: true,
		firstId: 'firstBtn',
		firstText: 'First',
		firstShow: false,
		lastId: 'lastBtn',	
		lastText: 'Last',
		lastShow: false,				
		vertical: false,
		speed: 800,
		auto: false,
		pause: 2000,
		continuous: false,
		reverse: true,
		slide: 3
	});
});

// For Mootools scripts
(function($){
	window.addEvent('domready', function () {
	
		// SUB-NAV
	    iter=0;
	    back = new Array();
	    $$('.parent ul').each(function(el){
	        el.getParent().set('attr',iter);
	        var left = $('menu').getElement('.moduletable').getElement('.menu').getPosition().x;
	        var myleft = el.getPosition().x;
	        var newLeft = left-myleft;
			el.setStyle('left',newLeft+'px');
	        back[iter++] = newLeft;
	        el.getFirst().setStyle('padding-top','7px');
	        el.getLast().setStyle('padding-bottom','3px');
	       	el.setStyle("display","none");
		});
	    timer=new Array();
	    for(var i = 0 ; i <iter ; i++){timer[i]=0;}
	    $$('.parent').addEvent('mouseenter', function(){
	        clearTimeout(timer[parseInt(this.get('attr'))]);
	        var current = parseInt(this.get('attr'));
	        $$('.parent ul').each(function(el){
	            if(parseInt(el.getParent().get('attr'))!=current){
	                var other = parseInt(el.getParent().get('attr'));
	                el.fade('out');
	                var myEnd = new Fx.Tween(el, {
	                    duration: 200,
	                    transition: 'quad:in',
	                    property: 'left'
	                });

	                myEnd.start(el.getStyle("left"), back[other]);

	            }
	        });
	        this.getElement('ul').setStyle("display","block");
	        this.getElement('ul').fade('in');
			//fix ie
			if(document.all){
				this.getElement('ul').getElements('li').each(function(child){
					child.fade('in');
				});
			}
			//end fix ie
	        var myFx = new Fx.Tween(this.getElement('ul'), {
	            duration: 200,
	            transition: 'quad:in',
	            property: 'left'
	        });

	        var tmp = (this.getSize().x/2) - (this.getElement('ul').getSize().x/2);

	        myFx.start(this.getElement('ul').getStyle("left"), tmp);

	    });
	    el=null;
	    $$('.parent').addEvent('mouseleave', function(){
	        el = this;
	        var start = function(){
	            el.getElement('ul').fade('out');
				//fix ie
				if(document.all){
					el.getElement('ul').getElements('li').each(function(child){
						child.fade('out');
					});
				}
				//end fix ie
	            var myEnd = new Fx.Tween(el.getElement('ul'), {
	                duration: 200,
	                transition: 'quad:in',
	                property: 'left'
	            });

	            myEnd.start(el.getElement('ul').getStyle("left"), back[parseInt(el.get('attr'))]);
	        }
	        timer[parseInt(this.get('attr'))] = setTimeout(start,200);
	    });
	});
})(document.id);