/*		11-10-2010 Metaways - Alicja Gacka		*/
/*		This Script needs prototype				*/
/*
#################################################
		updates:
		
#################################################
*/

document.observe("dom:loaded", function() {

	var mouseoverItem = $$('.mouseOverImage'); 
	mouseoverItem.each(function (mouseoverContainer, intIdx){
		Element.setStyle(mouseoverContainer, { position: 'relative'});
	});

	var mouseoverimageSecond = $$('.mouseoverSecond'); 
	mouseoverimageSecond.each(function (secondImg, intIdx){
		Element.setStyle(secondImg, { position: 'absolute', left: '0px', top: '0px', zIndex: '20'});
	});


	var mouseoverimageFirst = $$('.mouseoverFirst'); 
	mouseoverimageFirst.each(function (imgtohide, intIdx){
		Element.setStyle(imgtohide, { position: 'absolute', left: '0', top: '0', zIndex: '30'});
		
		imgtohide.observe('mouseover', function(event){	
			new Effect.Opacity(this, {duration:1, from:1.0, to:0});
			
	  	}); 

	});
	
	mouseoverimageFirst.each(function (imgtohide, intIdx){
		imgtohide.observe('mouseout', function(event){
			
			new Effect.Opacity(this, {duration:1, from:0, to:1.0});
			
	  	}); 

	});

});