/*var FerrariWorld = {};

FerrariWorld.enableSlidingPanels = function() {
	$$('.fw_other-stories').each(function(panel) {
		var titleElement = panel.getElement('h3');
		var openButton = panel.getElement('.fw_other-story-open');
		var closeElement = panel.getElement('.fw_other-story-close');

		var closeButton = panel.getElement('.close-button');//new Element('div', {'class': 'close-button'});

		var parentElement = panel.getParent();
		var parentSubArticleImage = $('topLimitReleatedLinks');
		var contentWrapper = panel.getElement('.fw_other-stories-wrapper');
		var contentScroller = panel.getElement('.fw_other-stories-scroller');
		
		
			
		if (parentSubArticleImage) 
		{ // don't run the code if there's no image outside
			
			//closeElement.adopt(closeButton);
			
			var heightWhenClosed = parseInt(titleElement.getStyle('height'));
			if (!Browser.Engine.trident4) { // do not execute for IE6 as it calculates box heights incorrectly for elements with padding
				heightWhenClosed += parseInt(titleElement.getStyle('padding-top')) + parseInt(titleElement.getStyle('padding-bottom'));
			}
			else
			{
				heightWhenClosed += 9;			
			}	
					
			panel.addClass('sliding-panel');
			panel.setStyle('height', heightWhenClosed);
									
			var heightOfParentElement = parseInt(parentElement.getStyle('height'));
			heightOfParentElement += parseInt(parentElement.getStyle('padding-top')) + parseInt(parentElement.getStyle('padding-bottom'));
			heightOfParentElement += (heightWhenClosed * 2);
			
			var heightWhenOpen = heightOfParentElement - (parseInt(parentSubArticleImage.getCoordinates().top) - parseInt(parentElement.getCoordinates().top));
			
			if (Browser.Engine.trident4) { // for IE6
				heightWhenOpen -= parseInt(titleElement.getStyle('padding-top')) + parseInt(titleElement.getStyle('padding-bottom'));
			} else {
				heightWhenOpen -=  parseInt(titleElement.getStyle('height'));
			}
			
			contentWrapper.setStyle('height', heightWhenOpen);
			
			
			var heightOfCloseElement = parseInt(closeElement.getStyle('height'));
			contentScroller.setStyle('height', heightWhenOpen-heightOfCloseElement -10); 
			
			
			parentElement.addClass('has-sliding-panel');
			
			
			var panelEffect = new Fx.Morph(panel, {duration:500});
			var toggle = function() 
			{
				var isClosed = parseInt(panel.getStyle('height')) == heightWhenClosed;											
				
				panelEffect.start({'height': (isClosed ? heightWhenOpen : heightWhenClosed)});
				panelEffect.start({'top': 0});
				openButton.tween('opacity', (isClosed ? 0 : 1));
				
				contentScroller.tween('height', (isClosed ? heightWhenOpen-heightOfCloseElement -10: 0)); 								
			}
			
			// events
			titleElement.addEvent('click', toggle);
			openButton.addEvent('click', toggle);
			closeElement.addEvent('click', toggle);
			closeButton.addEvent('click', toggle);
		}
		
		
	});
};

window.addEvent('domready', function() {
	FerrariWorld.enableSlidingPanels();
});*/

var FerrariWorld = {};
FerrariWorld.enableSlidingPanels = function() {
	$$('.fw_other-stories').each(function(panel) {
		var titleElement = panel.getElement('h3');
		var openButton = panel.getElement('.fw_other-story-open');
		var closeElement = panel.getElement('.fw_other-story-close');

		var closeButton = panel.getElement('.close-button');//new Element('div', {'class': 'close-button'});

		var parentElement = panel.getParent();
		var parentSubArticleImage = $('topLimitReleatedLinks');
		var contentWrapper = panel.getElement('.fw_other-stories-wrapper');
		var contentScroller = panel.getElement('.fw_other-stories-scroller');
		
		
			
		if (parentSubArticleImage) 
		{ // don't run the code if there's no image outside
			
			//closeElement.adopt(closeButton);
			
			var heightWhenClosed = parseInt(titleElement.getStyle('height'));
			if (!Browser.Engine.trident4) { // do not execute for IE6 as it calculates box heights incorrectly for elements with padding
				heightWhenClosed += parseInt(titleElement.getStyle('padding-top')) + parseInt(titleElement.getStyle('padding-bottom'));
			}
			else
			{
				heightWhenClosed += 9;			
			}	
					
			panel.addClass('sliding-panel');
			panel.setStyle('height', heightWhenClosed);
					
			var heightOfParentElement = parseInt(parentElement.getStyle('height'));
			heightOfParentElement += parseInt(parentElement.getStyle('padding-top')) + parseInt(parentElement.getStyle('padding-bottom'));
			heightOfParentElement += (heightWhenClosed * 2);
			
			var heightWhenOpen = heightOfParentElement - (parseInt(parentSubArticleImage.getCoordinates().top) - parseInt(parentElement.getCoordinates().top));
			
			if (Browser.Engine.trident4) { // for IE6
				heightWhenOpen -= parseInt(titleElement.getStyle('padding-top')) + parseInt(titleElement.getStyle('padding-bottom'));
			} else {
				heightWhenOpen -=  parseInt(titleElement.getStyle('height'));
			}
			
				if (panel.getAttribute('heightWhenOpen') != null)
				{
					heightWhenOpen = panel.getAttribute('heightWhenOpen');											
				}
				
			contentWrapper.setStyle('height',heightWhenOpen );//
			
			//
			var heightOfCloseElement = parseInt(closeElement.getStyle('height'));
			contentScroller.setStyle('height',heightWhenOpen-heightOfCloseElement -10); 
			
			
			parentElement.addClass('has-sliding-panel');
			
			
			var panelEffect = new Fx.Morph(panel, {duration:500});
			var toggle = function() 
			{
				var isClosed = parseInt(panel.getStyle('height')) == heightWhenClosed;
				
				panelEffect.start({'height': (isClosed ? heightWhenOpen : heightWhenClosed)});
				panelEffect.start({'top': 0});
				openButton.tween('opacity', (isClosed ? 0 : 1));
				//
				contentScroller.tween('height', (isClosed ? heightWhenOpen-heightOfCloseElement -10: 0)); 								
			}
			
			// events
			titleElement.addEvent('click', toggle);
			openButton.addEvent('click', toggle);
			closeElement.addEvent('click', toggle);
			closeButton.addEvent('click', toggle);
		}
		
		
	});
};
/*
window.addEvent('domready', function() {
	FerrariWorld.enableSlidingPanels();
});*/