var isIE6 = false;
if (navigator.userAgent.indexOf("MSIE 6") != -1) {
	isIE6 = true;
};

var myScrollBox;
var myScrollBoxContainer;
setSlideScrollBar(1);
$('#slider').slider({
	min:1,
	max:15,
	step:4,
	value:1,
	stop: getNextSlide
});

if(isIE6){
	DD_belatedPNG.fix('div#slider a');
}

function getNextSlide(event,ui){
	var myNum;
	switch ( ui.value ) {
		case 5:
		myNum =2;
		break;
		case 9:
		myNum = 3;
		break;
		case 13:
		myNum =4;
		break;
		default:
		myNum = 1;
	}
	changeSlide(myNum);
};

function changeSlide(myNum){
	var mySlideVal = myNum + (3*(myNum-1));
	$("div#slider").slider("option","value",mySlideVal);
	$("div.stages h2.selected").removeClass("selected");
	var myStages = $("div.stages h2");
	$(myStages[myNum - 1]).addClass("selected");
	$("div.slide").css("display","none");
	$("div#slide-" + myNum).css("display","block");
	setSlideScrollBar(myNum);
};
	
function slideControl(e, ui){
	if( myScrollBox.height() > myScrollBoxContainer.height() ){ 
		var myVal = Math.round( ($(this).slider('option','max') - ui.value) / 100 * ( myScrollBoxContainer.height() - myScrollBox.height() ));
		myScrollBox.css({'margin-bottom':Math.abs(myVal) + 'px','top':myVal}); 
		
	} else { 
		myScrollBox.css({'margin-bottom':0,'top':0}); 
	}
};

function setSlideScrollBar(myNum){
	var args = {maxVal:170};
	for (var n in arguments[0]) { args[n]=arguments[0][n]; };
//checks on the using myNum index 1 not 0;
	var mySlides = $("div.slide");
	var myTextBox, mySlide = $(mySlides[myNum - 1]);
	myTextBox = mySlide.find("div.slideBox");
	mySlider = $("div#slider-" + myNum);
	if(myTextBox.height() > args.maxVal){
		myScrollBox = myTextBox;
		myScrollBoxContainer = mySlide.find("div.textBoxSlider");
		
		$(mySlider).slider({
			step: 8,
			orientation:"vertical",
			slide:slideControl,
			value: 96
		});
		
		//IE 6 fix
		if(isIE6){
			DD_belatedPNG.fix("div#slider-" + myNum + ' a');
		}
		
		//switch style sheet
		$(myTextBox).addClass("textBoxScroller");
	}else{
		//make sure other style is removed
		
		$(mySlider).addClass("hidden");
		$(myTextBox).removeClass("textBoxScroller");
	}
};