window.addEvent('domready', function(){
	var As = $$('div.newsContent').getElements('.news a.open');
	new Show(As);
});

var Show = new Class({
	options: {
		'height' : [85, 190],
		'top' : [78, 183],
		'marginTop' : [-12, -115],
		'heightTxt' : [48, 153]
	},
	initialize: function(elements){
		this.divS = $$('div .news');		
		this.contentElements = $$('div .newsContent');
		this.elements = elements[0];
		this.height = this.elements[0].getStyle('height').toInt();
		this.elements.setHref();
		this.elements.each( (function(item){ item.addEvent('click', this.change.bind([this, item]) ); }).bind(this));
	},
	change: function(){
		var element = this[1];
		var parent = this[0];		
		var toChng = [element.parentNode];
		parent.divS.each( (function(item, index){
		if( item.getStyle('height').toInt() >= 150 ) toChng.push( item );
		}).bind(parent));
		
		//toChng.push( element.parentNode );
		toChng.each( (function( item, index ){
			this[0].move(item, index);
		}).bind(this));
	},
	move: function(element, index){
		var subTitle = element.getElement('.sub-title');
		subTitle.addClass('short');
		if( element.get('id').toInt() > 2 ){
			var fxElements = [element, 
					      element.getElement('.bottom'), 
					      this.contentElements[0] ];
			var fxTo = {
				'0' : {
					'height' : [this.options.height[index], this.options.height[Math.abs( index - 1 ) ]]
					},
				'1' : {
					'top' : [this.options.top[index], this.options.top[ Math.abs(index - 1) ]]
					},
				'2' : {
					'margin-top' : [this.options.marginTop[index], this.options.marginTop[Math.abs( index - 1 ) ]]
					}
			};
		}else{
			var fxElements = [element,
						  element.getElement('.bottom') ];
			var fxTo = {
				'0' : {
					'height' : [this.options.height[index], this.options.height[Math.abs( index - 1 ) ]]
					},
				'1' : {
					'top' : [this.options.top[index], this.options.top[ Math.abs(index - 1) ]]
					}
			};
		}
		new Fx.Elements( fxElements, { 
				duration : 300,
				onComplete : (function(){
					if( index ){
						var bg = '+'; 
						subTitle.addClass('short');
					}else{ 
						var bg = '-';
						subTitle.removeClass('short');
					}
					this.getElement('a.open').setStyle('background-image', 'url(img/all/info'+bg+'.png)');
				}).bind(element)
			}
		).start(fxTo);								  
	}
});