function get(id)
{
	return document.getElementById(id);
}


var documentready = false;

var divs = Array('block1', 'block2', 'content');

var content = Array();
var num_pages = null;
var page = 0;
var links = Array('О ресурсах', 'Аудиопрограммы', 'Кто мы такие?', 'Реклама');
var hashs = Array('resourse', 'audio', 'who_we_are', 'advertising');

var heights = Array(1130, 1130, 1130, 1130);

function load()
{
	num_pages = links.length;
	for (var i = 0; i < num_pages; i++)
	{
		content[i] = get('block' + (i + 1)).innerHTML;
	}
	documentready = true;
	if (document.location.hash.length != 0)
	{
		for (var i = 1; i < hashs.length; i++)
		{
			if ('#' + hashs[i] == document.location.hash)
			{
				move (i+1);
			}
		}
	}
/*	get('more1').onclick = function()
	{
		show_more1.init();
	}*/
}


var block = true;

function menu()
{
	text = '';
	for (var i = 0; i < page; i++)
	{
		text += '<a href="javascript:void(0)" onclick="move(\'' + (i + 1) + '\'); return false">' + links[i] + '</a><span>←</span>';
	}
	text += links[page];
	for (var i = (page + 1); i < num_pages; i++)
	{
		text += '<span>→</span><a href="javascript:void(0)" onclick="move(\'' + (i + 1) + '\'); return false">' + links[i] + '</a>';
	}
	get('menu').innerHTML = text;
}

function sel_cont(key)
{
	if ((key - 1) > page)
	{
		get('block1').innerHTML = content[page];
		get('block1').className = 'block' + (page + 1);

		get('block2').innerHTML = content[(key - 1)];
		get('block2').className = 'block' + key;
	}
	else if ((key - 1) < page)
	{
		get('block2').innerHTML = content[page];
		get('block2').className = 'block' + (page + 1);

		get('block1').innerHTML = content[(key - 1)];
		get('block1').className = 'block' + key;
	}
}

function move(key)
{
	document.location.hash = hashs[(key - 1)];
	if (documentready)
	{
		if (block == true)
		{
			if ((key - 1) < page)
			{
				sel_cont(key);

				get('block1').style.marginLeft = '-630px';
				get('block2').style.marginLeft = '20px';
				get('content').style.height = heights[page] + 'px';

				movement.add_event('block1.move(\'+\')');
				movement.add_event('block2.move(\'+\')');
			}
			else if ((key - 1) > page)
			{
				sel_cont(key);

				get('block1').style.marginLeft = '20px';
				get('block2').style.marginLeft = '670px';
				get('content').style.height = heights[page] + 'px';

				movement.add_event('block1.move(\'-\')');
				movement.add_event('block2.move(\'-\')');
			}
			page = (key - 1);
			menu();
			block = false;
		}
	}
}
var max_iter = 0;
var movement = {
	enabled : 0,
	events : new Array(),
	add_event : function (event)
	{
		this.events[this.events.length] = event;
		if (this.enabled == 0)
		{
			this.enabled += 1;
			this.engine();
		}
		else
		{
			this.enabled += 1;
		}
	},
	engine : function()
	{
		for (var i = 0; i < this.events.length; i++)
		{
			eval(this.events[i]);
		}
		if (this.enabled > 0)
		{
			max_iter += 1;
			if (max_iter < 505)
			{
				setTimeout('movement.engine()', 5);
			}
		}
	},
	remove : function(event)
	{
		for (var i = 0; i < this.events.length; i++)
		{
			if (this.events[i] == event)
			{
				this.events.splice(i, 1);
				this.enabled -= 1;
			}
		}
	}
}

