function changedetailpic( path ) {
	
	path = "media/pic/"+path;
	//console.debug(path);
	//console.debug(document.detail_pic.src);
	
	document.getElementById('detail_pic').src=path;
	

}
function changemainpic( path ) {
	
	
	
	
	path = "media/pic/"+path;
	//console.debug(path);
	//console.debug(document.detail_pic.src);
	document.main_pic.src=path;
	

}

function imageswap_old( image ) {
	
	var smallpicpath = image.src;
	var bigimage = image.parentNode.parentNode.parentNode.firstElementChild;
	var bigimagepath = bigimage.src;
	var temppath = bigimagepath;
	
	//console.debug( "smallimagepath", smallpicpath );
	//console.debug( "bigimage", bigimage );
	//console.debug( "bigimagepath", bigimagepath );
	//console.debug( "temppath: ", temppath );
	
	bigimage.src = smallpicpath;
	image.src = temppath;
}

function imageswap( image ) {
	
	//var colorpic = image.childNodes[1];
	//console.debug( "colorpic", colorpic);
	
	//var greypic = image.childNodes[3];
	//console.debug( "greypic", greypic);
	
	//colorpic.style.display = 'block';
	//greypic.style.display = 'none';
	
	var colorpic = image.parentNode.firstElementChild;
	console.debug( "colorpic", colorpic);
	
	//var greypic = image.childNodes[3];
	//console.debug( "greypic", greypic);
	
	colorpic.style.display = 'block';
	image.style.display = 'none';
	
	
}
function imageswap_out( image ) {
	
	//var colorpic = image.childNodes[1];
	//console.debug( "colorpic", colorpic);
	
	//var greypic = image.childNodes[3];
	//console.debug( "greypic", greypic);
	
	//colorpic.style.display = 'block';
	//greypic.style.display = 'none';
	
	var greypic = image.parentNode.childNodes[3];
	console.debug( "greypic", greypic);
	
	//var greypic = image.childNodes[3];
	//console.debug( "greypic", greypic);
	
	greypic.style.display = 'block';
	image.style.display = 'none';
	
	
}