// JavaScript Document

function showdetail(divname) {
	switch(divname) {
		
		case 'cherry_modern':
			document.getElementById("cherry_modern_div").className = 'cherry_modern_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'rift_beech':
			document.getElementById("rift_beech_div").className = 'rift_beech_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'trad_oak':
			document.getElementById("trad_oak_div").className = 'trad_oak_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'cream':
			document.getElementById("cream_div").className = 'cream_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'walnut':
			document.getElementById("walnut_div").className = 'walnut_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'choc_oak':
			document.getElementById("choc_oak_div").className = 'choc_oak_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'maple':
			document.getElementById("maple_div").className = 'maple_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'oak':
			document.getElementById("oak_div").className = 'oak_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
		
		case 'white_satin':
			document.getElementById("white_satin_div").className = 'white_satin_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'white_satin_2':
			document.getElementById("white_satin_div").className = 'white_satin_pop_show';
			document.getElementById("blur_bg").className = 'show_blur';
			break;
			
		case 'close':
			document.getElementById("cherry_modern_div").className = 'cherry_modern_pop';
			document.getElementById("rift_beech_div").className = 'rift_beech_pop';
			document.getElementById("trad_oak_div").className = 'trad_oak_pop';
			document.getElementById("cream_div").className = 'cream_pop';
			document.getElementById("walnut_div").className = 'walnut_pop';
			document.getElementById("choc_oak_div").className = 'choc_oak_pop';
			document.getElementById("maple_div").className = 'maple_pop';
			document.getElementById("oak_div").className = 'oak_pop';
			document.getElementById("white_satin_div").className = 'white_satin_pop';
			// get rid of the transparent BG
			document.getElementById("blur_bg").className = 'normal';
			break;

		//default:
		//case 'image':
		//	document.getElementById("colourTab").className = 'tab_inactive_wide';
		//	document.getElementById("colourContent").className = 'detail_inactive';
		//	break;
	}
}