/*############################################################################################
	ROZWIJANE MENU (29/10/2005)
	PLIKI: _MENU.JS, _MENU.CSS
	
	PLIK _MENU.CSS ORAZ _MENU.JS NALEŻY DOŁĄCZYĆ DO KAŻDEGO PLIKU HTML W KTÓRYM MA POJAWIĆ SIĘ 
	MENU W SEKCJI <HEAD></HEAD> NAGŁÓWKA STRONY:

		<link rel="stylesheet" type="text/css" href="menu.css" />
		<script language="JavaScript" src="menu.js"></script>
	
	FUNKCJE:
	
		MENUITEM_SELECT(menuitem) - wskaźnik myszy nad głównym menu
		MENUITEM_UNSELECT(menuitem) - wskaźnik myszy opuszcza pole głównego menu
		SUBMENU_SELECT(submenu) - wskaźnik myszy nad polem podmenu
		SUBMENU_UNSELECT(submenu) - wskaźnik myszy opuszcza pole podmenu
		HIDE_SUBMENU(SUBMENU_ID) - ukrywa określone podmenu
		GO_SUBMENUITEM(SUBMENU_ID, SUBMENUITEM) - wykonuje operacje po kliklnięciu na odpowiednie submenu
		GO_MENUITEM(MENUITEM_ID) - wykonuje operację po kliknięciu na odpowiednie menu
	
	W MIEJSCU GDZIE MA ZOSTAĆ WYŚWIETLONE MENU NALEŻY WPISAĆ KOD HTML:
	
		<div id="menu">
			<script language="JavaScript">
				<!--	
					InitMenu();	
				// -->
			</script>
		</div>
	
	JEGO WYGLĄD ORAZ POZYCJONOWANIE OKREŚLONE JEST W PLIKU MENU.CSS;
  ############################################################################################
*/

//********************************************************************************************
// ZMIENNA MENU ZAWIERA TREŚĆ MENU ROZWIJANEGO SKŁADA SIĘ Z ELEMENTÓW:
// MENUITEM_X - GŁÓWNE MENU (STATYCZNE ZAWSZE WIDOCZNE)
// SUBMENU_Y  - MENU ROZWIJANE (POKAZYWANE PO WYBRANIU ODPOWIEDNIEGO MENUITEM_X)
//********************************************************************************************
var menu =  '<div id="menuitem"><table cellspacing="0"><tr>'
  			   +'   <td id="menuitem_1" onclick="go_menuitem(1);" onmouseover="menuitem_select(this);" onmouseout="menuitem_unselect(this);"><img class="icon" style="width: 15px; height: 15px" src="pic/menu_home_icon.gif" alt="">CallingPolska</td>'
 				   +'   <td id="menuitem_2" onclick="go_menuitem(2);" onmouseover="menuitem_select(this);" onmouseout="menuitem_unselect(this);"><img class="icon" style="width: 15px; height: 15px" src="pic/menu_offer_icon.gif" alt="">Services</td>'
 				   +'   <td id="menuitem_3" onclick="go_menuitem(3);" onmouseover="menuitem_select(this);" onmouseout="menuitem_unselect(this);"><img class="icon" style="width: 15px; height: 15px" src="pic/menu_work_icon.gif" alt="">People</td>'
				   +'   <td id="menuitem_4" onclick="go_menuitem(4);" onmouseover="menuitem_select(this);" onmouseout="menuitem_unselect(this);"><img class="icon" style="width: 15px; height: 15px" src="pic/menu_contact_icon.gif" alt="">Contact</td>'
			     +'</tr></table></div>'

// SUBMENU 1 CALLINGPOLSKA
			     +'<div id="submenu_1" class="submenu"><table cellspacing="0">'
//			     +'	<tr onclick="go_submenuitem(1,1);" onmouseover="submenu_select(this);" onmouseout="submenu_unselect(this);"><td class="text">Strona główna</td></tr>'
			     +'</table></div>'

// SUBMENU 2 OFERTA
			     +'<div id="submenu_2" class="submenu"><table cellspacing="0">'
//			     +' <tr onclick="go_submenuitem(2,1);" onmouseover="submenu_select(this);" onmouseout="submenu_unselect(this);"><td class="text">Wyślij zapytanie ofertowe</td></tr>'
			     +'</table><!--[if lte IE 6.5]><iframe></iframe><![endif]--></div>'

// SUBMENU 3 PRACA
			     +'<div id="submenu_3" class="submenu"><table cellspacing="0">'
