var DFP = window.DFP || {};

// a few global vars...
var x;
var tabBarWidth = 570;

DFP.scrollTabs = function(direction) {
	x = 0;
	if(direction == 'back') {
		DFP.scrollBack();
	} else if (direction == 'fullback') {
		DFP.scrollFullBack();
	} else {
		DFP.scrollForward()
	}
}
DFP.scrollBack = function () {
	x++;
	if(x>=6) {
		DFP.updateButtonStates();
	 	return false;
	}
	$('project-slide').scrollLeft = $('project-slide').scrollLeft-117;
	//585
	setTimeout('DFP.scrollBack()', 1);
	DFP.updateButtonStates();
}
DFP.scrollFullBack = function () {
	$('project-slide').scrollLeft = 0;
	DFP.updateButtonStates();
}
DFP.scrollForward = function () {
	x++;
	if(x>=6) {
		DFP.updateButtonStates();
		return false;
	} 
	$('project-slide').scrollLeft = $('project-slide').scrollLeft+117;
	//585
	setTimeout('DFP.scrollForward()', 1);
}

DFP.updateButtonStates = function () {
	//console.log(tabBarWidth);
	//console.log($('roleTabs').scrollLeft);
	if($('project-slide').scrollLeft <= 0) {
		$('left-arrow').hide();
	} else {
		$('left-arrow').show();
	}
	
	if($('project-slide').scrollLeft+$('project-slide').getWidth() >= tabBarWidth) {
		$('right-arrow').hide();
	} else {
		$('right-arrow').show();
	}
}

DFP.initTabScroll = function() {
	tabBarWidth = 0;
	$$('#project-slide li').each(function (elm) {
		tabBarWidth += $(elm).getWidth()+5;
	});
	
	if(tabBarWidth > $('project-slide').getWidth()) {
		$('right-arrow').show();
		$('left-arrow').show();
		DFP.updateButtonStates()

	}
	//console.log(tabBarWidth);
}


Event.observe(window, 'load', function() {
	if($('project-slide')) {
		DFP.initTabScroll();
	}
});