var sizableSectionSelector = '.news-sizable-section';
var sizableItemSelector = '.news-sizable';
var sizableImageSelector = 'img';

function makeSizable(){
	// Make them small and only with styles (remove properties)
	$(document.body).getElements(sizableItemSelector+' '+sizableImageSelector).each(function(img){
		// EXAMPLE
		// Size: 100 x 50
		// Shrinked Width: 50
		// Prop: 100 / 50 = 2
		// Shrinked Height: 50 / 2 = 25
		var prop = img.getProperty('width') / img.getProperty('height');
		var shrinkedwidth = img.getProperty('shrinkedwidth');
		var enlargedwidth = img.getProperty('enlargedwidth');
		img.setProperty('shrinkedheight', (shrinkedwidth / prop).round());
		img.setProperty('enlargedheight', (enlargedwidth / prop).round());

		img.setStyle('width',shrinkedwidth+'px');
		img.setStyle('height',img.getProperty('shrinkedheight')+'px');
		img.removeProperty('width');
		img.removeProperty('height');
	});

	// Process each section
	$(document.body).getElements(sizableSectionSelector).each(function(section){

		// Enlarge the first item
		enlargeSizable(section.getElement(sizableItemSelector));

		// Add enlarge event to all items
		section.getElements(sizableItemSelector).addEvents({
		    'mouseenter': function(){ enlargeSizable(this); }
		});

	});
}

function shrinkSizable(item){
	var img = item.getElement(sizableImageSelector);
   	img.setStyle('width',img.getProperty('shrinkedwidth')+'px');
	img.setStyle('height',img.getProperty('shrinkedheight')+'px');
}
function enlargeSizable(item){
	var section = item.getParent(sizableSectionSelector);
	section.getElements(sizableItemSelector).each(function(item){ shrinkSizable(item); });

	var img = item.getElement(sizableImageSelector);
	img.setStyle('width',img.getProperty('enlargedwidth')+'px');	
	img.setStyle('height',img.getProperty('enlargedheight')+'px');
}

window.addEvent('domready',function(){ makeSizable(); });