var products = new Array();

products[1] = 'SBSS08-01';
products[2] = 'SBSS08-03';
products[3] = 'SBSS08-07';
products[4] = 'SBSS08-61';
products[5] = 'SBSS08-10';
products[6] = 'SBSS08-12';
products[7] = 'SBSS08-14';
products[8] = 'SBSS08-17';
products[9] = 'SBSS08-21';
products[10] = 'SBSS08-22';
products[11] = 'SBSS08-25';
products[12] = 'SBSS08-26';
products[13] = 'SBSS08-27';
products[14] = 'SBSS08-28';
products[15] = 'SBSS08-29';
products[16] = 'SBSS08-30';
products[17] = 'SBSS08-33';
products[18] = 'SBSS08-34';
products[19] = 'SBSS08-36';
products[20] = 'SBSS08-37';
products[21] = 'SBSS08-51';
products[22] = 'SBSS08-52';

var selectedIndex = 1;

function toggleDisplay(id) {
	var el = document.getElementById(id);
	el.style.display = (el.style.display == 'block')?'none':'block';
}

function showProduct(index) {
	if(index == selectedIndex || index < 1 || index > products.length-1)
		return;
	
	updateDiv('productdiv.php?style='+products[index], 'productbox');
	selectedIndex = index;
}

function updateDiv(url, targetDiv, callback) {
	var xh = getXmlHttp();
	if(!xh)
		return;
	xh.open('GET', url, true);
	xh.onreadystatechange=function() {
		if (typeof xh=='undefined' || xh.readyState!=4) return;
		document.getElementById(targetDiv).innerHTML = xh.responseText;
		if(callback) callback();
	}
	xh.send(null);
}

function getXmlHttp() {
	var xmlHttp = null;
	try {
		xmlHttp=new XMLHttpRequest();
	} catch(e) {
		try {
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

function doAction(action, cartid) {
	document.getElementById('actionfield-'+cartid).value=action;
	document.getElementById('form-'+cartid).submit();
}