var agt=navigator.userAgent.toLowerCase();

var is_major = parseInt(navigator.appVersion);

var is_minor = parseFloat(navigator.appVersion);

var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1));

var is_nav2 = (is_nav && (is_major == 2));

var is_nav3 = (is_nav && (is_major == 3));

var is_badnav4 = (is_nav && (parseFloat(navigator.appVersion) == 4.02));

var is_oldnav4 = (is_nav && (parseFloat(navigator.appVersion) < 4.06));

var is_nav4 = (is_nav && (is_major == 4));

var is_nav4up = (is_nav && (is_major >= 4));

var is_nav6 = (is_nav && (is_major == 5));

var is_nav6up = (is_nav && (is_major >= 5));

var is_ie   = (agt.indexOf("msie") != -1);

var is_ie3  = (is_ie && (is_major < 4));

var is_ie4  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1));

var is_ie4up  = (is_ie  && (is_major >= 4));

var is_ie5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1));

var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);

var is_aol   = (agt.indexOf("aol") != -1);

var is_aol3  = (is_aol && is_ie3);

var is_aol4  = (is_aol && is_ie4);

var is_aol5up  = (is_aol && is_ie5up);

var is_opera = (agt.indexOf("opera") != -1);

var is_opera4 = (is_opera && (is_major == 4));

var is_opera5 = (is_opera && (is_major == 5));

var is_opera5up = (is_opera && (is_major >= 5));

var is_webtv = (agt.indexOf("webtv") != -1);

var is_domcom = ((is_nav6up)||(is_ie5up)||(is_opera5up))

var is_mac    = (agt.indexOf("mac")!=-1);

var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || (agt.indexOf("68000")!=-1)));

var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || (agt.indexOf("powerpc")!=-1)));

var dhtmlnav=0;

var dhtmlBrowser=0;

if ((is_nav4up)||(is_ie4up)) dhtmlBrowser=1;



var table_template_front_array1 = new Array();

var table_template_front_array2 = new Array();

var table_template_end_array = new Array();

var row_template_front_array = new Array();

var parent_layer_array = new Array();

var child_layer_array = new Array();

var last_button_name = "";

var last_parent_layer = "";

var last_child_layer = "";

var last_image_name = "";

var image_pointer = "";

var TimerID = "";

var TimerIDLink = "";

var table_width = 206; // Changes the width of all menu tables. Set to widest menu.

var IsLink = "NO";

var PrevLayer = "NO";

var WaitLink = 0;

var LinkLayer = "";

var TimeLinkOut = 800;

var TimeLayerOut = 800;



if (document.images) {

    var arrow = new Image();

    var blank = new Image();

    arrow.src = "../images/menu/arrow.gif";

    blank.src = "../images/blank.gif";



    var I1on = new Image(); 

    I1on.src = "img/b_products.gif";

    var I1off = new Image();

    I1off.src = "img/b_products.gif";

    var I2on = new Image(); 

    I2on.src = "img/b_shop.gif";

    var I2off = new Image();

    I2off.src = "img/b_shop.gif";

    var I3on = new Image(); 

    I3on.src = "img/b_downloads.gif";

    var I3off = new Image();

    I3off.src = "img/b_downloads.gif";

    var I4on = new Image(); 

    I4on.src = "img/b_contact.gif";

    var I4off = new Image();

    I4off.src = "img/b_contact.gif";

    var I5on = new Image(); 

    I5on.src = "img/b_collection.gif";

    var I5off = new Image();

    I5off.src = "img/b_collection.gif";

}



function changeImages() {

  if (document.images) {

    for (var i=0; i<changeImages.arguments.length; i+=2) {

      document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");

    }

  }

}



function Layer(name, visibility, zindex, table_template, left, top) {

    this.name = name;

    this.left = left;

    this.top = top;

    this.width = table_width;

    this.visibility = visibility;

    this.zindex = zindex;

    this.table_template = table_template;

    this.ar = ar;

    this.fl = fl;



    if (this.table_template == 1) {

        this.left = this.left + this.width - 7;

    }



    if ((is_domcom)||(is_ie4)) {  

      if (is_mac) { //changed the navigator.appVersion.indexOf("Macintosh") to is_mac

            this.top += 7;

            this.left += 2;

        }

        this.layer_content = '<div id="' + this.name + '" style="position: absolute; left: ' + this.left + '; top: ' + this.top + '; width: ' + this.width + '; visibility: ' + (this.visibility ? 'visible' : 'hidden') + '; z-index: ' + this.zindex + ';">';

    } else if (is_nav4) { 

        this.layer_content = '<layer name="' + this.name + '" left=' + this.left + ' top=' + this.top + ' width=' + this.width + ' visibility=' + (this.visibility ? '"show"' : '"hide"') + ' z-index=' + this.zindex + '>';

    }

	   this.layer_content += table_template_front_array1[this.table_template];

	   this.layer_content += name

	   this.layer_content += table_template_front_array2[this.table_template];

		if (this.table_template == 0) { 

			parent_layer_array[parent_layer_array.length] = this.name;

		} else {

		child_layer_array[child_layer_array.length] = this.name;

	    }

}



