// set up drop downs anywhere in the body of the page. I think the bottom of the page is better..
// but you can experiment with effect on loadtime.
if (TransMenu.isSupported()) {
//==================================================================================================
// create a set of dropdowns
//==================================================================================================
// the first param should always be down, as it is here
//
// The second and third param are the top and left offset positions of the menus from their actuators
// respectively. To make a menu appear a little to the left and bottom of an actuator, you could use
// something like -5, 5
//
// The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner
// of the actuator from which to measure the offset positions above. Here we are saying we want the
// menu to appear directly below the bottom left corner of the actuator
//==================================================================================================
var ms = new TransMenuSet(TransMenu.direction.down, 10, 13, TransMenu.reference.bottomLeft);
//==================================================================================================
// create a dropdown menu
//==================================================================================================
// the first parameter should be the HTML element which will act actuator for the menu
//==================================================================================================
var menu1 = ms.addMenu(document.getElementById("produkty"));
menu1.addItem('Fabskin Professional new!', '');
menu1.addItem("Fabskin Travelling", ""); // send no URL if nothing should happen onclick
menu1.addItem("Fabskin - Women’s collection ", "");
menu1.addItem("Fabskin - Men’s´ collection", "");// send no URL if nothing should happen onclick
var submenu0 = menu1.addMenu(menu1.items[2]);
submenu0.addItem("2-layer jacket", "pages/main_en.php?page=produkty&product_color=cervena&vert_napis=snowwolf&product=Butterfly_b");
submenu0.addItem("2,5-layer jacket", "pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Montana_b");
submenu0.addItem("2-layer pants", "");
var submenu00 = submenu0.addMenu(submenu0.items[2]);
submenu00.addItem("Rainstorm","pages/main_en.php?page=produkty&product_color=sediva&vert_napis=rainstorm&product=Rainstorm_k_dam");
submenu00.addItem("Rainstorm full-opening","pages/main_en.php?page=produkty&product_color=sediva&vert_napis=rainstorm&product=Rainstorm_k_zip_dam");
var submenu1 = menu1.addMenu(menu1.items[3]);
submenu1.addItem("3-layer jacket", "");
submenu1.addItem("2-layer jacket", "");
submenu1.addItem("2v1 jacket", "pages/main_en.php?page=produkty&product_color=cervena&vert_napis=2v1champ&product=Champion_b_pan");
submenu1.addItem("3-layer pants", "pages/main_en.php?page=produkty&product_color=cerna&vert_napis=snowstorm&product=Snowstorm_k_pan");
submenu1.addItem("2-layer pants", "");
var submenu00 = submenu1.addMenu(submenu1.items[0]);
submenu00.addItem("Snowstorm","pages/main_en.php?page=produkty&product_color=cervena&vert_napis=snowstorm&product=Snowstorm_b_pan");
submenu00.addItem("Flamengo","pages/main_en.php?page=produkty&product_color=oranzova&vert_napis=snowwolf&product=Flamengo_b_pan");
var submenu01 = submenu1.addMenu(submenu1.items[1]);
submenu01.addItem("Rainstorm","pages/main_en.php?page=produkty&product_color=modra&vert_napis=rainstorm&product=Rainstorm_b_pan");
submenu01.addItem("Chiru","pages/main_en.php?page=produkty&product_color=modra&vert_napis=chiru&product=Chiru_b_pan");
var submenu04 = submenu1.addMenu(submenu1.items[4]);
submenu04.addItem("Rainstorm","pages/main_en.php?page=produkty&product_color=cerna&vert_napis=rainstorm&product=Rainstorm_k_pan");
submenu04.addItem("Rainstorm full-opening","pages/main_en.php?page=produkty&product_color=cerna&vert_napis=rainstorm&product=Rainstorm_k_zip_pan");
var submenu2 = menu1.addMenu(menu1.items[1]);
submenu2.addItem("2-layer pants", "pages/main_en.php?page=produkty&product_color=cerna&vert_napis=snowwolf&product=Duff_k_trav");
submenu2.addItem('Men`s jacket', '');
submenu2.addItem('Women`s jacket', '');
var submenu06 = submenu2.addMenu(submenu2.items[1]);
submenu06.addItem('Snowbank new!',"pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Snowbank_b_pan");
submenu06.addItem("Moris","pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Moris_b_trav");
submenu06.addItem("Jimi","pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Jimi_b_trav");
var submenu07 = submenu2.addMenu(submenu2.items[2]);
submenu07.addItem('Banepa new!',"pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Banepa_b_dam");
submenu07.addItem('Ghorka new!',"pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Ghorka_b_dam");
//profesional
var submenu3 = menu1.addMenu(menu1.items[0]);
submenu3.addItem("Men`s jacket", "");
submenu3.addItem("Women`s jacket", "");
var submenu03 = submenu3.addMenu(submenu3.items[0]);
submenu03.addItem("Himal", "pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Himal_b_pan");
submenu03.addItem("Rainshadow", "pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Rainshadow_b_pan");
var submenu05 = submenu3.addMenu(submenu3.items[1]);
submenu05.addItem("Rainbow", "pages/main_en.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Rainbow_b_dam");
//==================================================================================================
// var menu2 = ms.addMenu(document.getElementById("materialy"));
// menu2.addItem("FABSKIN", "pages/main_en.php?page=materialy&vert_napis=snowwolf&material=fabskin");
// menu2.addItem("FABDRY", "pages/main_en.php?page=materialy&vert_napis=snowwolf&material=fabdry");
// menu2.addItem("FABWOOL", "pages/main_en.php?page=materialy&vert_napis=snowwolf&material=fabwool");
// menu2.addItem("DURAFLEX", "pages/main_en.php?page=materialy&vert_napis=snowwolf&material=duraflex");
// menu2.addItem("YKK", "pages/main_en.php?page=materialy&vert_napis=snowwolf&material=ykk");
// menu2.addItem("DUPONT", "pages/main_en.php?page=materialy&vert_napis=snowwolf&material=dupont");
// menu2.addItem("PAIHO", "pages/main_en.php?page=materialy&vert_napis=snowwolf&material=paiho");
// menu2.addItem("TORAY", "pages/main_en.php?page=materialy&vert_napis=snowwolf&material=toray");
//==================================================================================================
//==================================================================================================
//==================================================================================================
// write drop downs into page
//==================================================================================================
// this method writes all the HTML for the menus into the page with document.write(). It must be
// called within the body of the HTML page.
//==================================================================================================
TransMenu.renderAll();
}