show_more1 = {
	iters : 10,
	iter : 0,
	st : null,
	start : null,
	opacite : 0,
	opacite2 : 1,
	status : 'hide',
	init : function()
	{
		if (this.status == 'hide')
		{
			this.show();
			if (show_more2.status == 'show')
			{
				show_more2.hide();
			}
		}
		else
		{
			this.hide();
		}
	},
	show : function()
	{
		div = get('block1').getElementsByTagName('div')[0];
		height1 = div.offsetHeight;
		div.getElementsByTagName('span')[0].style.display = 'inline';
		height2 = div.offsetHeight;
		div.getElementsByTagName('span')[0].style.display = 'none';
		this.st = (height2 - height1) / this.iters;
		this.start = height1;
		this.iter = 0;
		this.opacite = 0;
		this.opacite2 = 1;
		movement.add_event('show_more1.show_block()');
		movement.add_event('show_more1.hide_url()');
		setElementOpacity(get('more1'), 1);
		this.status = 'show';
	},
	hide : function()
	{
		if (this.status == 'show')
		{
			div = get('block1').getElementsByTagName('div')[0];
			height1 = div.offsetHeight;
			div.getElementsByTagName('span')[0].style.display = 'none';
			height2 = div.offsetHeight;
			div.getElementsByTagName('span')[0].style.display = 'inline';
			this.st = (height2 - height1) / this.iters;
			this.start = height1;
			this.iter = 0;
			this.opacite = 1;
			this.opacite2 = 0;
			movement.add_event('show_more1.hide_text()');
			movement.add_event('show_more1.hide_url()');
			setElementOpacity(div.getElementsByTagName('span')[0], 1);
			this.status = 'hide';
		}
	},
	show_block : function()
	{
		this.iter += 1;
		div = get('block1').getElementsByTagName('div')[0];
		div.style.height = this.start + parseInt(this.iter * this.st) + 'px';
		if (this.iter == this.iters)
		{
			movement.remove('show_more1.show_block()');
			div.getElementsByTagName('span')[0].style.display = 'inline';
			div.getElementsByTagName('span')[0].style.visibility = 'visible';
			div.style.height = 'auto';
			setElementOpacity(div.getElementsByTagName('span')[0], 0);
			setElementOpacity(get('more1'), 1);
			this.iter = 0;
			get('more1').innerHTML = '«Скрыть';
			movement.add_event('show_more1.show_text()');
			movement.add_event('show_more1.show_url()');
		}
	},
	hide_block : function()
	{
		this.iter += 1;
		div = get('block1').getElementsByTagName('div')[0];
		div.style.height = this.start + parseInt(this.iter * this.st) + 'px';
		if (this.iter == this.iters)
		{
			div.style.height = 'auto';
			movement.remove('show_more1.hide_block()');
		}
	},
	show_text : function()
	{
		this.iter += 1;
		span = get('block1').getElementsByTagName('div')[0].getElementsByTagName('span')[0];
		this.opacite = this.opacite + 0.1;
		setElementOpacity(span, this.opacite);
		if (this.iter == this.iters)
		{
			movement.remove('show_more1.show_text()');
		}
	},
	hide_text : function()
	{
		this.iter += 1;
		span = get('block1').getElementsByTagName('div')[0].getElementsByTagName('span')[0];
		this.opacite = (10 - this.iter) / 10;
		setElementOpacity(span, this.opacite);
		if (this.iter == this.iters)
		{
			this.opacite = 0;
			setElementOpacity(span, this.opacite);
			span.style.display = 'none';
			span.style.visibility = 'hidden';
			this.iter = 0;
			setElementOpacity(get('more1'), 0);
			get('more1').innerHTML = 'Далее»';
			movement.remove('show_more1.hide_text()');
			movement.add_event('show_more1.hide_block()');
		}
	},
	show_url : function()
	{
		this.opacite2 = this.iter / 10;
		setElementOpacity(get('more1'), this.opacite2);
		if (this.iter == this.iters)
		{
			movement.remove('show_more1.show_url()');
		}
	},
	hide_url : function()
	{
		this.opacite2 = (10 - this.iter) / 10;
		setElementOpacity(get('more1'), this.opacite2);
		if (this.iter == this.iters - 1)
		{
			movement.remove('show_more1.hide_url()');
			this.opacite2 = 0;
			movement.add_event('show_more1.show_url()');
		}
	}
}

