var menus_off = new Array(
	'/images/menu/b_main_off.png',
	'/images/menu/b_company_off.png',
	'/images/menu/b_projects_off.png',
	'/images/menu/b_capabilities_off.png',
	'/images/menu/b_contacts_off.png'
);
var menus_on = new Array(
	'/images/menu/b_main_on.png',
	'/images/menu/b_company_on.png',
	'/images/menu/b_projects_on.png',
	'/images/menu/b_capabilities_on.png',
	'/images/menu/b_contacts_on.png'
);
var images = new Array(
	'/images/menu/main.png',
	'/images/menu/company.png',
	'/images/menu/projects.png',
	'/images/menu/capabilities.png',
	'/images/menu/contacts.png'
);
var texts = new Array(
	'/index?is_ajax',
	'/about?is_ajax',
	'/complete_projects?is_ajax',
	'/our_possibilities?is_ajax',
	'/contacts?is_ajax'
);

var button_time_in = 500;
var button_time_out = 500;
var image_time = 500;
var text_time_in = 500;
var text_time_out = 500;

var image_function = 'linear'; // swing or linear
var text_function = 'linear';
var button_function = 'linear';



for (var key in menus_off)
{
	menus_off[key] = $('<img>').attr('src', menus_off[key]);
}
for (var key in images)
{
	images[key] = $('<img>').attr('src', images[key]);
}

function add_menu_item(key)
{
	var div = $('<div style="background: url(\'' + menus_on[key] + '\') no-repeat;"></div>')
		.addClass('button')
		.html($(menus_off[key]))
		.bind('mouseover', function(){
			$(this).find('img').stop();
			$(this).find('img').animate({opacity: 0}, button_time_in, button_function);
		})
		.bind('mouseout', function(){
			$(this).find('img').stop();
			$(this).find('img').animate({opacity: 1}, button_time_out, button_function);
		})
		.bind('click', function(){
			var img = $('#image');
			$('#top_image').css('top', img.position().top + 'px').css('left', img.position().left + 'px');
			if ($('#image').find('img')[0] == null)
			{
				show_image(key);
			}
			else
			{
				images[key].css('opacity', 0);
				$('#top_image').html(images[key]).find('img').animate({opacity: 1}, image_time, image_function, function(){
					$('#image').html(images[key]);
				});
			}
			$('#text').stop().animate({opacity: 0}, text_time_out, text_function, function(){
				$(this).load(texts[key], null, function(){
					$(this).animate({opacity: 1}, text_time_in, text_function);
					update_links();
				});
			});
		});
	$('#menu').append(div);
}

function update_links()
{
	$('a').each(function(id, item){
		var link = $(item).attr('href');
		if (link[0] == '/')
		{
			$(item).attr('href', '#').bind('click', function(){
				$('#text').load(link + '?is_ajax', null, function(){update_links();});
			});
		}
	});
}

function show_image(key)
{
	$(images[key]).css('opacity', 0);
	$('#image').html(images[key]);
	$('#image').find('img').animate({opacity: 1}, image_time, image_function);
}

function load_menu()
{
	$('#menu').bind('selectstart', function(){return false;});
	for (var item in menus_off)
	{
		add_menu_item(item);
	}
	images[0].css('opacity', 0);
	$('#image').html(images[0]).find('img').animate({opacity: 1}, image_time, image_function);
	$('#text').css('opacity', 0).load(texts[0], null, function(){
		$(this).animate({opacity: 1}, text_time_in, text_function);
		update_links();
	});
	var img = $('#image');
	$('#top_image').css('top', img.position().top + 'px').css('left', img.position().left + 'px');
}

$(document).ready(load_menu);