function ar(row_template, row_content) {  

    this.layer_content += row_template_front_array[row_template] + row_content + row_end;

}



function fl() {  

    this.layer_content += table_template_end_array[this.table_template];

    if ((is_domcom)||(is_ie4)) {

      this.layer_content += '</div>'; 

    } else if (is_nav4) {

        this.layer_content += '</layer>';

        ;

    } document.write(this.layer_content)

}



function define_table(tw) {

    table_template_front_array1[0] = '<table width="' + tw + '" cellspacing="0" cellpadding="0" border="0" onmouseover="TableOver(\'';

    table_template_front_array2[0] = '\');" onmouseout="TableOut();"><tr><td colspan="2" width="7"><img src="../images/menu/corner_ul.gif" width=7 height=8 border="0"></td><td width="' + (tw-7) + '" background="../images/menu/line_top.gif"><img src="../images/blank.gif" width=' + (tw-7) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="../images/menu/corner_ur.gif" width=7 height=8 border="0"></td></tr><tr><td width="1" background="../images/menu/vert_line.gif"><img src="../images/menu/vert_line.gif" width=1 height=1 border="0"></td><td width="6" bgcolor="C8C8C8"><img src="../images/blank.gif" width=6 height=1 border="0"></td><td width="' + (tw-7) + '" valign="top" bgcolor="C8C8C8"><table width="' + (tw-7) + '" cellspacing="0" cellpadding="1" border="0">';

    table_template_end_array[0] = '</table></td><td width="6" bgcolor="C8C8C8"><img src="../images/blank.gif" width=6 height=1 border="0"></td><td width="1" background="../images/menu/vert_line.gif"><img src="../images/menu/vert_line.gif" width=1 height=1 border="0"></td></tr><tr><td colspan="2" width="7"><img src="../images/menu/corner_ll.gif" width=7 height=8 border="0"></td><td width="' + (tw-7) + '" background="../images/menu/line_bot.gif"><img src="../images/blank.gif" width=' + (tw-7) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="../images/menu/corner_lr.gif" width=7 height=8 border="0"></td></tr></table>';



    table_template_front_array1[1] = '<table width="' + tw + '" cellspacing="0" cellpadding="0" border="0" onmouseover="TableOver(\'';

    table_template_front_array2[1] = '\');" onmouseout="TableOut();"><tr><td colspan="2" width="7"><img src="../images/menu/corner_ul.gif" width=7 height=8 border="0"></td><td width="' + (tw-14) + '" background="../images/menu/line_top.gif"><img src="../images/blank.gif" width=' + (tw-14) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="../images/menu/corner_ur.gif" width=7 height=8 border="0"></td></tr><tr><td width="1" background="../images/menu/vert_line.gif"><img src="../images/menu/vert_line.gif" width=1 height=1 border="0"></td><td width="6" bgcolor="C8C8C8"><img src="../images/blank.gif" width=6 height=1 border="0"></td><td width="' + (tw-14) + '" valign="top" bgcolor="C8C8C8"><table width="' + (tw-14) + '" cellspacing="0" cellpadding="1" border="0">';

    table_template_end_array[1] = '</table></td><td width="6" bgcolor="C8C8C8"><img src="../images/blank.gif" width=6 height=1 border="0"></td><td width="1" background="../images/menu/vert_line.gif"><img src="../images/menu/vert_line.gif" width=1 height=1 border="0"></td></tr><tr><td colspan="2" width="7"><img src="../images/menu/corner_ll.gif" width=7 height=8 border="0"></td><td width="' + (tw-14) + '" background="../images/menu/line_bot.gif"><img src="../images/blank.gif" width=' + (tw-14) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="../images/menu/corner_lr.gif" width=7 height=8 border="0"></td></tr></table>';



    row_template_front_array[0] = '<tr><td width=' + (tw-25) + '>';

    row_template_front_array[1] = '<tr><td width=' + (tw-14) + ' COLSPAN="1"><font face="Verdana, sans-serif" size=1>';

    row_template_front_array[2] = '<tr><td width=' + (tw-14) + ' ALIGN="right" COLSPAN="1"><font face="Verdana, sans-serif" size=1>';



    row_end = '</tr>';

}



define_table(table_width);



var l = new Layer("L1", 0, 4, 0, 259, 5);

l.ar(0, '<a href="#" onmouseout="LinkOut(\'L1\');" onmouseover="LinkOver(\'L1-1\');" class="MenuLink">Danceshoes</a>&nbsp;<img src="../images/menu/arrow.gif" align="absmiddle"></td>');

l.ar(0, '<a href="#" onmouseout="LinkOut(\'L1\');" onmouseover="LinkOver(\'L1-2\');" class="MenuLink">Dancewear</a>&nbsp;<img src="../images/menu/arrow.gif" align="absmiddle"></td>');