show_more2 = {
	iters : 10,
	iter : 0,
	st : null,
	start : null,
	opacite : 0,
	opacite2 : 1,
	status : 'hide',
	init : function()
	{
		if (this.status == 'hide')
		{
			this.show();
			if (show_more1.status == 'show')
			{
				show_more1.hide();
			}
		}
		else
		{
			this.hide();
		}
	},
	show : function()
	{
		div = get('block1').getElementsByTagName('div')[1];
		height1 = div.offsetHeight;
		div.getElementsByTagName('span')[0].style.display = 'inline';
		height2 = div.offsetHeight;
		div.getElementsByTagName('span')[0].style.display = 'none';
		this.st = (height2 - height1) / this.iters;
		this.start = height1;
		this.iter = 0;
		this.opacite = 0;
		this.opacite2 = 1;
		movement.add_event('show_more2.show_block()');
		movement.add_event('show_more2.hide_url()');
		setElementOpacity(get('more2'), 1);
		this.status = 'show';
	},
	hide : function()
	{
		if (this.status == 'show')
		{
			div = get('block1').getElementsByTagName('div')[1];
			height1 = div.offsetHeight;
			div.getElementsByTagName('span')[0].style.display = 'none';
			height2 = div.offsetHeight;
			div.getElementsByTagName('span')[0].style.display = 'inline';
			this.st = (height2 - height1) / this.iters;
			this.start = height1;
			this.iter = 0;
			this.opacite = 1;
			this.opacite2 = 0;
			movement.add_event('show_more2.hide_text()');
			movement.add_event('show_more2.hide_url()');
			setElementOpacity(div.getElementsByTagName('span')[0], 1);
			this.status = 'hide';
		}
	},
	show_block : function()
	{
		this.iter += 1;
		div = get('block1').getElementsByTagName('div')[1];
		div.style.height = this.start + parseInt(this.iter * this.st) + 'px';
		if (this.iter == this.iters)
		{
			movement.remove('show_more2.show_block()');
			div.getElementsByTagName('span')[0].style.display = 'inline';
			div.getElementsByTagName('span')[0].style.visibility = 'visible';
			div.style.height = 'auto';
			setElementOpacity(div.getElementsByTagName('span')[0], 0);
			setElementOpacity(get('more1'), 1);
			this.iter = 0;
			get('more2').innerHTML = '«Скрыть';
			movement.add_event('show_more2.show_text()');
			movement.add_event('show_more2.show_url()');
		}
	},
	hide_block : function()
	{
		this.iter += 1;
		div = get('block1').getElementsByTagName('div')[1];
		div.style.height = this.start + parseInt(this.iter * this.st) + 'px';
		if (this.iter == this.iters)
		{
			div.style.height = 'auto';
			movement.remove('show_more2.hide_block()');
		}
	},
	show_text : function()
	{
		this.iter += 1;
		span = get('block1').getElementsByTagName('div')[1].getElementsByTagName('span')[0];
		this.opacite = this.opacite + 0.1;
		setElementOpacity(span, this.opacite);
		if (this.iter == this.iters)
		{
			movement.remove('show_more2.show_text()');
		}
	},
	hide_text : function()
	{
		this.iter += 1;
		span = get('block1').getElementsByTagName('div')[1].getElementsByTagName('span')[0];
		this.opacite = (10 - this.iter) / 10;
		setElementOpacity(span, this.opacite);
		if (this.iter == this.iters)
		{
			this.opacite = 0;
			setElementOpacity(span, this.opacite);
			span.style.display = 'none';
			span.style.visibility = 'hidden';
			this.iter = 0;
			setElementOpacity(get('more2'), 0);
			get('more2').innerHTML = 'Далее»';
			movement.remove('show_more2.hide_text()');
			movement.add_event('show_more2.hide_block()');
		}
	},
	show_url : function()
	{
		this.opacite2 = this.iter / 10;
		setElementOpacity(get('more2'), this.opacite2);
		if (this.iter == this.iters)
		{
			movement.remove('show_more2.show_url()');
		}
	},
	hide_url : function()
	{
		this.opacite2 = (10 - this.iter) / 10;
		setElementOpacity(get('more2'), this.opacite2);
		if (this.iter == this.iters - 1)
		{
			movement.remove('show_more2.hide_url()');
			this.opacite2 = 0;
			movement.add_event('show_more2.show_url()');
		}
	}
}

var block1 = {
	iter : 0,
	steps : new Array(5, 5, 5, 4),
	step : 0,
	st : new Array(74, 30, 18, 10),
	move : function (sign)
	{
		this.iter += 1;
		get('block1').style.marginLeft = parseInt(get('block1').style.marginLeft) - (sign == '-' ? this.st[this.step] : - this.st[this.step]) + 'px';
		if (this.iter == this.steps[this.step])
		{
			this.iter = 0;
			this.step += 1;
			if (this.step == this.steps.length)
			{
				movement.remove('block1.move(\'' + sign + '\')');
				this.iter = 0;
				this.step = 0;
			}
		}
	}
}

var block2 = {
	iter : 0,
	steps : new Array(5, 5, 5, 4),
	step : 0,
	st : new Array(74, 30, 18, 10),
	move : function (sign)
	{
		this.iter += 1;
		get('block2').style.marginLeft = parseInt(get('block2').style.marginLeft) - (sign == '-' ? this.st[this.step] : - this.st[this.step]) + 'px';
		if (this.iter == this.steps[this.step])
		{
			this.iter = 0;
			this.step += 1;
			if (this.step == this.steps.length)
			{
				movement.remove('block2.move(\'' + sign + '\')');
				block = true;
				this.iter = 0;
				this.step = 0;
			}
		}
	}
}


function send_post()
{
	var name = get('name').value;
	var mail = get('mail').value;
	var message = get('message').value;
	if (mail.length == 0)
	{
		get('mail').style.border = '1px solid #9e0e0e';
	}
	else
	{
		get('mail').style.border = '1px solid #717171';
	}
	if (message.length == 0)
	{
		get('message').style.border = '1px solid #9e0e0e';
	}
	else
	{
		get('message').style.border = '1px solid #717171';
	}
	if (mail.length != 0 && message.length != 0)
	{
		get('name').disabled = true;
		get('mail').disabled = true;
		get('message').disabled = true;
		get('btn_submit').disabled = true;
		var params = 'name=' + name + '&mail=' + mail + '&message=' + message;
		request.send(params, 'send_mail.php', 'post');
	}
}