var main_id = "main";
var main_body_id = "main_body";
var up_id = "up";
var down_id = "down";
var move_id = "move";
var content_id = "content";
var panel_left_id = "panel_left";
var panel_right_id = "panel_right";
var control_id = "control";
var scrollbar_id = "scrollbar";
var gallery_id = "gallery";
var main_margin_max = -0;
var main_margin_min = -380;

function init()
{
	correctPNG();

	var image = "./images/bla.png";
	var control_image = "./images/control.png";
	var gallery_image = "./images/gallery.png";
	var scrollbar_image = "./images/scrollbar.png";

	setPngBackground($(main_id), image);
	setPngBackground($(control_id), control_image);
	setPngBackground($(scrollbar_id), scrollbar_image);
	setPngBackground($(gallery_id), gallery_image);

	moveInit();
	modeInit();
		
	$(main_body_id).style.visibility = "visible";
	
	
	contentLoad('./content.php', 'no_blend');
	moveDown();
}

var main_btn_gallery_mode = "btn_gallery_mode";
var main_btn_content_mode = "btn_content_mode";

function modeInit()
{
	$(main_btn_gallery_mode).style.display = "inline";
	$(main_btn_content_mode).style.display = "none";
}

function galleryMode()
{
	galleryMoveUp();
	moveUp(120);
	
	$(main_btn_gallery_mode).style.display = "none";
	$(main_btn_content_mode).style.display = "inline";
}
function contentMode()
{
	galleryMoveDown(120);
	moveDown();

	$(main_btn_gallery_mode).style.display = "inline";
	$(main_btn_content_mode).style.display = "none";
}

function setPngBackground(element, background)
{
	var arVersion = navigator.appVersion.split("MSIE");
	var version = parseFloat(arVersion[1]);
	
	if ((version >= 5.5) && (document.body.filters))
	{
		element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + background + "', sizingMethod='scale')";
	}
	else
	{
		element.style.backgroundImage = "url(" + background + ")";
	}
}

function moveInit()
{
	$(up_id).style.display = "none";
	$(down_id).style.display = "inline";
	$(move_id).onclick = new Function("moveDown()")	
	movePercentage(100);
}

function moveUp(max_percentage)
{
	max_percentage = max_percentage?max_percentage:100;
	
	var margin = $(main_id).style.marginTop.toPosition();
	
	var percentage = parseInt(((margin / main_margin_min) * 100)) + 3;
	
	if(percentage <= max_percentage)
	{	
		movePercentage(percentage);
		window.setTimeout("moveUp(" + max_percentage + ")", 30);
	}	
	else
	{
		movePercentage(max_percentage);
	}
}
function moveDown()
{
	var margin = $(main_id).style.marginTop.toPosition();
	
	var percentage = parseInt(((margin / main_margin_min) * 100)) - 3;
	
	if(percentage > 0)
	{
		movePercentage(percentage);
		window.setTimeout("moveDown()", 30);
	}
	else
	{
		movePercentage(0);
	}
}

function movePercentage(percentage)
{
	$(main_id).style.marginTop = main_margin_min * (percentage/100);
	$(panel_left_id).style.left = 50 - percentage;
	$(panel_right_id).style.right = 50 - percentage;
	
	//alert(percentage);
	
	if(percentage < 3)
	{
		$(up_id).style.display = "";
		$(down_id).style.display = "none";
		$(move_id).onclick = new Function("moveUp()");		
	}
	else if(percentage > 97)
	{
		$(up_id).style.display = "none";
		$(down_id).style.display = "inline";
		$(move_id).onclick = new Function("moveDown()");		
	}
}

function isOpen()
{
	var margin = $(main_id).style.marginTop.toPosition();
	if(parseInt(((margin / main_margin_min) * 100)) > 0)
	{
		return true;
	}
	return false;
}