l.ar(0, '<a href="#" onmouseout="LinkOut(\'L1\');" onmouseover="LinkOver(\'L1-3\');" class="MenuLink">Accessories &amp; utensils</a>&nbsp;<img src="../images/menu/arrow.gif" align="absmiddle"></td>');

l.fl();



var l = new Layer("L1-1", 0, 5, 1, 244, 15);

l.ar(0, '<a href="spitzenschuhe-tanzschuhe.php" onmouseover="TableOver(\'L1-1\');" class="MenuLink">Pointe shoes</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="ballettschuhe-ballett-tanzschuhe.php" onmouseover="TableOver(\'L1-1\');" class="MenuLink">Ballett shoes</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="character-schuhe.php" onmouseover="TableOver(\'L1-1\');" class="MenuLink">Character shoes</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="royal-flamenco-tanzschuhe.php" onmouseover="TableOver(\'L1-1\');" class="MenuLink">Royal and Flamenco</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="jazzschuhe-jazzdance-tanzschuhe.php" onmouseover="TableOver(\'L1-1\');" class="MenuLink">Jazz shoes</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="steppschuhe-stepschuhe.php" onmouseover="TableOver(\'L1-1\');" class="MenuLink">Tap shoes</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="modern-dance-gymnastik-tanzschuhe.php" onmouseover="TableOver(\'L1-1\');" class="MenuLink">Modern and Gymnastic</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.fl();



var l = new Layer("L1-2", 0, 5, 1, 244, 30);

l.ar(0, '<a href="#" onmouseout="LinkOut(\'L1-2\');" onmouseover="LinkOver(\'L1-2-1\');" class="MenuLink">Ballettwear</a>&nbsp;<img src="../images/menu/arrow.gif" align="absmiddle"></td>');

l.ar(0, '<a href="wickelroecke.php" onmouseover="TableOver(\'L1-2\');" class="MenuLink">Skirts</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="#" onmouseout="LinkOut(\'L1-2\');" onmouseover="LinkOver(\'L1-2-2\');" class="MenuLink">Jazzwear</a>&nbsp;<img src="../images/menu/arrow.gif" align="absmiddle"></td>');

l.ar(0, '<a href="ballett-struempfe.php" onmouseover="TableOver(\'L1-2\');" class="MenuLink"> Tights wear</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.fl();



var l = new Layer("L1-3", 0, 5, 1, 244, 50);

l.ar(0, '<a href="schluesselanhaenger.php" onmouseover="TableOver(\'L1-3\');" class="MenuLink">Key rings</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="rucksaecke-taschen.php" onmouseover="TableOver(\'L1-3\');" class="MenuLink">Bags &amp; Backpacks</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="spitzenschoner.php" onmouseover="TableOver(\'L1-3\');" class="MenuLink">Toe pads</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.fl();



var l = new Layer("L1-2-1", 0, 6, 1, 394, 40);

l.ar(0, '<a href="balletkleidung-ballettbekleidung-erwachsene.php" onmouseover="TableOver(\'L1-2-1\');" class="MenuLink">Adult</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="balletkleidung-ballettbekleidung-kinder.php" onmouseover="TableOver(\'L1-2-1\');" class="MenuLink">Child</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.fl();



var l = new Layer("L1-2-2", 0, 6, 1, 344, 70);

l.ar(0, '<a href="jazzwear-erwachsene.php" onmouseover="TableOver(\'L1-2-2\');" class="MenuLink">Adult</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="jazzwear-kinder.php" onmouseover="TableOver(\'L1-2-2\');" class="MenuLink">Child</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.fl();


var l = new Layer("L2", 0, 4, 0, 479, 5);

l.ar(0, '<a href="onlineshops.php" onmouseover="TableOver(\'L2\');" class="MenuLink">Onlineshops</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="ladenlokale.php" onmouseover="TableOver(\'L2\');" class="MenuLink">Local shops</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.fl();



var l = new Layer("L3", 0, 4, 0, 579, 5);

l.ar(0, '<a href="pdf-kataloge.php" onmouseover="TableOver(\'L3\');" class="MenuLink">PDF-Cataloges</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="kostenlose-wallpapers.php" onmouseover="TableOver(\'L3\');" class="MenuLink">Wallpapers</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.fl();



var l = new Layer("L4", 0, 4, 0, 674, 5);

l.ar(0, '<a href="kontaktformular.php" onmouseover="TableOver(\'L4\');" class="MenuLink">Contactform</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="kataloganfrage.php" onmouseover="TableOver(\'L4\');" class="MenuLink">Catalog inquiry</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.ar(0, '<a href="kontaktadresse.php" onmouseover="TableOver(\'L4\');" class="MenuLink">Contact address</a>&nbsp;<img src="../img/dummy.gif" align="absmiddle"></td>');

l.fl();



var numOfMenus = 4; // Number of the Main menus

var numOfImages = 4; // Number of rollover button images



layersList = new Array("L1","L2","L3","L4","L1-1","L1-2","L1-3","L1-2-1","L1-2-2");

var layerCount = 9; // Total number of the Main and the Sub menus



// Copyright 2001-2003 Villario, villario@yahoo.com