//			     +'	<tr onclick="go_submenuitem(3,1);" onmouseover="submenu_select(this);" onmouseout="submenu_unselect(this);"><td class="text">Praca w CallingPolska</td></tr>'
			     +'</table><!--[if lte IE 6.5]><iframe></iframe><![endif]--></div>'


// SUBMENU 4 KONTAKT
			     +'<div id="submenu_4" class="submenu"><table cellspacing="0">'
//			     +'	<tr onclick="go_submenuitem(4,3);" onmouseover="submenu_select(this);" onmouseout="submenu_unselect(this);"><td class="text">Nasze referencje</td></tr>'
			     +'</table><!--[if lte IE 6.5]><iframe></iframe><![endif]--></div>'
 	
var timeout_id;
var timeout_time = 5000; // czas wyswietlania submenu

//INICJALIZACJA MENU
function InitMenu() {
	document.write(menu);
	document.getElementById("submenu_1").style.display = 'none';
	document.getElementById("submenu_2").style.display = 'none';
	document.getElementById("submenu_3").style.display = 'none';
	document.getElementById("submenu_4").style.display = 'none';
}

// FUNKCJA ODPOWIEDZIALNA ZA WYŚWIETLANIE ODPOWIEDNIEGO SUBMENU PO WSKAZANIU NA MENUITEM
function menuitem_select(menuitem) {

 	clearTimeout(timeout_id);
  timeout_id = setTimeout("hide_submenu(0);",timeout_time);
	menuitem.style.background = '#FB992D url(pic/top-corner-menu.gif) 0 0 no-repeat';

	if (menuitem.id=="menuitem_1") {
		document.getElementById("submenu_1").style.display = '';
		hide_submenu(1);
	}
	else if (menuitem.id=="menuitem_2") {
		document.getElementById("submenu_2").style.display = '';
		hide_submenu(2);
	}
	else if (menuitem.id=="menuitem_3") {
		document.getElementById("submenu_3").style.display = '';
		hide_submenu(3);
  }
	else if (menuitem.id=="menuitem_4") {
		document.getElementById("submenu_4").style.display = '';
		hide_submenu(4);
	}
	return 0;	

}

// FUNKCJA WYWYŁYWANE GDY WSKAŹNIK MYSZY OPUŚCI POLE MENUITEM
function menuitem_unselect(menuitem) {
		menuitem.style.background = '#F97420';
		return 0;
}


// FUNCKJA WYWOŁYWANA W MOMENCIE NAJECHANIA WSKAŹNIKA MYSZY NA ELEMENT SUBMENU
function submenu_select(submenu) {
 	clearTimeout(timeout_id);
  timeout_id = setTimeout("hide_submenu(0);",timeout_time);
  submenu.style.background = '#eee';
	return 0;
}

// FUNKCJA WYWOŁYWANA W MOMENCI ZJECHANIA WSKAŹNIKA MYSZY Z ELEMENU SUBMENU
function submenu_unselect(submenu) {
	submenu.style.background = '#fff';
	return 0;
}

// FUNKCJA UKRYWA WSZYSTKIE SUBMENU POZA TYM Z NUMEREM (submenu_id)
function hide_submenu(submenu_id) {
	if (submenu_id != 1) {document.getElementById("submenu_1").style.display = 'none';}
	if (submenu_id != 2) {document.getElementById("submenu_2").style.display = 'none';}
	if (submenu_id != 3) {document.getElementById("submenu_3").style.display = 'none';}
	if (submenu_id != 4) {document.getElementById("submenu_4").style.display = 'none';}
	return 0;
}

// PO KLIKNIECIU W GLOWNE MENU PRZEJDZ DO STRONY W location.href
function go_menuitem(menuitem_id) {
	if (menuitem_id == 1) {location.href="index.php";}
	else if (menuitem_id == 2) {location.href="tmp.php";}
	else if (menuitem_id == 3) {location.href="tmp.php";}
	else if (menuitem_id == 4) {location.href="kontakt.php";}
	hide_submenu(0);
}

// PO KLIKNIECIU W SUBMENU PRZEJDZ DO STRONY W location.href
function go_submenuitem(submenu_id,submenuitem_id) {
	if (submenu_id == 1) {	}
	else if (submenu_id == 2) {	}
	else if (submenu_id == 3) {	}
	else if (submenu_id == 4) {	}
	hide_submenu(0);
}
