var vertpos = 265;
var xpos = new Array(4);
    xpos[0] = 14;
    xpos[1] = 203;
    xpos[2] = 392;
    xpos[3] = 581;
	
var imgname = new Array();
    imgname[0] = '../images/menu_type.gif';
    imgname[1] = '../images/menu_area.gif';
    imgname[2] = '../images/menu_gender.gif';
    imgname[3] = '../images/menu_document.gif';
	
var imgtag = new Array();
    imgtag[0] = 'Type & Functions';
    imgtag[1] = 'Geographical Area';
    imgtag[2] = 'Gender of Performer';
    imgtag[3] = 'Documenting the Research Process';
	
var menubackground = '../images/menu_back.gif';
var menuhighlight  = '../images/menu_high.gif';
var submenubackground = '../images/menu_back.gif';
var submenuhighlight  = '../images/submenu_high.gif';


var menuarray0 = new Array();
menuarray0[0] = new makeMenuArray("Vocal", "", "", "", "", "");
menuarray0[1] = new makeMenuArray("Fones", "Fones.htm", "", "", "", 0);
menuarray0[2] = new makeMenuArray("Songs", "Songs.htm", "", "", "", 0);
menuarray0[3] = new makeMenuArray("Dancing Songs", "DSongs.htm", "", "", "", 0);
menuarray0[4] = new makeMenuArray("Instrumental", "", "", "", "", "");
menuarray0[5] = new makeMenuArray("Cypriot Dances", "ICDances.htm", "", "", "", 4);
menuarray0[6] = new makeMenuArray("Wedding Music", "IWedding.htm", "", "", "", 4);
menuarray0[7] = new makeMenuArray("Other", "IOther.htm", "", "", "", 4);
menuarray0[8] = new makeMenuArray("Songs & Accompaniment", "", "", "", "", "");
menuarray0[9] = new makeMenuArray("Dancing Songs", "ADSongs.htm", "", "", "", 8);
menuarray0[10] = new makeMenuArray("Wedding Songs", "AWSongs.htm", "", "", "", 8);
menuarray0[11] = new makeMenuArray("Other", "ASongsOther.htm", "", "", "", 8);

var menuarray1 = new Array();
menuarray1[0] = new makeMenuArray("Famagusta / Larnaka", "FamagustaL.htm", "", "", "", "");
menuarray1[1] = new makeMenuArray("Kyrenia","Kyrenia.htm", "", "", "", "");
menuarray1[2] = new makeMenuArray("Limassol","Limassol.htm", "", "", "", "");
menuarray1[3] = new makeMenuArray("Morphou", "Morphou.htm", "", "", "", "");
menuarray1[4] = new makeMenuArray("Nicosia", "Nicosia.htm", "", "", "", "");
menuarray1[5] = new makeMenuArray("Paphos", "Paphos.htm", "", "", "", "");
menuarray1[6] = new makeMenuArray("Islands and Mainland Greece", "Greece.htm", "", "", "", "");

var menuarray2 = new Array();
menuarray2[0] = new makeMenuArray("Male", "Male.htm", "", "", "", "");
menuarray2[1] = new makeMenuArray("Female", "Female.htm", "", "", "", "");
menuarray2[2] = new makeMenuArray("Male/Female Groups", "Groups.htm", "", "", "", "");

var menuarray3 = new Array();
menuarray3[0] = new makeMenuArray("Images", "Images.htm", "", "", "", "");
menuarray3[1] = new makeMenuArray("Videos", "Videos.htm", "", "", "", "");
menuarray3[2] = new makeMenuArray("A - Z", "AZ.htm", "", "", "", "");

var lastmenu = 0;
var lastmenuitem = -1;
var menuTimer = null;
var menuTimer1 = null;
var hidedivs = null;
var styletag = "";
var clipheight = new Array();
var clipsubwidth = new Array();
var clipsubheight = new Array();
var menutops = new Array();
var menuarrays = new Array();
var menuarraysback = new Array();
var menuarraysfront = new Array();
var menusubarrays = new Array();
var menusubarraysback = new Array();
var menusubarraysfront = new Array();
var subdivs = new Array();

