document.write( '<style type="text/css">'
  + '.plld-rollable-text-roller a.plld-more { display: block; }'
  + '.plld-rollable-text-p2 { visibility: hidden; }'
  + '</style>');

function prepareRollable( rollable, options ) {

	var options = $merge({ 
		onStartRollDown: $empty,
		onCompleteRollDown: $empty,
		onStartRollUp: $empty,
		onCompleteRollUp: $empty
	}, options || {} );
	
	var rollDownLabel = 'zobacz więcej';
	var rollUpLabel   = 'zwiń';
	
	var roller = rollable.getElement( 'a.plld-more' ); 

	var header = rollable.getElement( '.plld-rollable-text-p1' );
	var rollableContent = rollable.getElement( '.plld-rollable-text-p2' );
	
	var images = rollableContent.getElements( 'img' );
	var imagesCount = images.length;
	
	var maxHeight = rollableContent.getSize().y;
	
	rollableContent.setStyles({
		'height': '0',
		'visibility': 'visible'			
	});
	
	var proceed = function() {
	
	
		var rolledUp = true;
		var rolling  = false;
		
		roller.addEvent( 'click', function() {
			if ( ! rolling ) {
				
				if ( rolledUp ) {
					rolling = true;
					var effect = new Fx.Morph( rollableContent, {
						duration: 2000, 
						transition: Fx.Transitions.Linear,
						onComplete: function() {
							roller.set( 'text', rollUpLabel );
							rolledUp = false;
							rolling = false;
							
							options.onCompleteRollDown( roller );
						}
					});

					options.onStartRollDown( roller );
					
					effect.start({ 
						'height': [ 0, maxHeight ]
					});
					
				}
				else {
					rolling = true;
					var effect = new Fx.Morph( rollableContent, {
						duration: 2000, 
						transition: Fx.Transitions.Linear,
						onComplete: function() {
							roller.set( 'text', rollDownLabel );
							rolledUp = true;
							rolling = false;
							options.onCompleteRollUp( roller );							
						}
					});

					options.onStartRollUp( roller );
					
					window.scrollTo(0,0);// header.getCoordinates().top);
					effect.start({ 
						'height': [ maxHeight, 0 ]
					});
				}				
			}
			this.preventDefault();
			return false;
		} );
		
	};
	
	if ( imagesCount ) {

		images.each( function( image ) {
			
			if ( image.getSize().y != 0 ) {
				imagesCount--;
			}
			else {
				image.addEvent( 'load', function() { 
					imagesCount--;
					maxHeight += image.getSize().y;
					if ( imagesCount == 0 ) proceed();
					
				});
			}
		});
		if ( imagesCount == 0 ) proceed();
	}
	else {
		proceed();
	}
	
	
}


window.addEvent( 'domready', function() { 

	var banners = $H();
	
	$$( '.plld-image-link' ).each( function( imageLink ) { 
		var img = imageLink.getElement( 'img' );
		var offSrc = img.src.replace( '_on.', '_off.' );
		var onSrc  = offSrc.replace( '_off.', '_on.' );
		
		var restore = function() { 
			img.src = offSrc;
		};
		
		var highlight = function() { 
			img.src = onSrc;
		};
		
		
		imageLink.addEvents( { 
			'mouseenter':  highlight,
			'mouseleave':  restore
		});
	});
	
	$( 'plld-banner' ).getElements( 'img' ).each( function( bannerImg ){ 

		var match = /header\/header-(\w+)\.jpg/i.exec( bannerImg.src );
		if ( match ) {
		 	var code  = match[1];
		 	
		 	banners.set( code, bannerImg );
		}
	 	
	 	if( bannerImg.hasClass( 'selected' ) ) {
	 		banners.set( '_',  bannerImg );
	 	}
	 	
	});
	
	$$( 'div.plld-menu-row a' ).each( function( menuLink ) {
		
		if ( !menuLink.hasClass( 'selected' ) ) {
			var img = menuLink.getElement( 'img' );
			var offSrc = img.src.replace( '_on.', '_off.' );
			var onSrc  = offSrc.replace( '_off.', '_on.' );
			
		 	var match = /menu\/menu_(\w+)_off\.png/i.exec( offSrc );
		 	var code  = match[1];
						
//			var oldBanner = banners.get( '_' );
//			var selBanner = banners.get( code );
			
			var restore = function() { 
				img.src = offSrc;
//				selBanner.removeClass( 'selected' );
//				oldBanner.addClass( 'selected' );
			};
			
			var highlight = function() { 
				img.src = onSrc;
//				oldBanner.removeClass( 'selected' );
//				selBanner.addClass( 'selected' );
			};
			
			
			menuLink.addEvents( { 
				'mouseenter':  highlight,
				'mouseleave':  restore
			});
		}
		
	} );
	
	{
		var infolineLink = $( 'plld-infoline-link' );
		
		var oldBanner = banners.get( '_' );
		var selBanner = banners.get( 'infolinia' );
		
		var restore = function() {
			selBanner.removeClass( 'selected' );
			oldBanner.addClass( 'selected' );
		};
		
		var highlight = function() {
			oldBanner.removeClass( 'selected' );
			selBanner.addClass( 'selected' );
		};
		
		infolineLink.addEvents( { 
			'mouseenter':  highlight,
			'mouseleave':  restore
		});		
		
		infolineLink.href = 'javascript:void(0);';
	}

} );

window.addEvent( 'load', function() { 

} );