var ajax_loader = new Image();
ajax_loader.src = "/images/ajax-loader.gif";

function make_slider()
{
	var container = $('div.sliderGallery');
	var ul = $('ul', container);

	var itemsWidth = ul.innerWidth() - container.outerWidth();

	if (container)
	{
		$('.slider', container).slider({
			axis: 'horizontal',
			min: 0,
			max: itemsWidth,
			handle: '.handle',
			stop: function (event, ui) {
				ul.animate({'left' : ui.value * -1}, 500);
			},
			slide: function (event, ui) {
				ul.css('left', ui.value * -1);
			}
		});
		
		$("#maincontent").css("width", "1000px");
	}
	else
		$("#maincontent").css("width", "490px");
}

function open_page(id)
{
	// authorization in frame
	if (id == '/press/')
	{
		$("#maincontent").html('<iframe frameborder="0" marginwidth="0" marginheight="0" style="width:100%;height:400px;min-height:400px" src="/press/"></ifram>');
		return;
	}

	// ajax loader movie
	$("#maincontent").html('<center style="margin-top:50px"><img src="/images/ajax-loader.gif" border="0" width="32" height="32"></center>');

	// uri simulation (ie do not work)
	//window.location = "#" + id;

	// load and insert
	$.get(id, function(data){
		// insert
		$("#maincontent").html(data);

		// start flash map for distribution
		if (id == "/distribution/")
		{
			var fo = new SWFObject("/swf/map.swf", "map", "700", "430", "6", "#000000");
			fo.addParam("quality", "best");
			fo.addParam("base", "/swf/");
			fo.addVariable("content_file", "/swf/map.xml.php");
			//<param name="FlashVars" value="content_file=map.xml" />
			fo.write("map_container");
		}

		// start slider bar for the galleries
		window.setTimeout('make_slider()', 1500);
		//make_slider();

	});
}