viewer = {
	buttonUp : 'scroll-up',
	buttonDown : 'scroll-down',
	scrollRegion : 'highlights',
	toScroll : 30,
	init : function() {
		//viewer.safariBtn();
		viewer.slideSelector();
		//setTimeout(viewer.initButtons, 1000);
		viewer.initButtons();

	},
	
	safariBtn : function() {
			var scrollUp = document.getElementById('scroll-up');
			var scrollDown = document.getElementById('scroll-down');
			if (navigator.userAgent.indexOf('Safari') == -1) {
				scrollUp.className = 'visible';
				scrollDown.className = 'visible';
			}
			else {
				scrollUp.className = 'hidden';
				scrollDown.className = 'hidden';
			}
		},
	
	slideSelector : function() {
		var slideContainer = document.getElementById(viewer.scrollRegion);
		var slidesArr = slideContainer.getElementsByTagName('img');
		if (!slidesArr) return;
		for (i=0;i<slidesArr.length;i++) {
			slidesArr[i].onmouseover = function() {
				cssjs('add',this,'hover');
			}
			slidesArr[i].onmouseout = function() {
				cssjs('remove',this,'hover');
			}
			slidesArr[i].onclick = function() {
				var anySelected = getElementsByClass('selected',slideContainer,'td');
				if (anySelected.length > 0) {
					for (j=0;j<anySelected.length;j++) {
						if (cssjs('check',anySelected[j],'selected')) {
							cssjs('remove',anySelected[j],'selected');
						}
					}
				}	
				cssjs('add',this.parentNode,'selected');
			}
		}
	},
	initButtons : function() {
		var upBut = document.getElementById(viewer.buttonUp);
		var downBut = document.getElementById(viewer.buttonDown);

		upBut.onclick = function() {
			fleXcrollTo(viewer.scrollRegion,0,-(viewer.toScroll));
		}
		downBut.onclick = function() {
			fleXcrollTo(viewer.scrollRegion,0,viewer.toScroll); 
		}
		
	}
	
}


addEvent(window,'load',viewer.init);