var firstTime = false;

loadMainImage = function(imgsrc,id) {
	
	if (cur_id != '') { 
		Effect.Fade('mi', { 
			afterFinish: function() {
				$('miDiv').innerHTML = "<img id='mi' src='/media/magick.php/"+imgsrc+"?resize(570x500)' style='display:none' />"
				$('thumb'+cur_id).className = 'thumb';
				$('thumb'+id).className = 'thumbsel';
				changeHeight();
				Effect.Appear('mi',{queue:'end'});
				cur_id = id;
			} 
		});
	} else {
		$('miDiv').innerHTML = "<img id='mi' src='/media/magick.php/"+imgsrc+"?resize(570x500)' style='display:none' />";
		$('thumb'+id).className = 'thumbsel';
		changeHeight();
		Effect.Appear('mi',{queue:'end'});
		cur_id = id;
	}
	
	
}

changeHeight = function() {
	if ($('mi').height == 0) {
		setTimeout("changeHeight()",500);
	} else {
		height = Math.floor($('mi').height - $('miDiv').offsetHeight)
	//	alert(height)
		if (height != 0)
			new Effect.ReSize($('miDiv'), {direction:'vert', amount:height});
	}
}

var ajax;


function runAjaxPost(frm) 
{
	var ajax = new Ajax.Request(
			$(frm).action,
			{ method:'post', parameters: Form.serialize(frm), onComplete: runResponse });
}

function runForm(frm) 
{
	runAjaxPost(frm);
	return false;
}



function runResponse(res) 
{
	if (res.responseText != "") {
		response = res.responseText.split('|');
		
		if (response[0] == 'ERR') {
			$('system_msg').innerHTML = "<div>ERROR: "+response[1]+"</div>";
			if ($('system_msg').style.display == 'none') Effect.SlideDown('system_msg');
		} else if (response[0] == 'SUC') {
			$('system_msg').innerHTML = "<div>"+response[1]+"</div>";
			if ($('system_msg').style.display == 'none') Effect.SlideDown('system_msg');
			$('contact_name').value = '';
			$('contact_email').value = '';
			$('contact_details').value = '';
		}
		
		
	}

}