function makeMenuArray(txt, url, linktype, height, width, par) {
   if ( txt != "" )
   { this.txt = txt; }
   else
   { this.txt = ""; }

   if ( url != "" )
   { this.url = url; }
   else
   { this.url = ""; }

   if ( linktype != "" || linktype == "0" )
   { this.linktype = linktype; }
   else
   { this.linktype = 0; }

   if ( height != "" )
   { this.height = height; }
   else
   { this.height = ""; }

   if ( width != "" )
   { this.width = width; }
   else
   { this.width = ""; }

   if ( par != "" || par == "0" )
   { this.par = par; }
   else
   { this.par = -1; }
}





function cb_getElementStyle(elemID)
{
   if ( document.layers )
   { return eval('document.layers["' + elemID + '"]'); }
   else
   {
      if ( document.all )

      { return eval('document.all.' + elemID + '.style'); }
      else
      { return document.getElementById(elemID).style; }
   }
}


function cb_getImage(elemID, imgID)
{
   if ( document.layers )
   { return eval('document.layers["' + elemID + '"].document.images["' + imgID + '"]'); }
   else
   { return eval('document.images["' + imgID + '"]'); }
}



      function writemenus()
      {
         c = 4;
         styletag = '<style>\n\n';
         for ( i = 0; i < c; i++ )
         {
            menutops[i] = '<div id="menu' + i + 'top">';
            menutops[i] += '<table border="0" width="184" cellspacing="0" cellpadding="0">';
            menutops[i] += '<tr>';
            menutops[i] += '<td width="184" height="20"><a href="#" onmouseover="clearTimeout(menuTimer);showmenu(' + i + ');hidesubmenu(' + i + ', lastmenuitem);lastmenuitem = -1;" onmouseout="menuTimer = setTimeout(\'hidemenu(' + i + ')\', 250);"><img src="' + imgname[i] + '" height="20" width="182" border="0" alt="' + imgtag[i] + ' menu"></a></td>';
            menutops[i] += '</tr>';
            menutops[i] += '</table>';
            menutops[i] += '</div>';

            j_offset = 0;
            menuarrays[i] = "";
            menuarraysback[i] = "";
            menuarraysfront[i] = "";
            menusubarrays[i] = new Array();
            menusubarraysback[i] = new Array();
            menusubarraysfront[i] = new Array();
            clipsubheight[i] = new Array();

            for ( j = 0; j < eval('menuarray' + i + '.length'); j++ )
            {
               clipsubheight[i][j] = -1;
               haschildren = false;

               for ( k = 0; k < eval('menuarray' + i + '.length'); k++ )
               {
                  if ( eval('menuarray' + i + '[' + k + '].par') == j )
                  {
                     haschildren = true;
                  }
               }

               if ( haschildren == true )
               {
                  styletag += '#menu' + i + 'sub' + j + 'sub { position: absolute; top: ' + ( ( ( j - j_offset ) * 20 ) + vertpos + 20 ) + 'px; left: ' + ( xpos[i] + 182 ) + 'px; visibility: hidden; z-index: 75; }\n';
                  styletag += '#menu' + i + 'sub' + j + 'subback { position: absolute; top: ' + ( ( ( j - j_offset ) * 20 ) + vertpos + 20 ) + 'px; left: ' + ( xpos[i] + 182 ) + 'px; visibility: hidden; z-index: 74; }\n';
                  styletag += '#menu' + i + 'sub' + j + 'subfront { position: absolute; top: ' + ( ( ( j - j_offset ) * 20 ) + vertpos + 20 ) + 'px; left: ' + ( xpos[i] + 182 ) + 'px; visibility: hidden; z-index: 76; }\n';
                  menusubarrays[i][j] = '<div id="menu' + i + 'sub' + j + 'sub"><table width="182" border="0" cellpadding="0" cellspacing="1">\n';
                  menusubarraysback[i][j] = '<div id="menu' + i + 'sub' + j + 'subback"><table bgcolor="#7D692D" width="182" border="0" cellpadding="0" cellspacing="1">\n';
                  menusubarraysfront[i][j] = '<div id="menu' + i + 'sub' + j + 'subfront"><table width="182" border="0" cellpadding="0" cellspacing="1">\n';
               }
               else
               {
                  menusubarrays[i][j] = '';
                  menusubarraysback[i][j] = '';
                  menusubarraysfront[i][j] = '';
               }

               if ( eval('menuarray' + i + '[' + j + '].par') == -1 )
               {
                  styletag += '#menu' + i + 'sub' + j + ' { position: absolute; top: ' + ( ( j - j_offset ) * 20 ) + 'px; left:0px; height:20px; width:182px; z-index:75; }\n';
                  menuarrays[i] += '<tr>\n\n<td height="20" width="25"><a href="#" class="menu"><nobr>&nbsp;&nbsp;' + eval('menuarray' + i + '[' + j + '].txt') + '&nbsp;&nbsp;</nobr></a></td><td width="15"><img src="';
                  
				  if ( haschildren == true )
                  {
                    menuarrays[i] += '../images/menu_arrowright.gif';
                  }
                  
				  else
                  {
                     menuarrays[i] += '../images/menu_space.gif';
                  }
				  
				  
                  menuarrays[i] += '" height="20" width="15" border="0" align="right" alt=""></td>\n\n</tr>';
                  menuarraysback[i] += '<tr>\n\n<td height="20" width="182"><img src="' + menubackground + '" name="menu' + i + 'back' + j + '" height="20" width="180" border="0" alt=""></td>\n\n</tr>';
                  menuarraysfront[i] += '<tr>\n\n<td height="20" width="182"><a href="';
                  if ( eval('menuarray' + i + '[' + j + '].url') != "" )
                  {
                     if ( eval('menuarray' + i + '[' + j + '].linktype') > 0 )
                     {
                        menuarraysfront[i] += 'javascript:popupURL(' + i + ', ' + j + ');';
                     }
                     else
                     {
                        menuarraysfront[i] += eval('menuarray' + i + '[' + j + '].url');
                     }
                  }
                  else
                  {
                     menuarraysfront[i] += '#';
                  }
                  menuarraysfront[i] += '" onmouseover="menuitemover(' + i + ', ' + j + ', ' + haschildren + ');" onmouseout="menuitemout(' + i + ', ' + j + ', ' + haschildren + ');"><img src="'+ '../images/' + 'spacer.gif" height="20" width="180" border="0" alt=""></a></td>\n\n</tr>';
				  
               }
                   else
               {
                  j_offset++;
                  menusubarrays[i][eval('menuarray' + i + '[' + j + '].par')] += '<tr>\n\n<td height="20"><a href="#" class="menuSub"><nobr>&nbsp;&nbsp;' + eval('menuarray' + i + '[' + j + '].txt') + '&nbsp;&nbsp;</nobr></a></td>\n\n</tr>\n';
                  menusubarraysback[i][eval('menuarray' + i + '[' + j + '].par')] += '<tr>\n\n<td height="20"><img src="' + submenubackground + '" name="menuback' + i + 'sub' + j + 'sub" height="20" width="180" border="0" alt=""></td>\n\n</tr>';
                  menusubarraysfront[i][eval('menuarray' + i + '[' + j + '].par')] += '<tr>\n\n<td height="20"><a href="' + eval('menuarray' + i + '[' + j + '].url') + '" onmouseover="clearTimeout(menuTimer);clearTimeout(menuTimer1);changesubBG(' + i + ', ' + j + ', ' + eval('menuarray' + i + '[' + j + '].par') + ', submenuhighlight);" onmouseout="menuTimer1 = setTimeout(\'hidesubmenu(' + i + ', ' + eval('menuarray' + i + '[' + j + '].par') + ')\', 250);menuTimer = setTimeout(\'hidemenu(' + i + ')\', 250);changesubBG(' + i + ', ' + j + ', ' + eval('menuarray' + i + '[' + j + '].par') + ', submenubackground);"><img src="'+ '../images/' + 'spacer.gif" height="20" width="180" border="0" alt=""></a></td>\n\n</tr>';
                  clipsubheight[i][j] = j_offset * 20;
               }
            } // end 2nd for

            haschildren = false;
            lastfinishedmenu = -1;

            for ( j = 0; j < eval('menuarray' + i + '.length'); j++ )
            {
               for ( k = 0; k < eval('menuarray' + i + '.length'); k++ )
               {
                  if ( ( eval('menuarray' + i + '[' + k + '].par') == j ) && ( lastfinishedmenu != j ) )
                  {
                     menusubarrays[i][j] += '<tr>\n\n<td height="1">';
                     menusubarrays[i][j] += '</td>\n\n</tr>\n';
                     menusubarrays[i][j] += '</table></div>';
                     menusubarraysback[i][j] += '</table></div>';
                     menusubarraysfront[i][j] += '</table></div>';
                     lastfinishedmenu = j;
                  }
               }
            }

            menuarrays[i] = '<div id="menu' + i + '"><table border="0" width="182" cellpadding="0" cellspacing="1">' + menuarrays[i] + '</table></div>';
            menuarraysback[i] = '<div id="menu' + i + 'back"><table bgcolor="#7D692D" border="0" width="182" cellspacing="1" cellpadding="0">' + menuarraysback[i] + '</table></div>';
            menuarraysfront[i] = '<div id="menu' + i + 'front"><table border="0" width="182" cellpadding="0" cellspacing="1">' + menuarraysfront[i] + '</table></div>';

            styletag += '#menu' + i + 'top { position: absolute; top: ' + vertpos + 'px; left: ' + xpos[i] + 'px; z-index: 75; visibility: visible; }\n';
            styletag += '#menu' + i + ' { position: absolute; top: ' + ( vertpos + 20 ) + 'px; left: ' + xpos[i] + 'px; z-index: 75; visibility: hidden; }\n';
            styletag += '#menu' + i + 'back { position: absolute; top: ' + ( vertpos + 20 ) + 'px; left: ' + xpos[i] + 'px; z-index: 74; visibility: hidden; }\n';
            styletag += '#menu' + i + 'front { position: absolute; top: ' + ( vertpos + 20 ) + 'px; left: ' + xpos[i] + 'px; z-index: 76; visibility: hidden; }\n';
         } // end 1st for

         styletag += '\n</style>';
         document.write(styletag);

         for ( i = 0; i < c; i++ )
         {
            document.write(menutops[i]);
         }

         for ( i = 0; i < menuarrays.length; i++ )
         {
            document.write(menuarrays[i]);
         }

         for ( i = 0; i < menuarraysback.length; i++ )
         {
            document.write(menuarraysback[i]);
         }

         for ( i = 0; i < menuarraysfront.length; i++ )
         {
            document.write(menuarraysfront[i]);
         }

         for ( i = 0; i < menusubarrays.length; i++ )
         {
            for ( j = 0; j < menusubarrays[i].length; j++ )
            {
               if ( menusubarrays[i][j] != '' )
               { document.write(menusubarrays[i][j]); }
            }
         }

         for ( i = 0; i < menusubarrays.length; i++ )
         {
            clipsubwidth[i] = new Array();
            for ( j = 0; j < menusubarrays[i].length; j++ )
            {
               if ( menusubarrays[i][j] != '' )
               { clipsubwidth[i][j] = 184; }
            }
         }

         for ( i = 0; i < menusubarraysback.length; i++ )
         {
            for ( j = 0; j < menusubarraysback[i].length; j++ )
            {
               if ( menusubarraysback[i][j] != '' )
               {
                  document.write(menusubarraysback[i][j]);
                  if ( document.layers )
                  { eval('cb_getElementStyle("menu' + i + 'sub' + j + 'subback").clip.width = clipsubwidth[' + i + '][' + j + ']'); }
                  else
                  { eval('cb_getElementStyle("menu' + i + 'sub' + j + 'subback").clip = "rect(0, ' + clipsubwidth[i][j] + ', 1000, 0)";'); }
               }
            }
         }

         for ( i = 0; i < menusubarraysfront.length; i++ )
         {
            for ( j = 0; j < menusubarraysfront[i].length; j++ )
            {
               if ( menusubarraysfront[i][j] != '' )
               {
                  document.write(menusubarraysfront[i][j]);
                  if ( document.layers )
                  { eval('cb_getElementStyle("menu' + i + 'sub' + j + 'subfront").clip.width = clipsubwidth[' + i + '][' + j + ']'); }
                  else
                  { eval('cb_getElementStyle("menu' + i + 'sub' + j + 'subfront").clip = "rect(0, ' + clipsubwidth[i][j] + ', 1000, 0)";'); }
               }
            }
         }
      } // end writemenus function



   writemenus();