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

var trajanje=600; //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'
			}
		});
		var newimg=img.clone().cloneEvents(img);
		newimg.setStyles({
			opacity:0.01,
			position:'absolute',
			top:0,
			left:0
		});
		newimg.src=newsrc;
		newimg.addEvent('mouseenter',function()
		{
			this.set('morph',{duration:trajanje,transition:tranzicija});
			this.morph({opacity:1});
		});
		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);
			});
		}
	});
	
   $$('span.superroll, a.superroll').each(function(span){
       if(span.lang.length)
       {
           span.store('barva',span.getStyle('color'));
           span.addEvent('mouseenter',function(){
               this.set('morph',{duration:trajanje,transition:tranzicija});
               this.morph({color:'#'+this.lang});
           });
           span.addEvent('mouseleave',function(){
               this.set('morph',{duration:trajanje,transition:tranzicija});
               this.morph({color:this.retrieve('barva')});
           });
       }
   });
});