window.addEvent('domready', function(){
	
	var aPortfolioViewer = $('portfolioviewer');
	if (aPortfolioViewer)
	{
		$('bar').setStyle('display', 'block');
		aPortfolioViewer.setStyle('overflow', 'hidden');
		
		var aPortfolioScroller = new ScrollBar('portfolioviewer', 'bar', 'knob', {
			scroll: {
				duration: 2000,
				transition: 'quad:out'
			},
			slider: {
				offset: 0
			},
			knob: {
				duration: 1200,
				transition: 'quad:out'
			}
		});
	}
	
	var aPortfolioListHeader = $('portfoliolist');
	if (aPortfolioListHeader)
	{
		$('listbar').setStyle('display', 'block');		
		aPortfolioListHeader.setStyle('overflow', 'hidden');
		
		// Calculate and set the width of the menu and holder divs
		aStartWhiteSpace = 159;
		aListLength = 175;
		aNumListItems = aPortfolioListHeader.getElements('li').length;
		
		aTotalWidth = ((aListLength*aNumListItems)+aStartWhiteSpace);
		
		$('postfoliolistinner').style.width= aTotalWidth + 'px';
		$('postfoliolistinner').getElement('ul').style.width = aTotalWidth + 'px';
		
		var aPortfolioListScroller = new ScrollBar('portfoliolist', 'listbar', 'listknob', {
			scroll: {
				duration: 2000,
				transition: 'quad:out'
			},
			slider: {
				offset: -20
			},
			knob: {
				duration: 1200,
				transition: 'quad:out'
			}
		});
	}
	
	
/*	var aHomeBlogList = $('blogsholder');
	if (aHomeBlogList)
	{
		$('blogbar').setStyle('display', 'block');		
		aHomeBlogList.setStyle('overflow', 'hidden');
		
		var aPortfolioListScroller = new ScrollBar('blogsholder', 'blogbar', 'blogknob', {
			scroll: {
				duration: 2000,
				transition: 'quad:out'
			},
			slider: {
				offset: -20
			},
			knob: {
				duration: 1200,
				transition: 'quad:out'
			}
		});
	}*/
});