var dept = 1;
	var deptview = 0;
		
function getDepartmentProducts() {
	var dummy = new Ajax.Updater('homeThumbs', 'xml/deptpreview2.asp', { method: 'get', parameters: {g: dept, v: deptview} }); 

	// show selected dept
	var x = $("homeDepts").select('a');
	for (var i=0;i<x.length;i++) {
		x[i].className = ("dept" + dept == x[i].id) ? "selected" : "";
	}

	// show selected deptview
	x = $("homeDeptView").select('a');
	for (i=0;i<x.length;i++) {
		x[i].className = (i == deptview) ?	"selected" : "";
	}
}

function clickDept(event) {
	var x = this.id;
	if (x.length > 4) {
		dept = x.substring(4);
		getDepartmentProducts();
	}
	event.stop();
}

function clickDeptView(event) {
	var x = this.id.toArray();
	if (x.length == 9) {
		deptview = x[8];
		getDepartmentProducts();
	}
	event.stop();
}

function initDeptAndDeptView(newDept, newDeptView) {
	dept = newDept;
	deptview = newDeptView;
}

function initProductViewHandlers(event) {
	// setup 'click' event handlers for Department View and Department links
	var x = $("homeDeptView").select('a');
	for (var i=0;i<x.length;i++) {
	  x[i].observe('click', clickDeptView);
	}
	x = $("homeDepts").select('a');
	for (i=0;i<x.length;i++) {
	  x[i].observe('click', clickDept);
	}
	// display initial thumbnails
	getDepartmentProducts();
}

Event.observe(window, 'load', initProductViewHandlers);