var mcScroller = new ypSimpleScroll('mcScroll', 16, 168, 336, 220, 75);

loadEvents.add(function(){
	var mc = document.getElementById('main-content');
	var sc = document.getElementById('scroll-content');
	
	var sContain = document.createElement('DIV');
	sContain.id = 'mcScrollContainer';

	var sContent = mc.removeChild(sc);
	sContent.id = 'mcScrollContent';

	sContain.appendChild(sContent);
	mc.appendChild(sContain);
	
	mcScroller.load();
		
	//Generate scrolling widget
	var scrollWidgy = document.createElement('DIV');
	scrollWidgy.id = 'mcScrollWidgy';
	
	
	//SCROLL UP BTN
	var scrollUp = document.createElement('IMG');
	scrollUp.src = '../images/btn_scroll_up.gif';
	
	scrollUp.onmouseover = function(){ mcScroller.scrollNorth(); };
	scrollUp.onmousedown = function(){ mcScroller.overrideScrollSpeed(350); return false; };
	scrollUp.onmousemove = function(){ return false; };
	scrollUp.onmouseout = function(){ mcScroller.endScroll(); };
	scrollUp.onmouseup = function(){ mcScroller.overrideScrollSpeed(100);};
	scrollUp.onclick = function(){ return false; };
	
	scrollUp.className = 'btn';
	//scrollUp.alt = 'scroll up';
	scrollWidgy.appendChild(scrollUp);
	
	
	//PAGE BTNS
	mcScroller.pageCount = Math.ceil(mcScroller.docH / mcScroller.clipH);
	var page;
	for(var i = 0; i < mcScroller.pageCount; i++ ){
		page = mcScroller['pageBtn' + i] = document.createElement('IMG');
		page.scrollTo = Math.ceil(i * mcScroller.clipH);
		page.src =  i < 1 ? '../images/btn_scroll_page_over,select.gif' : '../images/btn_scroll_page_up.gif';
		page.onmouseover = function(){
			if(mcScroller.currentPageBtn != this){
				mcScroller.currentPageBtn.setState('up');
				this.setState('over,select');
			}
		};
		page.onmouseout = function(){
			if(mcScroller.currentPageBtn != this){
				mcScroller.currentPageBtn.setState('over,select');
				this.setState('up');
			}
		};
		page.onmousedown = function(){ mcScroller.scrollTo(0, this.scrollTo, 500); };
		page.setState = function(s){ this.src = '../images/btn_scroll_page_'+ s +'.gif'; };
		page.onclick = function(){ mcScroller.currentPageBtn = this; return false; };
		page.className = 'btn';
		//page.alt = 'page ' + (i+1);
		scrollWidgy.appendChild(page);
	}
	mcScroller.currentPageBtn = mcScroller.pageBtn0;
	
	
	//SCROLL DOWN BTN
	var scrollDown = document.createElement('IMG');
	scrollDown.src = '../images/btn_scroll_down.gif';
	
	scrollDown.onmouseover = function(){ mcScroller.scrollSouth(); };
	scrollDown.onmousedown = function(){ mcScroller.overrideScrollSpeed(350); return false; };
	scrollDown.onmousemove = function(){ return false; };
	scrollDown.onmouseout = function(){ mcScroller.endScroll(); };
	scrollDown.onmouseup = function(){ mcScroller.overrideScrollSpeed(100); };
	scrollDown.onclick = function(){ return false; };
	
	scrollDown.className = 'btn';
	//scrollDown.alt = 'scroll down';
	scrollWidgy.appendChild(scrollDown);
	
	mc.appendChild(scrollWidgy);
});