// JavaScript Document

var productPos = ['', '0', '-114px', '-228px', '-342px', '-455px', '-568px', '-682px'];

function changeProductViewer(i) 
	{
		if(i == 1) 
		{
			document.getElementById('pro1').style.backgroundPosition = productPos[1] + " -92px";
			document.getElementById('pro2').style.backgroundPosition = productPos[2] + " 0";
			document.getElementById('pro3').style.backgroundPosition = productPos[3] + " 0";
			document.getElementById('pro4').style.backgroundPosition = productPos[4] + " 0";
			document.getElementById('pro5').style.backgroundPosition = productPos[5] + " 0";
			document.getElementById('pro6').style.backgroundPosition = productPos[6] + " 0";
			document.getElementById('pro7').style.backgroundPosition = productPos[7] + " 0";
		} 
		if(i == 2) 
		{
			document.getElementById('pro1').style.backgroundPosition = productPos[1] + " 0";
			document.getElementById('pro2').style.backgroundPosition = productPos[2] + " -92px";
			document.getElementById('pro3').style.backgroundPosition = productPos[3] + " 0";
			document.getElementById('pro4').style.backgroundPosition = productPos[4] + " 0";
			document.getElementById('pro5').style.backgroundPosition = productPos[5] + " 0";
			document.getElementById('pro6').style.backgroundPosition = productPos[6] + " 0";
			document.getElementById('pro7').style.backgroundPosition = productPos[7] + " 0";
		}  
		if(i == 3) 
		{
			document.getElementById('pro1').style.backgroundPosition = productPos[1] + " 0";
			document.getElementById('pro2').style.backgroundPosition = productPos[2] + " 0";
			document.getElementById('pro3').style.backgroundPosition = productPos[3] + " -92px";
			document.getElementById('pro4').style.backgroundPosition = productPos[4] + " 0";
			document.getElementById('pro5').style.backgroundPosition = productPos[5] + " 0";
			document.getElementById('pro6').style.backgroundPosition = productPos[6] + " 0";
			document.getElementById('pro7').style.backgroundPosition = productPos[7] + " 0";
		}   
		if(i == 4) 
		{
			document.getElementById('pro1').style.backgroundPosition = productPos[1] + " 0";
			document.getElementById('pro2').style.backgroundPosition = productPos[2] + " 0";
			document.getElementById('pro3').style.backgroundPosition = productPos[3] + " 0";
			document.getElementById('pro4').style.backgroundPosition = productPos[4] + " -92px";
			document.getElementById('pro5').style.backgroundPosition = productPos[5] + " 0";
			document.getElementById('pro6').style.backgroundPosition = productPos[6] + " 0";
			document.getElementById('pro7').style.backgroundPosition = productPos[7] + " 0";
		}  
		if(i == 5) 
		{
			document.getElementById('pro1').style.backgroundPosition = productPos[1] + " 0";
			document.getElementById('pro2').style.backgroundPosition = productPos[2] + " 0";
			document.getElementById('pro3').style.backgroundPosition = productPos[3] + " 0";
			document.getElementById('pro4').style.backgroundPosition = productPos[4] + " 0";
			document.getElementById('pro5').style.backgroundPosition = productPos[5] + " -92px";
			document.getElementById('pro6').style.backgroundPosition = productPos[6] + " 0";
			document.getElementById('pro7').style.backgroundPosition = productPos[7] + " 0";
		}   
		if(i == 6) 
		{
			document.getElementById('pro1').style.backgroundPosition = productPos[1] + " 0";
			document.getElementById('pro2').style.backgroundPosition = productPos[2] + " 0";
			document.getElementById('pro3').style.backgroundPosition = productPos[3] + " 0";
			document.getElementById('pro4').style.backgroundPosition = productPos[4] + " 0";
			document.getElementById('pro5').style.backgroundPosition = productPos[5] + " 0";
			document.getElementById('pro6').style.backgroundPosition = productPos[6] + " -92px";
			document.getElementById('pro7').style.backgroundPosition = productPos[7] + " 0";
		}   
		if(i == 7) 
		{
			document.getElementById('pro1').style.backgroundPosition = productPos[1] + " 0";
			document.getElementById('pro2').style.backgroundPosition = productPos[2] + " 0";
			document.getElementById('pro3').style.backgroundPosition = productPos[3] + " 0";
			document.getElementById('pro4').style.backgroundPosition = productPos[4] + " 0";
			document.getElementById('pro5').style.backgroundPosition = productPos[5] + " 0";
			document.getElementById('pro6').style.backgroundPosition = productPos[6] + " 0";
			document.getElementById('pro7').style.backgroundPosition = productPos[7] + " -92px";
		} 
	}