// JavaScript Document

function ep_format_img ( o_img ) {
	//alert ( 'ep_format_img ( o_img:' + o_img + ' )' );
	if ( o_img.offsetWidth ) {
		var img_w 		= o_img.offsetWidth;
		var img_h 		= o_img.offsetHeight;
		
		var o_bleed 	= o_img.parentNode; //document.getElementById ( 'bleed' );
		var bleed_w 	= o_bleed.offsetWidth;
		var bleed_h 	= o_bleed.offsetHeight;
		
		var img_ratio 	= img_h / img_w;
		var new_h 		= Math.ceil ( bleed_w * img_ratio );
		var new_x 		= 0;
		var new_y 		= 0;
		if ( bleed_h > new_h ) {
			// ---	set the image to bleed horizontally
			img_ratio 	= img_w / img_h;
			o_img.style.width 	= Math.ceil ( bleed_h * img_ratio ) + "px";
			o_img.style.height 	= bleed_h + "px";
			// ---	center align
			var new_x 	= Math.ceil ( - ( ( o_img.offsetWidth - o_bleed.offsetWidth ) /2 ) );
		} else {
			// ---	set the image to bleed vertically
			o_img.style.width 	= bleed_w + "px";
			o_img.style.height 	= new_h + "px";
			// ---	middle align
			var new_y 	= Math.ceil ( - ( ( o_img.offsetHeight - o_bleed.offsetHeight ) /3 ) );
		}
		o_img.style.marginLeft 	= new_x + "px";
		o_img.style.marginTop 	= new_y + "px";
	} else {
		o_img.style.width 	= '100%';
		o_img.style.height 	= '100%';
	}
}