var WorkBrowser = {
	
	workWidth: 0,
	
	workCount: 0,
	currentWorkId: 0,
	
	start: function()
	{
		WorkBrowser.workWidth = parseFloat($('work_browser').getElement('#mask').getStyle('width'));
		
		$each($$('#work_browser #tray div.work'), function(el) {
			WorkBrowser.workCount++;
		});
		
		$('work_browser').getElement('#tray').setStyle('width', (WorkBrowser.workCount + 1) * WorkBrowser.workWidth);
		
		WorkBrowser.scrollTo(0);
		
		// setup events
		$('work_browser').getElement('.right').addEvent('mousedown', WorkBrowser.scrollRight);
		$('work_browser').getElement('.left').addEvent('mousedown', WorkBrowser.scrollLeft);
	},
	
	scrollTo: function(id)
	{
		WorkBrowser.currentWorkId = id;
		var left = 720 - ((WorkBrowser.currentWorkId + 1) * WorkBrowser.workWidth);
		var el = $('work_browser').getElement('#tray');
		el.set('tween', {duration: '600', transition: Fx.Transitions.Back.easeInOut});
		el.tween('left', left + 'px');
		
		if(WorkBrowser.currentWorkId <= 0)
		{
			$('work_browser').getElement('.control.left').setStyle('display', 'none');
			$('work_browser').getElement('.control.right').setStyle('display', 'block');
		}
		else if(WorkBrowser.currentWorkId >= WorkBrowser.workCount - 1)	
		{
			$('work_browser').getElement('.control.left').setStyle('display', 'block');
			$('work_browser').getElement('.control.right').setStyle('display', 'none');
		}
		else
		{
			$('work_browser').getElement('.control.left').setStyle('display', 'block');
			$('work_browser').getElement('.control.right').setStyle('display', 'block');
		}
			
		WorkBrowser.loadWork(WorkBrowser.currentWorkId);
	},
	
	scrollRight: function()
	{
		if(WorkBrowser.currentWorkId >= WorkBrowser.workCount - 1)
			return;
		WorkBrowser.scrollTo(++WorkBrowser.currentWorkId);
	},

	scrollLeft: function()
	{
		if(WorkBrowser.currentWorkId <= 0)
			return;
		WorkBrowser.scrollTo(--WorkBrowser.currentWorkId);
	},
	
	loadWork: function(id)
	{

	},
	
	popup: function(link, windowname)
	{
		if(!window.focus)
			return true;
		
		var href;
		
		if(typeof(link) == 'string')
			href = link;
		else
			href = link.href;
		
		window.open(href, windowname, 'width=500, height=500, scrollbars=yes');
		
		return false;
	}
}
	
window.addEvent('domready', WorkBrowser.start);