theElement = 0;

var doBanner = function() {
	counter = 0;
	$('index_categories').getChildren('li').each(function(el){
		el.getFirst('div').getChildren().each(function(el2){
			if (el2.get('tag') != 'span') {
				el2.fade('hide');
			}

		});
		el.addEvent('click', doClick);
		el.addEvent('mouseover', doFocus);
		el.addClass('normal');
		/*el.setStyle('width', 122);*/
		el.setStyle('left', counter*207);
		el.setStyle('position', 'absolute');
		/*el.morph({'background-position':'0px, 0px'});*/
		counter++;
	});
	$('index_categories').setStyle('height', 145);
	
	$('index_categories').addEvent('mouseleave', doReset);
	
}

var doClick = function() {
	window.location.href = this.getFirst('div').getFirst('p').getNext('p').getFirst('a').get('href');	
}

var doReset = function() {
	
	if (theElement != 0) {
		theElement.get('morph',{duration:400,onComplete:function(e){ }});
		theElement.getFirst('div').getChildren().each(function(el){
			if (el.get('tag') != 'span') {
				el.get('morph', {duration: 300}).start({'opacity': 0});
			}
		});
	}	
	counter = 0;
	theElement = 0;
	$('index_categories').getChildren('li').each(function(el){
		
		if (el.getStyle('width')  != 199) {
			el.morph({'width': 199, 'left':counter, 'opacity':1});	
					
		}
		if (el.getFirst('div').getFirst('span').getStyle('width') != 195) {
			el.getFirst('div').getFirst('span').morph({'width': 195});
		}		
		counter = counter+207;													  
	});
}


var doFocus = function() {
	if (theElement != this) {
		if (theElement != 0) {
			theElement.get('morph',{duration:400,onComplete:function(e){ }});
			theElement.getFirst('div').getChildren().each(function(el){
				if (el.get('tag') != 'span') {
					el.get('morph', {duration: 300}).start({'opacity': 0});
				}
			});
		}
		
		theElement = this;
		
		counter = 0;
		
		$('index_categories').getChildren('li').each(function(el){
			if (el != theElement) {
				if (el.getStyle('width')  != 122) {
					el.morph({'width': 122, 'left':counter, 'opacity':0.5});	
					
				}
				counter = counter+130;
			} else {
				theX = counter;
				counter = counter+438;
			}
			if (el.getFirst('div').getFirst('span').getStyle('width') != 118) {
				el.getFirst('div').getFirst('span').morph({'width': 118});
			}
		});
		
		
		//theElement.get('morph',{duration:400,onComplete:function(e){
		//var myFx = new Fx.Morph(theElement);
		//myFx.start({'width':430,'left': theX}).chain(
			//function(){
		theElement.get('morph',{duration:400,onComplete:function(e){		
			e.getFirst('div').getFirst('h2').get('morph',{duration: 400,onComplete:function(e){
				e.getParent().getFirst('p').get('morph', {duration: 400, onComplete : function(e){
					e.getNext('p').get('morph', {duration: 400}).start({'opacity':[0,1]});
				}}).start({'opacity':[0,1], 'color':['#FF6600','#000000']});
			}}).start({'opacity':1, 'color':['#FF6600','#000000']});
		}}).start({'width':430,'left':theX,'opacity':1});


	}
}

theSlideIconOver = 0;

var doSlider = function() {
	titles = [];
	if (typeof(DD_belatedPNG) != "undefined") {
		DD_belatedPNG.fix('#slidesarrow');
	}
	$('slidesicons').getLast('li').setStyle('margin-right', 0);
	slideCounter = 0;
	$('slidesicons').getChildren('li').each(function(el){
		if (slideCounter != 0) {
			el.setStyle('opacity',0.25);
		}
		el.getFirst('a').addEvent('mouseover', doSlide);
		el.getFirst('a').set('rel', slideCounter);
		titles.push(el.getFirst('a').get('title'));
		slideCounter += 1;
	});
	$('slidesicons').addEvent('mouseleave', reinstateSlide);
	
	
	$('slidesholder').getFirst('span').set('text', $('slidesicons').getFirst('li').getFirst('a').get('title'));
	$('slidesholder').getFirst('span').get('tween', {duration:500}).start('bottom',1);
	$('slidesholder').getFirst('span').getNext('span').get('morph', {duration:500}).start({'opacity':[0,0.8], 'bottom':1});
	currentSlide = 0;
	slideInterval = doSlide.periodical(5000, titles);
}

var doSlide = function() {
	if (this == titles) {
		theNewSlide = parseInt(currentSlide)+1;
		if (theNewSlide >= slideCounter) {
			theNewSlide = 0;
		}
		theNewTitle = titles[theNewSlide];
	} else {
		//alert(this);
		theNewSlide = this.get('rel');
		theNewTitle = this.get('title');
		$clear(slideInterval);
		
		if (theSlideIconOver != 0) {
			theSlideIconOver.getFirst('img').removeClass('borderover');	
			$('clickOverBox').destroy();
		}
		theSlideIconOver = this;
		theSlideIconOver.getFirst('img').addClass('borderover');
		myClickOverBox = new Element('span', {
			'id': 'clickOverBox',
			'class': 'clickOver',
			'html' : 'Click For More'
		}).inject(theSlideIconOver);
		
	}
	
	if (currentSlide != theNewSlide) {
		$('slidesicons').getChildren('li')[currentSlide].get('tween').start('opacity',0.25);
		$('slidesicons').getChildren('li')[theNewSlide].get('tween').start('opacity',1);		
		currentSlide = theNewSlide;
		theTitle = theNewTitle;
		slidesAmount = (currentSlide*-528)+1;
		slidesArrowAmount = (currentSlide*107)+30;
		$('slides').get('tween', {duration:700}).start('left',slidesAmount);
		$('slidesarrow').get('tween', {duration:700}).start('left',slidesArrowAmount);
		
		$('slidesholder').getFirst('span').getNext('span').get('morph',{duration:500}).start({'bottom':-40});
		$('slidesholder').getFirst('span').get('tween', {duration:500, onComplete:function(e) {
			$('slidesholder').getFirst('span').set('text', theTitle);
			e.get('tween', {duration:500}).start('bottom',1);
			e.getNext('span').get('morph', {duration:500}).start({'opacity':[0,0.8], 'bottom':1});
		}}).start('bottom',-40);
	}
}

var reinstateSlide = function() {
	slideInterval = doSlide.periodical(5000, titles);
	if (theSlideIconOver != 0) {
		theSlideIconOver.getFirst('img').removeClass('borderover');	
		$('clickOverBox').destroy();
		theSlideIconOver = 0;
	}
}

window.addEvent('domready', doBanner);
window.addEvent('domready', doSlider);