var pic1 = new Image(450,450); 

function viewImage(a) {
	document.getElementById('img_container').style.left="50%";
	new Effect.Appear(document.getElementById('img_container'));
	new Effect.Appear(document.getElementById('close'));
	
	var li = a.parentNode;
	var imgUrl = li.getElementsByTagName('img')[0].src;
	var imgBig = document.getElementById('img_container').getElementsByTagName('img')[0];
	
	//imgBig.src = imgUrl.replace("thumbs", "big");
	
	//
	pic1.src = imgUrl.replace("thumbs", "big");
	setTimeout("preload()", 2000);
	//
	
	return false;
}

function hideImage() {
	new Effect.Fade(document.getElementById('close'));
	setTimeout("hideHelper()", 900);
}

function load() {
	document.getElementById('img_container').style.left="-200%";
	new Effect.SwitchOff(document.getElementById('img_container'));
	new Effect.SwitchOff(document.getElementById('img_big'));
}

function hideHelper() {
	new Effect.SwitchOff(document.getElementById('img_big'));
	new Effect.SwitchOff(document.getElementById('img_container'));
	setTimeout("hideHelper2()", 200);
}

function hideHelper2() {
	var imgBig = document.getElementById('img_container').getElementsByTagName('img')[0];
	imgBig.src = '';
}

function preload() {
	var imgBig = document.getElementById('img_container').getElementsByTagName('img')[0];
	imgBig.src = pic1.src;
	new Effect.BlindDown(document.getElementById('img_big'));
}