//var console;

function changeImg() {
	//console.log('this = ' + $(this).attr("src"));
	//$('this').replaceWith('<img src="images/swell_' + 1 +'_main.jpg" alt="Main Image"/>');
	 
	$('#inforArea').css("display", "none");
	$('#mainImage').css("display", "block");
	str = $(this).attr("src");
	splitStr = str.split('images/');
	splitStr2 = splitStr[1].split('_thumb.jpg');
	newStr = splitStr2[0];
	//console.log(splitStr2[0]);
	$('#mainImage img').replaceWith('<img src="images/' + newStr +'_main.jpg" alt="Main Image"/>');
	$('#images #mainImage img').bind('click', expandImg);
	//$('#mainImage img').attr("src", newStr);
	//Cufon.replace('#colourChart p'); 
};

function expandImg() {
	//console.log('boo');
	originalImg = $(this).attr("src");
	originalImg2 = originalImg.split("images/");
	originalImg3 = originalImg2[1].split("_main.jpg");
	//console.log(originalImg3[0]);
	window.open(("large_image.php#" + originalImg3[0]));
};


$(document).ready(function() {  
		$('#images #thumbs li a img').bind('click', changeImg);
		$('#mainImage img').bind('click', expandImg);
	}
);