menu_03_Off = new Image(); menu_03_Off.src = "images/menu_03.gif";  menu_03_On = new Image(); menu_03_On.src = "images/menu_o_03.gif";  
menu_05_Off = new Image(); menu_05_Off.src = "images/menu_05.gif";  menu_05_On = new Image(); menu_05_On.src = "images/menu_o_05.gif";  
menu_06_Off = new Image(); menu_06_Off.src = "images/menu_06.gif";  menu_06_On = new Image(); menu_06_On.src = "images/menu_o_06.gif";  
menu_07_Off = new Image(); menu_07_Off.src = "images/menu_07.gif";  menu_07_On = new Image(); menu_07_On.src = "images/menu_o_07.gif";  
menu_08_Off = new Image(); menu_08_Off.src = "images/menu_08.gif";  menu_08_On = new Image(); menu_08_On.src = "images/menu_o_08.gif";  
menu_09_Off = new Image(); menu_09_Off.src = "images/menu_09.gif";  menu_09_On = new Image(); menu_09_On.src = "images/menu_o_09.gif";  
menu_10_Off = new Image(); menu_10_Off.src = "images/menu_10.gif";  menu_10_On = new Image(); menu_10_On.src = "images/menu_o_10.gif";  
menu_11_Off = new Image(); menu_11_Off.src = "images/menu_11.gif";  menu_11_On = new Image(); menu_11_On.src = "images/menu_o_11.gif";  
menu_12_Off = new Image(); menu_12_Off.src = "images/menu_12.gif";  menu_12_On = new Image(); menu_12_On.src = "images/menu_o_12.gif";  


function changeImg(n,h){	

	document.images[n].src = eval(h + ".src");

}

