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


window.addEvent('domready',function()
{
	
	$$('.itemthumb').each(function(element,ix)
	{
		var itemEffects = new Fx.Morph(element,defaultoptions);
		var linkEffects = new Fx.Morph(element.getElement('a'),defaultoptions);
		var linkHeight = element.getElement('a').getStyle('height').toInt();
		
		if($defined(element.getElement('.thumbdetails')))
		{
			var detailFX = new Fx.Morph(element.getElement('.thumbdetails'),defaultoptions).set({'opacity':0});
			var origHeight = element.getElement('.thumbdetails').getStyle('height').toInt();
			element.getElement('.thumbdetails').setStyle('cursor','pointer');
			
			element.getElement('.thumbdetails').addEvents(
			{
				'click':function(e) 
				{ 
					if($defined(element.getElement('a').get('rel')) && element.getElement('a').get('rel').contains('milkbox'))
					{
						$$('a[rel='+ element.getElement('a').get('rel') +']').each(function(em,m)
						{
							if(em == element.getElement('a'))
							{
								milkbox.showGallery({ gallery : element.getElement('a').get('rel'), index: m});
							}
						});

					}
					else
					{
						window.location = element.getElement('a').get('href');
					}
					
					e = new Event(e).stop();
				}
			});
			
		}
		element.addEvents({
		
			'mouseenter' : function()
			{
				itemEffects.start({ 'border-width' : 6, 'margin' : 0, 'border-color' : '#222222'});
				if($defined(element.getElement('.thumbdetails')))
				{
					detailFX.start({'opacity':0.7,'background-color':'#222','height' : origHeight});
					
				}
				
				linkEffects.start({'height' : 200});
			},
			
			'mouseleave' : function()
			{
				itemEffects.start({ 'border-width' : 1, 'margin' : 5, 'border-color' : '#c0c0c0' });
				if($defined(element.getElement('.thumbdetails')))
				{
					detailFX.start({'opacity':0,'background-color':'#f0f0f0','height' : 0});
				}
				
				linkEffects.start({'height' : linkHeight});
			}
		
		});
		
	});
	
	if($defined($('bannerimage')))
	{
		var seconds = 7;
		
		var timer, currentImage = 0, loadedImages = [], gallery = $('bannerimage'), progress = $('progress'), bar = progress.getElement('.bar');
		
		new Asset.images(images, 
		{
			onProgress: function(i) 
			{
				this.setStyles({
					'position': 'absolute',
					'z-index': 2,
					'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' : '#999', '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' : '#999'});
				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});
				}
			}
		});
	});
	
	$$('tr:even').each(function(element,index)
	{
		element.setStyles({'background-color' : '#dfd'});
	});
	
});


function linkSection(elementID){
	new Fx.Scroll(window,defaultoptions).toElement($(elementID));
	
	/*var myeffect = new Fx.Morph($(elementID),defaultoptions).set({'color' : '#ccc'});
	var myeffect = new Fx.Morph($(elementID),defaultoptions).set({'color' : '#000'});*/

}

function toTop(){
	new Fx.Scroll(window,defaultoptions).toTop();
}