// JavaScript Document

var thumb_size = 133;
var increments = 0;
var scroll_nav_width;
var fx;
var xPos = 0;
var leftBndry;
var rightBndry;
var navContent;
var accordion;
var currentItem=0;
var currentElement;

window.addEvent('domready', function(){
	
	if ( $E('li', 'scrollContent') ) {
		
		var margin = $E('li', 'scrollContent').getStyle('margin-right').toInt();
		var qty = $('scrollContent').getElements('li').length;
		var scroll_box_width = (thumb_size + margin) * qty;
		var setEvents = false;
		navContent = $('scrollContent');
		
		fx = navContent.effect('left', {duration: 2000, transition: Fx.Transitions.Quad.easeOut, onComplete: setPos} );
		xPos = navContent.getStyle('left').toInt();
		scroll_nav_width = $('scrollNavBox').getStyle('width').toInt() - 80;
	
		navContent.setStyle('width', scroll_box_width);
		$('scrollNavBox').setStyle('overflow', 'hidden');
	
		if (scroll_box_width > scroll_nav_width) {
		
			increments = Math.floor(scroll_box_width/scroll_nav_width);
			rightBndry = xPos - (increments * scroll_nav_width);
			leftBndry = xPos;
		}
	
		if (increments) {
		
			setEvents = true;
		}
	
		if (setEvents) {
		
			$E('a', 'leftButton').addEvent('click', moveRight);
			$E('a', 'rightButton').addEvent('click', moveLeft);
		}
	
	    moveToItem(currentItem);
	    
		accordion = new Accordion('div.handle', 'div.element', {
			opacity: false,
			onActive: function(toggler, element){ toggler.setStyle('background-position', '-185px 0'); },
 			onBackground: function(toggler, element){ toggler.setStyle('background-position', '0 0'); }
		}, $('sideColumn'));
	}
});

function moveRight() {
	
	var xMove = xPos + scroll_nav_width;
	
	if ( xMove >= leftBndry) {
			
		xMove = leftBndry;
		
	}
		
	fx.start( xMove );
}

function moveLeft() {

	var xMove = xPos - scroll_nav_width;

	if (xMove <= rightBndry) {
			
		xMove = rightBndry;
		
	}
		
	fx.start( xMove );
		
}

function moveToItem(currentItem)
{
var xMove = -1;
    if(navigator.appName=="Microsoft Internet Explorer")
        {
           //xMove = xMove * currentElement.offsetParent.offsetLeft;
        }
    else
    {
    xMove =  currentItem * xMove;
    }
    
    if(xMove >= leftBndry)
    {
        xMove = leftBndry;
    }
    if(xMove <= rightBndry)
    {
        xMove = rightBndry;
    }
    fx.start(xMove);
    
    
}




function setPos() {
	
	xPos = navContent.getStyle('left').toInt();
	
}

var windowRef = null;

function myPopUp(url, name, width, height, resizable, scroll, status) {
	
	if ( windowRef && windowRef.closed == false ) {
	
		if (windowRef.name == name) { 
			
			windowRef.focus();
			return;
		
		} else {
			
			windowRef.close();
		}
	} 
		
		var winPadding = 40;
	
		if ( window.screenLeft && window.screenTop ) { 
		
			xPos = window.screenLeft + winPadding;
			yPos = 	window.screenTop + winPadding;

		} else {
		
			xPos = window.screenX + winPadding;
			yPos = window.screenY + winPadding;

		}
	
		if ( isNaN(xPos) || isNaN(yPos) ) {
		
			xPos = winPadding;
			yPos = winPadding;
		}
	
		sFeatures = "height=" + height + ",";
		sFeatures += "width=" + width + ",";
		sFeatures += "top=" + yPos + ",";
		sFeatures += "left=" + xPos + ",";
		sFeatures += resizable ? ("resizable=" + resizable) + "," : "";
		sFeatures += scroll ? ("scrollbars=" + scroll) + "," : "";
		sFeatures += status ? ("status=" + status) : "";
		windowRef = window.open(url, name, sFeatures);
}