//+++++++++++++++++++NASTAVITVI++++++++++++++++++++++

var trajanje=300; //trajanje fejdanja

var tranzicija=Fx.Transitions.Sine.EaseOut; //vrsta tranzicije (zdaj je sinus, za ostale si poglej na MootoolsDocs -> Fx.Transitions)

//+++++++++++++++++++++++++++++++++++++++++++++++++++






window.addEvent('domready',function()
{
	$$('img.roll').each(function(img)
	{
		var preload = new Image(); 
		preload.src = img.src.replace("_off.", "_on.");
		img.addEvent('mouseenter',function()
		{
			this.src=this.src.replace("_off.", "_on.");
		});
		img.addEvent('mouseleave',function()
		{
			this.src=this.src.replace("_on.", "_off.");
		});
	});
	
	$$('img.superroll').each(function(img)
	{
		var preload = new Image(); 
		
		var newsrc=img.src.replace("_off.", "_on.");
		preload.src=newsrc;
		
		var superroll=new Element('span', {
			'styles': {
				'position': 'relative',
				'display': 'block'
			}
		});
		if(img.lang.match('to_op'))
		{
			var maxopac=img.lang.split('to_op')[1].toInt()*0.01;
		}
		else
		{
			var maxopac=1;
		}
		
		var newimg=img.clone().cloneEvents(img);
		newimg.setStyles({
			opacity:0.01,
			position:'absolute',
			top:0,
			left:0
		});
		newimg.src=newsrc;
		newimg.store('maxopac',maxopac);
		newimg.addEvent('mouseenter',function()
		{
			this.set('morph',{duration:trajanje,transition:tranzicija});
			this.morph({opacity:this.retrieve('maxopac')});
		});
		newimg.addEvent('mouseleave',function()
		{
			this.set('morph',{duration:trajanje,transition:tranzicija});
			this.morph({opacity:0.01});
		});
		newimg.removeClass('superroll');
		img.removeClass('dropdown');
		superroll.inject(img,'before');
		superroll.grab(img);
		superroll.grab(newimg);
	});
	
	$$('img.dropdown').each(function(img)
	{
		if(img.lang && img.lang.length>1)
		{
			var drop=$(img.lang);
			img.addEvent('mouseenter',function(){
				drop.setStyle('display','block');
				drop.store('close',false);
			});
			img.addEvent('mouseleave',function(){
				drop.store('close',true);
				var closing=function()
				{
					if(this.retrieve('close'))
					{
						this.setStyle('display','none');
					}
				}
				closing.delay(100,drop);
			});
			drop.addEvent('mouseenter',function(){
				this.setStyle('display','block');
				this.store('close',false);
				img.fireEvent('mouseenter');
			});
			drop.addEvent('mouseleave',function(){
				this.store('close',true);
				var closing=function()
				{
					if(this.retrieve('close'))
					{
						img.fireEvent('mouseleave');
					}
				}
				closing.delay(100,this);
			});
		}
	});
});