var grey1;
var grey2;
var grey3;
var grey4;

var color1;
var color2;
var color3;
var color4;

function showDetails(id) {
	var none = document.getElementById('noneSelected');
	var details = document.getElementById('detailsContainer');
	
	var el1 = document.getElementById('sgs-09-enjoy');
	var el2 = document.getElementById('sgs-09-flirt');
	var el3 = document.getElementById('sgs-09-relax');
	var el4 = document.getElementById('sgs-09-reuse');
	
	var td1 = document.getElementById('td_sgs-09-enjoy');
	var td2 = document.getElementById('td_sgs-09-flirt');
	var td3 = document.getElementById('td_sgs-09-relax');
	var td4 = document.getElementById('td_sgs-09-reuse');
	
	var img1 = document.getElementById('img_sgs-09-enjoy');
	var img2 = document.getElementById('img_sgs-09-flirt');
	var img3 = document.getElementById('img_sgs-09-relax');
	var img4 = document.getElementById('img_sgs-09-reuse');
	
	none.style.display = 'none';
	details.style.display = 'block';
	el1.style.display = 'none';
	el2.style.display = 'none';
	el3.style.display = 'none';
	el4.style.display = 'none';
	td1.style.backgroundColor = '#ffffff';
	td2.style.backgroundColor = '#ffffff';
	td3.style.backgroundColor = '#ffffff';
	td4.style.backgroundColor = '#ffffff';
	img1.src = grey1.src;
	img2.src = grey2.src;
	img3.src = grey3.src;
	img4.src = grey4.src;
	
	
	if (id == "sgs-09-enjoy") {
		el1.style.display = 'block';
		td1.style.backgroundColor = '#cccccc';
		img1.src = color1.src;
	}
	if (id == "sgs-09-flirt") {
		el2.style.display = 'block';
		td2.style.backgroundColor = '#cccccc';
		img2.src = color2.src;
	}
	if (id == "sgs-09-relax") {
		el3.style.display = 'block';
		td3.style.backgroundColor = '#cccccc';
		img3.src = color3.src;
	}
	if (id == "sgs-09-reuse") {
		el4.style.display = 'block';
		td4.style.backgroundColor = '#cccccc';
		img4.src = color4.src;
	}
}

window.onload = function() {
	grey1 = new Image();
	grey1.src = "/qk2/img/special/createincolor/bw/sgs-09-enjoy.gif";
	grey2 = new Image();
	grey2.src = "/qk2/img/special/createincolor/bw/sgs-09-flirt.gif";
	grey3 = new Image();
	grey3.src = "/qk2/img/special/createincolor/bw/sgs-09-relax.gif";
	grey4 = new Image();
	grey4.src = "/qk2/img/special/createincolor/bw/sgs-09-reuse.gif";
	color1 = new Image();
	color1.src = "/qk2/img/special/createincolor/sgs-09-enjoy.gif";
	color2 = new Image();
	color2.src = "/qk2/img/special/createincolor/sgs-09-flirt.gif";
	color3 = new Image();
	color3.src = "/qk2/img/special/createincolor/sgs-09-relax.gif";
	color4 = new Image();
	color4.src = "/qk2/img/special/createincolor/sgs-09-reuse.gif";
}