// JavaScript Document

var ImageBar =  {
	
	image_bar_content : null, //Store dom here when hidden
	
	leftScroller : null,
	rightScroller : null,
	scrollingDiv : null,
	
	init : function(div, left, right){
		ImageBar.leftScroller = left;
		ImageBar.rightScroller = right;
		ImageBar.scrollingDiv = div;
		
		left.addClass('image-bar-ctrl');
		right.addClass('image-bar-ctrl');
		
		left.addEvent('click', ImageBar.left);
		right.addEvent('click', ImageBar.right);
	},

	right : function(){
		var el = ImageBar.scrollingDiv;
		var f = new Fx.Scroll(el,{onComplete: ImageBar.scrollDone});
		var size = el.getSize();
		var scrollto_x = size.scroll.x + 448;
				
		if (scrollto_x > size.scrollSize.x) scrollto_x = size.scrollSize.x;
				
		f.scrollTo(scrollto_x, 0);
		return false;
	},
	
	left : function(){
		var el = ImageBar.scrollingDiv;
		var f = new Fx.Scroll(el,{onComplete: ImageBar.scrollDone});
		var size = el.getSize();
		var scrollto_x = size.scroll.x - 448;
		
		if (scrollto_x < 0) scrollto_x = 0;
		
		f.scrollTo(scrollto_x, 0);
		return false;
	},
	
	scrollDone : function(){
		var sl = ImageBar.scrollingDiv.scrollLeft;
		var sw = ImageBar.scrollingDiv.scrollWidth;
		var pw = ImageBar.scrollingDiv.parentNode.offsetWidth;
		
		if (sl == 0) 
			ImageBar.leftScroller.addClass('disabled');
		else
			ImageBar.leftScroller.removeClass('disabled');
			
		if (sl >= (sw-pw-5)) 
			ImageBar.rightScroller.addClass('disabled');
		else
			ImageBar.rightScroller.removeClass('disabled');
	},
	
	constrainToViewport : function(){
		var sl = ImageBar.scrollingDiv.scrollLeft;
		var sw = ImageBar.scrollingDiv.scrollWidth;
		var pw = ImageBar.scrollingDiv.parentNode.offsetWidth;
		
		if (sl < 0) sl = 0;
		
		if (sl >= (sw-pw+3)) sl=(sw-pw);
		
		ImageBar.scrollingDiv.scrollLeft = sl;
	},
	
	hide : function(){
		var firstPanel = $(UIConfig.image_bar_outer.firstChild);
		firstPanel.setStyle('display', 'none');
		firstPanel.getNext().setStyle('display', 'block');
		UI.resized();
	},
	
	show : function(){
		var firstPanel = $(UIConfig.image_bar_outer.firstChild);
		firstPanel.setStyle('display', 'block');
		firstPanel.getNext().setStyle('display', 'none');
		UI.resized();	
		
		//FF bug fix. Change bg color of image bar to force repaint and remove scroll bar bug.
		var c = Math.round(Math.random()*12)+218;
		UIConfig.image_bar_outer.style.backgroundColor = 'rgb('+c+','+c+','+c+')';
	},
	
	imageClicked : function(){
		Explore.markerClicked(this._ms_id);
	},
	
	imageHover : function(){
		Markers.hoverOver(this._ms_id);
	},
	
	imageUnHover : function(){
		Markers.stopHoverOver(this._ms_id);
	}
	
	
}