var counter = 10;
var viewall = false;
var contentWidth = null;

function scrollerInitiate(cnt) {
	fixClip();
	scrollMe(cnt);
	if(! noScroll){
		document.getElementById('deptScroller').style.display = 'block';
	}
	var total = parseInt(240) * parseInt(cnt);
	document.getElementById("content").style.width = total;
}
function changeDeptImage(pid, coll, seq){
	if(seq < 10){
		seq = '0'+seq;
	}
}
function fixClip(){
	var browserWidth = document.body.clientWidth ? document.body.clientWidth : window.innerWidth;
	if(browserWidth < 879){
		browserWidth = 879;
	}
	if(!viewall){ 
		//displayDept(counter)
	}else{
		displayViewall()
	}
	if (document.getElementById){
		document.getElementById('contentMask').style.clip = 'rect(0px,'+browserWidth+'px, 311px, 0px)';
		document.getElementById('contentMask').style.width = browserWidth+'px';
		//document.getElementById('content').style.width = contentWidth+'px';
	}
}
function getDeptMOver(span){
	return function(){span.style.visibility = 'visible'};
}
function getDeptMOut(span){
	return function(){span.style.visibility = 'hidden'};
}
function scrollMe(cnt){
	// speed, dragwidth, trackWidth, trackObj, upObj, downObj, dragObj, contentMaskObj, contentObj
	myScroll = new ScrollObj(cnt,1,302,"track","up","down","drag","contentMask","content");
}
function displayDept(count){
	contentWidth = ((count * 290) + 95);
	var tds = document.getElementById('deptImgs').getElementsByTagName('td');
	var tables = document.getElementById('deptImgs').getElementsByTagName('table');
	for(i=0; i < tables.length; i++){
		if(division != 12204 && division != 12205 && division != 12105 && division != 12104){
			addEvent(tables[i], 'mouseover', getDeptMOver(tables[i].getElementsByTagName('span')[0]));
			addEvent(tables[i], 'mouseout', getDeptMOut(tables[i].getElementsByTagName('span')[0]));
		}else{
			(tables[i].getElementsByTagName('span')[0]).style.visibility = 'visible';
		}
	}
}