function showProduct(imgTr){
		var p1 = document.getElementById('Product1')
		var p2 = document.getElementById('Product2')
		var p3 = document.getElementById('Product3')
		var p4 = document.getElementById('Product4')
		var p5 = document.getElementById('Product5')
		var p6 = document.getElementById('Product6')
		var p7 = document.getElementById('Product7')
		var p8 = document.getElementById('Product8')
		var p9 = document.getElementById('Product9')
		var p10 = document.getElementById('Product10')
		var p11 = document.getElementById('Product11')
		var p12 = document.getElementById('Product12')
		
		var i1 = document.getElementById('Image1')
		var i2 = document.getElementById('Image2')
		var i3 = document.getElementById('Image3')
		var i4 = document.getElementById('Image4')
		var i5 = document.getElementById('Image5')
		var i6 = document.getElementById('Image6')
		var i7 = document.getElementById('Image7')
		var i8 = document.getElementById('Image8')
		var i9 = document.getElementById('Image9')
		var i10 = document.getElementById('Image10')
		var i11 = document.getElementById('Image11')
		var i12 = document.getElementById('Image12')
		
		switch (imgTr) {
	    case 1 : case 2 : case 3 : case 4 :
			for (i = 1; i < 5; i++) {
    			eval('p' + i + '.style.display="none"');
				eval('i' + i + '.style.border="inset"');			
			}
			 break;
	   case 5 : case 6 : case 7 : case 8 :
			for (i = 5; i < 9; i++) {
    			eval('p' + i + '.style.display="none"');
				eval('i' + i + '.style.border="inset"');			
			}
			 break;
	   case 9 : case 10 : case 11 : case 12 :
			for (i = 9; i < 13; i++) {
    			eval('p' + i + '.style.display="none"');
				eval('i' + i + '.style.border="inset"');			
			}
			break;
	   default :
		   break;
	}
	eval('p' + imgTr + '.style.display="block"');
	eval('i' + imgTr + '.style.border="outset"');
}