var ImageTimer;

function ShowModalImage(preview,ext) {
	ShowModalBackground();
	
	var image_preview = preview.getElementsByTagName("img")[0];
	var image_title = preview.title;
	$('modal_popup_image_tag').src = image_preview.src.replace('.preview.', '.');
	if (ext)
	{
		var len = $('modal_popup_image_tag').src.length-4;
		$('modal_popup_image_tag').src = $('modal_popup_image_tag').src.substring(0,len)+'.'+ext;
	}
	$('modal_popup_image_title').style.display = 'none';
	$('modal_popup_image_title').innerHTML = image_title;
	ImageTimer = window.setInterval("IncreaseImageSize()", 30);
	$('modal_popup_image').style.display = '';
	$('modal_popup_image').style.height = '50px';
	$('modal_popup_image').style.width = '100px';
}

function IncreaseImageSize() {
	if ($('modal_popup_image_tag').width > 0) {
		var done = true;

		var old_height = $('modal_popup_image').getHeight();
		var image_height = $('modal_popup_image_tag').height + 24;
		if (old_height < image_height) {
			$('modal_popup_image').style.height = (old_height+16)+"px";
			done = false;
		} else {
			$('modal_popup_image').style.height = (image_height)+"px";
		}

		var old_width = $('modal_popup_image').getWidth();
		var image_width = $('modal_popup_image_tag').width;
		if (old_width < image_width) {
			$('modal_popup_image').style.width = (old_width+20)+"px";
			done = false;
		} else {
			$('modal_popup_image').style.width = (image_width)+"px";
		}
		if (done) {
			$('modal_popup_image_title').style.display = '';
			window.clearInterval(ImageTimer);
		}
	}
}

function HideModalImage() {
	HideModalBackground();
	$('modal_popup_image').style.display = 'none';
}