// JavaScript Document

var scrollingframe = 0;
var scrollingpanel = 0;
var mySlide3 = 0;
var FrameHeight;

function MySliderResize()
{
    var NewFrameHeight = 0;
	
	if (frames[0].document.documentElement && frames[0].document.documentElement.scrollHeight
											&& frames[0].document.documentElement.scrollHeight != FrameHeight)
	    NewFrameHeight = frames[0].document.documentElement.scrollHeight;
	else if (frames[0].document.body.scrollHeight)
	    NewFrameHeight = frames[0].document.body.scrollHeight;
		
	if (NewFrameHeight && NewFrameHeight != FrameHeight)
	{
		scrollingframe.height = NewFrameHeight + "px";
		// alert(FrameHeight + " changed to " + NewFrameHeight);
		FrameHeight = NewFrameHeight;
		return true;
	}
	return false;
}

function MySliderCheck()
{
	if (MySliderResize())
	{
		// alert("Set " + FrameHeight);
		mySlide3.options.steps = FrameHeight - 550;
		mySlide3.set(0);
	}
}

//set up the scrollbar
window.addEvent('load', function() {
	//alert($('blogcontent').getSize().scrollSize.y);
	
	scrollingframe = document.getElementById("blogframe");
	scrollingpanel = document.getElementById("blogcontent");
	FrameHeight = parseInt(scrollingframe.height);
	MySliderResize();
	
	mySlide3 = new Slider($('track'), $('slider'), {	
		steps: $('blogcontent').getSize().scrollSize.y-550,	
		mode: 'vertical',	
		onChange: function(step){
			//alert(step);
			//myScrollFx.scrollTo(0,step);
			
			scrollingpanel.scrollTop = step;
		}
	});
	
	mySlide3.set(0);
	
	window.setInterval(MySliderCheck, 500);
});