function slideArea()
{
	var speed = "10000";	

	$('#main').css("position", "relative");

	var elbody = document.createElement("div");
	$(elbody).attr("id", "slide_body");
	$(elbody).css(
	{
		"position" : "absolute",
		"top" : $('#main').offset().top,
		"width" : "0",
		"right" : "0"
	});
	var elmain = document.createElement("div");
	$(elmain).attr("id", "slide_main");
	$(elmain).css("background-image", $("#main").css('background-image'));

	$(elmain).css(
	{
		"background-image" : $("#main").css('background-image'),
		"height" : $("#main").css('height')
	});
	$(elbody).append(elmain);
	$("body").append(elbody);

	$(window).resize(function()
	{
		$("#main").width( $("body").width() );
	});
	
//	$('#main li a').each(function()
	$('#main a[rel="slide"]').each(function()
	{
		$(this).unbind("click").bind("click",function()
		{
			_openArea(this);
			return false;
		});
	});

	$("div.back a").live("click", function()
	{
		_closeArea();
		return false;
	});

	$('#slide_main a[rel="noslide"]').live("click", function()
	{
		_changeArea(this);
		return false;
	});

	function _openArea(el)
	{
		if(!jQuery.browser.msie || parseInt(jQuery.browser.version)>6)
		{
			$("#slide_body").animate({width: $("body").width()}, speed);
			$("#main").animate({left: "-"+$("body").width()}, speed);
		}
		$.ajax(
		{
			type: "GET",
			url: $(el).attr("href"),
			success: function(data)
			{
				var newData = $(data).find('#m_container');
				$("#slide_main").html(newData).queue(function()
				{
					if(jQuery.browser.msie && parseInt(jQuery.browser.version)<=6)
					{
						$("#slide_body").animate({width: $("body").width()}, speed);
						$("#main").animate({left: "-"+$("body").width()}, speed);
					}
					rollImage();
					$('#slide_main .thumb a').lightBox();
					$(this).dequeue();
				});
			}
		});
	};

	function _changeArea(el)
	{
		$.ajax(
		{
			type: "GET",
			url: $(el).attr("href"),
			success: function(data)
			{
				var newData = $(data).find('#m_container');
				$("#slide_main").html(newData).queue(function()
				{
					rollImage();
					$('#slide_main .thumb a').lightBox();
					$(this).dequeue();
				});
			}
		});
	};

	function _closeArea()
	{
		$("#main").animate({left:"0"}, speed);
		$("#slide_body").animate({width:"1"}, speed, function()
		{
			$("#slide_main").empty();
		});
	}
}
$(function(){ slideArea(); });
