sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

function setPhoto(src)
{
	document.getElementById('bxm').style.backgroundImage = 'url(/img/products/' + src + ')';
}

function hideBox()
{
	document.getElementById('box').style.display = 'none';
}

function showBox(id,photos)
{
	document.getElementById('lblProductName').innerHTML = '<span style="float:right;"><a href="javascript:hideBox();">Close [x]</a></span>' + photos[id]['n'];
	document.getElementById('lblPrice').innerHTML = 'AUD ' + photos[id]['p'];
	document.getElementById('features').innerHTML = photos[id]['f'];

	var tmp = '';

	for (var colour in photos[id]['c'])
	{
		if (tmp.length > 0)
			tmp += " &nbsp; ";
		else
			setPhoto(photos[id]['c'][colour]);

		tmp += "<a href=\"javascript:setPhoto('" + photos[id]['c'][colour] + "');\">" + colour + "</a>";
	}

	document.getElementById('colourLinks').innerHTML = tmp;
	document.getElementById('box').style.display = '';
}