// Основен обект за менюто
/////
// Main menu
/////

	//handler za tova dali e setnat timeout za zatvarianeto na menuto
	var hideHandler = '';
	
	//основен layer за менюто
	var my_menu_layer;
	
	function init_menu(){
	
		my_menu_layer = document.getElementById('menu_layer');
	
	}
	
	function hide_main_menu_layer(){
	
		my_menu_layer.style.visibility = 'hidden';
	
	}

	function stop_hide_main_menu_layer(){
	
		clearTimeout(hideHandler);
	
	}

	function hide_layer(){

		hideHandler = setTimeout('hide_main_menu_layer()',1000);

	}

		/////
		//CONSTRUCTOR
		/////
		function mainMenuObject(){

			//обект за едно от подменютата (продукти)
			this.products	= new products_constructor();
			this.applications = new applications_constructor();
			this.clients = new clients_constructor();
			this.about = new about_constructor();

		}

			/////
			// podobekt za produktite
			/////

			//constructor na edin podobekt
			function products_constructor(){

				this.innerHTML = '	<table cellpadding="0" cellspacing="0" border="0" align="center">\
										<tr height="115">\
											<td bgcolor="#D6D5E6"><img src="images/blank.gif" width="1" height="1" border="0" alt=""></td>\
											<td><img src="images/blank.gif" width="1" height="2" border="0" alt=""><br>\
												<a href="javascript:change_left_layer(\'Автоматика за портали\',\'htmls/portali/left_frame.html\')" onmouseover="changeImg(\'menu_03_Off\',\'menu_03_On\')" onmouseout="changeImg(\'menu_03_Off\',\'menu_03_Off\')"><img name="menu_03_Off" src="images/menu_03.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<a href="javascript:change_left_layer(\'Бариери\',\'htmls/barieri/left_frame.html\')" onmouseover="changeImg(\'menu_05_Off\',\'menu_05_On\')" onmouseout="changeImg(\'menu_05_Off\',\'menu_05_Off\')"><img name="menu_05_Off" src="images/menu_05.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<a href="javascript:change_left_layer(\'Паркинг устройства\',\'htmls/parking/left_frame.html\')" onmouseover="changeImg(\'menu_06_Off\',\'menu_06_On\')" onmouseout="changeImg(\'menu_06_Off\',\'menu_06_Off\')"><img name="menu_06_Off" src="images/menu_06.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<a href="javascript:change_left_layer(\'Секционни гаражни врати\',\'htmls/garazni/left_frame.html\')" onmouseover="changeImg(\'menu_07_Off\',\'menu_07_On\')" onmouseout="changeImg(\'menu_07_Off\',\'menu_07_Off\')"><img name="menu_07_Off" src="images/menu_07.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<a href="javascript:change_left_layer(\'Автоматика за врати\',\'htmls/vrati/left_frame.html\')" onmouseover="changeImg(\'menu_08_Off\',\'menu_08_On\')" onmouseout="changeImg(\'menu_08_Off\',\'menu_08_Off\')"><img name="menu_08_Off" src="images/menu_08.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<a href="javascript:change_left_layer(\'Термовъздушни завеси\',\'htmls/toplovazdushni/left_frame.html\')" onmouseover="changeImg(\'menu_12_Off\',\'menu_12_On\')" onmouseout="changeImg(\'menu_12_Off\',\'menu_12_Off\')"><img name="menu_12_Off" src="images/menu_12.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<a href="javascript:change_left_layer(\'PVC врати\',\'htmls/pvcvrati/left_frame.html\')" onmouseover="changeImg(\'menu_09_Off\',\'menu_09_On\')" onmouseout="changeImg(\'menu_09_Off\',\'menu_09_Off\')"><img name="menu_09_Off" src="images/menu_09.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<a href="javascript:change_left_layer(\'Контрол на достъпа\',\'htmls/dostap/left_frame.html\')" onmouseover="changeImg(\'menu_10_Off\',\'menu_10_On\')" onmouseout="changeImg(\'menu_10_Off\',\'menu_10_Off\')"><img name="menu_10_Off" src="images/menu_10.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<a href="javascript:change_left_layer(\'Изтривалки\',\'htmls/iztrivalki/left_frame.html\')" onmouseover="changeImg(\'menu_11_Off\',\'menu_11_On\')" onmouseout="changeImg(\'menu_11_Off\',\'menu_11_Off\')"><img name="menu_11_Off" src="images/menu_11.gif" width="150" height="14" class="transimg" border="0" alt=""></a><br>\
												<table width="150" cellpadding="0" cellspacing="0" border="0" align="center">\
													<tr>\
														<td bgcolor="#ffffff" class="transimg"><img src="images/blank.gif" width="1" height="1" border="0" alt=""></td>\
													</tr>\
												</table>\
											<td bgcolor="#D6D5E6"><img src="images/blank.gif" width="1" height="1" border="0" alt=""></td>\
										</tr>\
										<tr>\
											<td bgcolor="#D6D5E6" colspan="3"><img src="images/blank.gif" width="1" height="1" border="0" alt=""></td>\
										</tr>\
									</table>';
				this.left = 0;
				this.show = show_products;
				this.hide = hide_layer;


			}

			function show_products(){

				stop_hide_main_menu_layer();
				my_menu_layer.style.left = this.left;
				my_menu_layer.innerHTML = this.innerHTML;
				my_menu_layer.style.visibility = 'visible';

			}

			/////
			   //
			/////

			/////
			// podobekt za prilojeniiata
			/////

			//constructor na edin podobekt
			function applications_constructor(){

				this.innerHTML = '';
				this.left = 78;
				this.show = show_applications;
				this.hide = hide_layer;


			}

			function show_applications(){

				stop_hide_main_menu_layer();
				my_menu_layer.style.left = this.left;
				my_menu_layer.innerHTML = this.innerHTML;
				my_menu_layer.style.visibility = 'visible';

			}

			/////
			   //
			/////

			/////
			// podobekt za clientite
			/////

			//constructor na edin podobekt
			function clients_constructor(){

				this.innerHTML = '';
				this.left = 78;
				this.show = show_clients;
				this.hide = hide_layer;


			}

			function show_clients(){

				stop_hide_main_menu_layer();
				my_menu_layer.style.left = this.left;
				my_menu_layer.innerHTML = this.innerHTML;
				my_menu_layer.style.visibility = 'visible';

			}

			/////
			   //
			/////

			/////
			// podobekt za about
			/////

			//constructor na edin podobekt
			function about_constructor(){

				this.innerHTML = '';
				this.left = 78;
				this.show = show_about;
				this.hide = hide_layer;


			}

			function show_about(){

				stop_hide_main_menu_layer();
				my_menu_layer.style.left = this.left;
				my_menu_layer.innerHTML = this.innerHTML;
				my_menu_layer.style.visibility = 'visible';

			}

			/////
			   //
			/////

		/////
		   //
		/////

/////
   //
/////

//obect za main menu
my_main_menu = new mainMenuObject;

function change_left_layer(title_layer_text,file_with_content){
	
	//left layer
	my_left_title_layer = document.getElementById('left_title_layer');

	//left frame
	left_content_frame = parent.frames['left_frame'];

	//change the title
	my_left_title_layer.innerHTML = '<span class="black_layer_title_text">' + title_layer_text + '</span>';

	//change the file with content of the left frame
	left_content_frame.location = file_with_content;


}

function change_right_layer(title_layer_text,file_with_content){

	//right layer
	my_right_title_layer = parent.document.getElementById('right_title_layer');
	
	//right frame
	right_content_frame = parent.frames['right_frame'];
	
	//change the title
	my_right_title_layer.innerHTML = '<span class="layer_title_text">' + title_layer_text + '</span>';

	right_content_frame.location = file_with_content;



}