var current_height;
var slide_timer;
var fade_timer;
var current_fade;

function start_sequence()
{
	window.setTimeout( "start_slide()", 1000 );
}

function start_slide()
{
	current_height = 5;

	slide_timer = window.setInterval( "on_slide_timer()", 20 );
}

function on_slide_timer()
{
	left_element = document.getElementById( 'left_panel' );

	current_height++;

	left_element.style.height = current_height + 'px';

	if ( current_height >= 85 )
	{
		window.clearInterval( slide_timer );
		slide_timer = 0;

		current_fade = 100;

		fade_timer = window.setInterval( "on_fade_timer()", 20  );
	}
}

function on_fade_timer()
{
	fade_element = document.getElementById( 'left_panel_cover' );

	current_fade -= 5;

	set_opacity( fade_element, current_fade );

	if ( current_fade <= 0 )
	{
		window.clearInterval( fade_timer );
	}
}

function set_opacity( opacity_object, opacity_percent )
{
	opacity_object.style.opacity = opacity_percent / 100;
	
	if ( opacity_percent == 100 )
	{
		opacity_object.style.filter = '';
	}
	else
	{
		opacity_object.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + String( opacity_percent ) + ')';
	}

	if ( opacity_percent == 0 )
	{
		opacity_object.style.visibility = 'hidden';
	}
	else
	{
		opacity_object.style.visibility = 'visible';
	}
}