function getObj(name) {
	if (document.getElementById) {
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	} else if (document.all) {
		this.obj = document.all[name];
		this.style = document.all[name].style;
	} else if (document.layers) {
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}

var product_img = new getObj("product-image");
var items_dl = new getObj("product-list");
var views_ul = new getObj("more-views");
var views_array = new Array();

var views = 0;

function updateViews(view_id) {
	var num = Number(view_id.substring(view_id.indexOf("-") + 1, view_id.length));
	var v = 0;
	for (var i = 0; i < views_ul.obj.childNodes.length; i++) {
		if (views_ul.obj.childNodes[i].nodeType == 1) {
			v++;
			var view_li = views_ul.obj.childNodes[i];
			if (v > num) {
				view_li.childNodes[0].style.backgroundColor = "#B3B3B3";
			} else {
				view_li.childNodes[0].style.backgroundColor = "#FF1300";
			}
		}
	}
};

for (var i = 0; i < items_dl.obj.childNodes.length; i++) {
	if (items_dl.obj.childNodes[i].nodeName.toLowerCase() == "dt") {
		for (var j = 0; j < items_dl.obj.childNodes[i].childNodes.length; j++) {
			if (items_dl.obj.childNodes[i].childNodes[j].nodeName.toLowerCase() == "a") {
				items_dl.obj.childNodes[i].childNodes[j].onclick = function() {
					product_img.obj.src = this.href;
					updateViews(this.id);
					return false;
				}
			}
		}
	}
}

for (var i = 0; i < views_ul.obj.childNodes.length; i++) {
	if (views_ul.obj.childNodes[i].nodeType == 1) {
		views++;
		var view_li = views_ul.obj.childNodes[i];
		view_li.childNodes[0].onclick = function() {
			product_img.obj.src = this.href;
			updateViews(this.parentNode.id);
			return false;
		}
	}
}