var defaultoptions = {duration: 400, transition: 'expo:out', wait: false};


window.addEvent('domready',function()
{
	
	if($defined($('bannerimage')))
	{
		var totalImages = 6;
		var path = 'images/';
		var seconds = 7;
		
		
		var timer, currentImage = 0, loadedImages = [], gallery = $('bannerimage'), progress = $('progress'), bar = progress.getElement('.bar'); 
		var images = new Array();
		
		for(i = 0 ; i < totalImages; i++)
		{
			images[i] = path + 'bannerimage' + (i+1) + '.jpg';
		}
		
		gallery.setStyle('position','relative');
		
		new Asset.images(images, 
		{
			onProgress: function(i) 
			{
				this.setStyles({
					'position': 'absolute',
					'opacity': 0,
					'left': 0, //(gallery.getCoordinates().width / 2) - (this.width / 2),
					'top': 0 //(gallery.getCoordinates().height / 2) - (this.height / 2)
				});
				loadedImages[i] = this;
				var percent = ((i + 1) * progress.getStyle('width').toInt()) / images.length;
				bar.setStyle('width', percent);
				bar.setStyle('height',10);
			},
			
			onComplete: function() 
			{	
				gallery.empty();
				progress.setStyle('visibility', 'hidden');
				var fx = gallery.tween('opacity').set(1);
				
				loadedImages.each(function(element,index)
				{
					element.injectInside(gallery);
				});
				
				var display = function() 
				{
					loadedImages.each(function(element,index)
					{
						if(index == currentImage)
						{
							element.tween('opacity',1);
						}
						else
						{
							element.tween('opacity',0);
						}
					});
					
					if(currentImage < loadedImages.length-1)
					{
						currentImage++;
					}
					else
					{
						currentImage = 0;
					}
				};
				
				display();
				periodical = display.periodical((seconds*1000));
			
			}
		});
	}
	
	$$('input[type=text], input[type=password], textarea').each(function(element,index)
	{
		var fx = new Fx.Morph(element, {duration: 300, transition: 'expo:out', wait:false});
		
		element.addEvents({
		
			'blur': function()
			{
				fx.start({'color' : '#000', 'background-color': '#fff'});
			},
		
			'focus': function()
			{
				fx.start({'color' : '#fff', 'background-color': '#fc0'});
			}
			
		});	
		
	});
	
	$$('input[type=submit], input[type=button], .button').each(function(element,index)
	{
		var fx = new Fx.Morph(element, {duration:300, transition: 'expo:out', wait:false});
		
		element.addEvents({
		
			'mouseenter': function()
			{
				fx.start({'background-color': '#f30', 'color' : '#fff'});
				this.setStyle('cursor','pointer');	
			},
		
			'mouseleave': function()
			{
				fx.start({'background-color': '#f90', 'color' : '#000'});
			}
			
		});
		
	});
	
	$$('#menu li').each(function(element,index)
	{
		var subMenu = element.getElement('ul');
		if($defined(subMenu))
		{
			var imgEl = new Element('img',{'src' : 'images/down.png', 'alt' : '', 'styles' : { 'vertical-align' : 'middle', 'padding-left' : 3 }});
			var subMenuFx = new Fx.Morph(subMenu,defaultoptions).set({'display' : 'block', 'opacity' : 0});
			element.getElement('a').grab(imgEl);
		}
		
		element.addEvents(
		{
			'mouseenter' : function()
			{
				if($defined(subMenu))
				{
					subMenuFx.start({'opacity' : 1});
				}
			},
			
			'mouseleave' : function()
			{
				if($defined(subMenu))
				{
					subMenuFx.start({'opacity' : 0});
				}
			}
		});
	});
	
});