$(document).ready(function() {
	if ($('.scroll').height() < $('.content').height())
	{
		$('.down').css('display', 'none');
		$('.up').css('display', 'none');
	}
	else
	{
		$('.down').css('display', 'block');
		$('.up').css('display', 'block');
	}
		
	$('.lhn ul li.toggle').click(function()
		{
			toggleLHN($(this));
		});
		
	$('#jive').click(function()
		{
			chooseVideo(this.id);
		});
		
	$('#breakdance').click(function()
		{
			chooseVideo(this.id);
		});
		
	$('#belly').click(function()
		{
			chooseVideo(this.id);
		});
		
	$('#tango').click(function()
		{
			chooseVideo(this.id);
		});
		
	$('#episode_1').click(function()
		{
			chooseVideo(this.id);
		});
		
	$('#episode_2').click(function()
		{
			chooseVideo(this.id);
		});
		
	$('#episode_3').click(function()
		{
			chooseVideo(this.id);
		});
		
	$('.down').mouseover(function()
		{
			$('.down').css('background-position', '0 -8px');
		});
		
	$('.down').mouseout(function()
		{
			$('.down').css('background-position', '0 0');
		});
		
	$('.down').mousedown(function()
		{
			mouseisdown = true;
			scrollDown();
		});
		
	$('.down').mouseup(function()
		{
			mouseisdown = false;
		});
		
	$('.up').mouseover(function()
		{
			$('.up').css('background-position', '0 -8px');
		});
		
	$('.up').mouseout(function()
		{
			$('.up').css('background-position', '0 0');
		});
		
	$('.up').mousedown(function()
		{
			mouseisdown = true;
			scrollUp();
		});
		
	$('.up').mouseup(function()
		{
			mouseisdown = false;
		});
	
});

function toggleLHN(section)
{
	$(section).next().children().slideToggle();
}

function chooseVideo(videoId)
{
	$('#videos').children().css('display', 'none');
	$('#' + videoId + '_video').css('display', 'block');
}

function scrollDown()
{
	var topVal = $('.scroll').css('top');
	topVal = parseInt(topVal);
	if (topVal > $('.content').height() - $('.scroll').height())
	{
	    $('.scroll').css('top', topVal-1);
	    if (mouseisdown)
			setTimeout(scrollDown, 3);
	
	}
}

function scrollUp()
{
	var topVal = $('.scroll').css('top');
	topVal = parseInt(topVal);
	if (topVal < 0)
	{
	    $('.scroll').css('top', topVal+1);
	    if (mouseisdown)
			setTimeout(scrollUp, 3);
	}
}