// JavaScript Document

function PopUpAbout() {
	var menu = document.getElementById('index_about');
	var subMenu = document.getElementById('index_about_source');
	menu.onmouseover = ShowKeysAbout;
	subMenu.onmouseover = ShowKeysAbout;
	menu.onmouseout = HideKeysAbout;
	subMenu.onmouseout = HideKeysAbout;
}
function ShowKeysAbout() {
	var subMenu = document.getElementById('index_about_source');
	subMenu.style.display = 'block';
}
function HideKeysAbout() {
	var subMenu = document.getElementById('index_about_source');
	subMenu.style.display = 'none';
}

function PopUpAbout_2() {
	var menu = document.getElementById('index_portfolio');
	var subMenu = document.getElementById('index_about_source_2');
	menu.onmouseover = ShowKeysAbout_2;
	subMenu.onmouseover = ShowKeysAbout_2;
	menu.onmouseout = HideKeysAbout_2;
	subMenu.onmouseout = HideKeysAbout_2;
}
function ShowKeysAbout_2() {
	var subMenu = document.getElementById('index_about_source_2');
	subMenu.style.display = 'block';
}
function HideKeysAbout_2() {
	var subMenu = document.getElementById('index_about_source_2');
	subMenu.style.display = 'none';
}
/* DOWN SCRIPT */
function DownMenu() {
  var button1 = document.getElementById('button1');
  var button2 = document.getElementById('button2');
  var button3 = document.getElementById('button3');
  var button4 = document.getElementById('button4');
  var button_text1 = document.getElementById('button_text1');
  var button_text2 = document.getElementById('button_text2');
  var button_text3 = document.getElementById('button_text3');
  var button_text4 = document.getElementById('button_text4');
  var buttons = [button1,button2, button3, button4];
  var buttons_texts = [button_text1,button_text2, button_text3, button_text4];
  var texts = document.getElementById('down_content_text').getElementsByTagName('p');
  button1.onclick = function () {Button_One_Click(buttons,buttons_texts,texts);}
  button2.onclick = function () {Button_Two_Click(buttons,buttons_texts,texts);}
  button3.onclick = function () {Button_Three_Click(buttons,buttons_texts,texts);}
  button4.onclick = function () {Button_Four_Click(buttons,buttons_texts,texts);}
}

function Button_One_Click(buttons,buttons_texts,texts) {
	for (var i=0;i<4;i++) {
		if(i==0) {
			texts[i].style.display = 'block';
			buttons_texts[i].className = 'index_down_content_active_button_p';
	        buttons[i].className = 'index_down_content_active_button left';
			document.getElementById('download_presentation').style.display = 'none';
	        document.getElementById('podrobnee_korporative').style.display = 'inline';
			document.getElementById('podrobnee_tbfb').style.display = 'none';
			document.getElementById('podrobnee_presentations').style.display = 'none';
			document.getElementById('podrobnee_conferentions').style.display = 'none';
		}
		else {
			texts[i].style.display = 'none';
			buttons_texts[i].className = 'index_down_content_not_active_button_p';
	        buttons[i].className = 'index_down_content_not_active_button left';
		}
	}
	return 0;
}

function Button_Two_Click(buttons,buttons_texts,texts) {
	for (var i=0;i<4;i++) {
		if(i==1) {
			texts[i].style.display = 'block';
			buttons_texts[i].className = 'index_down_content_active_button_p';
	        buttons[i].className = 'index_down_content_active_button left';
			document.getElementById('download_presentation').style.display = 'inline';
	        document.getElementById('podrobnee_korporative').style.display = 'none';
			document.getElementById('podrobnee_tbfb').style.display = 'inline';
			document.getElementById('podrobnee_presentations').style.display = 'none';
			document.getElementById('podrobnee_conferentions').style.display = 'none';
		}
		else {
			texts[i].style.display = 'none';
			buttons_texts[i].className = 'index_down_content_not_active_button_p';
	        buttons[i].className = 'index_down_content_not_active_button left';
		}
	}
	return 0;
}

function Button_Three_Click(buttons,buttons_texts,texts) {
	for (var i=0;i<4;i++) {
		if(i==2) {
			texts[i].style.display = 'block';
			buttons_texts[i].className = 'index_down_content_active_button_p';
	        buttons[i].className = 'index_down_content_active_button left';
			document.getElementById('download_presentation').style.display = 'none';
	        document.getElementById('podrobnee_korporative').style.display = 'none';
			document.getElementById('podrobnee_tbfb').style.display = 'none';
			document.getElementById('podrobnee_presentations').style.display = 'inline';
			document.getElementById('podrobnee_conferentions').style.display = 'none';
		}
		else {
			texts[i].style.display = 'none';
			buttons_texts[i].className = 'index_down_content_not_active_button_p';
	        buttons[i].className = 'index_down_content_not_active_button left';
		}
	}
	return 0;
}

function Button_Four_Click(buttons,buttons_texts,texts) {
	for (var i=0;i<4;i++) {
		if(i==3) {
			texts[i].style.display = 'block';
			buttons_texts[i].className = 'index_down_content_active_button_p';
	        buttons[i].className = 'index_down_content_active_button left';
			document.getElementById('download_presentation').style.display = 'none';
	        document.getElementById('podrobnee_korporative').style.display = 'none';
			document.getElementById('podrobnee_tbfb').style.display = 'none';
			document.getElementById('podrobnee_presentations').style.display = 'none';
			document.getElementById('podrobnee_conferentions').style.display = 'inline';
		}
		else {
			texts[i].style.display = 'none';
			buttons_texts[i].className = 'index_down_content_not_active_button_p';
	        buttons[i].className = 'index_down_content_not_active_button left';
		}
	}
	return 0;
}
