var t = "";

	



function setupScrollArrows() {
	
	$('div.scrollable').css('overflow','hidden');
	$('div.scrollable').css('padding','0px');
	$('div.scrollable').css('margin-right','100px');
	
	
	var upArrow   = $('<div/>');
	upArrow.attr('href','#');
	upArrow.attr('id','up_arrow');
	upArrow.attr('class','arrow');
	upArrow.bind('click', function(event) {
		return false;
	});
	upArrow.bind('mousedown', function(event) {
		startSlideDown();
	});
	upArrow.bind('mouseup mouseout', function(event) {
		stopSlide();
	});
	
	
	var downArrow = $('<div/>');
	downArrow.attr('href','#');
	downArrow.attr('id','down_arrow');
	downArrow.attr('class','arrow');
	downArrow.bind('click', function(event) {
		return false;
	});
	downArrow.bind('mousedown', function(event) {
		startSlideUp();
	});
	downArrow.bind('mouseup mouseout', function(event) {
		stopSlide();
	});
	
	
	$('div#frame').append(downArrow);
	$('div#frame').append(upArrow);
}


function setupVideoScrollArrows() {
	$('#frame div.scrollable p:gt(0)').hide();

	var upArrow   = $('#up_arrow');
	upArrow.unbind();
	upArrow.bind('click', function() {
		var currentVideo = $('#frame div.scrollable p:visible');
		
		// is there a previous track
		if (currentVideo.prev().prev().size() > 0) {
			var currentText  = currentVideo.prev().prev().next().html();
			$('#video_info').fadeOut(400, function() {
				$(this).html(currentText);
				$(this).fadeIn(1000);
			});			
			
			currentVideo.prev().prev().show();
			currentVideo.hide();
		}
		
		return false;
	});
	
	var downArrow = $('#down_arrow');
	downArrow.unbind();
	downArrow.bind('click', function() {
		var currentVideo = $('#frame div.scrollable p:visible');
		
		if (currentVideo.next().next().size() > 0) {
			var currentText  = currentVideo.next().next().next().html();
			$('#video_info').fadeOut(400, function() {
				$(this).html(currentText);
				$(this).fadeIn(1000);
			});
			
			currentVideo.next().next().show();
			currentVideo.hide();			
		}
		
		return false;
	});
	
	var infoDiv = $('<div/>');
	infoDiv.attr('id', 'video_info');
	infoDiv.html($('#frame div.scrollable p:visible').next().html());
	$('div#frame').append(infoDiv);
	
	/*
	$('div#frame').hover(function(e) {
		$('#video_info').fadeIn();
	}, function(e) {
		$('#video_info').fadeOut();
	});
	*/
}









function startSlideUp() {
	var pos = $('#sliding_box').position();
	var hgt = $('#sliding_box').height();
	hgt = (hgt * -1) + 200;
	if (pos.top <= hgt) {
		clearTimeout(t);
		return false;
	}
	
	
	slide(-1);
	t = setTimeout('startSlideUp()', 30);	
}

function startSlideDown() {
	var pos = $('#sliding_box').position();
	if (pos.top >= 0) {
		clearTimeout(t);
		return false;
	}
	
	slide(1);
	t = setTimeout('startSlideDown()', 30);	
}


function stopSlide() {
	clearTimeout(t);
}

function slide(dir) {
	var box = $('#sliding_box');
	var position = box.position();
	
	var currentPosition = position.top;
	var newPosition     = position.top + (dir * 5);
	
	box.css('top', newPosition);
}