/**************************************
 * MAIN MENU
 **************************************/

function initMaps() {
   if (document.getElementById) {
      var mapIds = initMaps.arguments;    // pass string IDs of containing map elements
      var i, j, area, areas;
      for (i = 0; i < mapIds.length; i++) {
        areas = document.getElementById(mapIds[i]).getElementsByTagName("area");

        for (j = 0; j < areas.length; j++) {  // loop thru area elements
           area = areas[j];
           //area.onmousedown = imgSwap;
           area.onmouseout = imgSwap;    // set event handlers
           area.onmouseover = imgSwap;
           //area.onmouseup = imgSwap;
        }
      }
   }
}

// image swapping event handling
function imgSwap(evt) {
   evt = (evt) ? evt : event;                   // equalize event models
   var elem = (evt.target) ? evt.target : evt.srcElement;
   var imgClass = elem.parentNode.name.substr(0, elem.parentNode.name.length - 3);         // get map element name
   var coords = elem.coords.split(",");         // convert coords to clip
   var clipVal = "rect(" + coords[1] + "px " +
                           coords[2] + "px " +
                           coords[3] + "px " +
                           coords[0] + "px)";

   var idx = parseInt(elem.getAttribute('idx'));

   var imgStyle;

   switch (evt.type) {
      /*case "mousedown" :
         imgStyle = document.getElementById(imgClass + "Down").style;
         imgStyle.clip = clipVal;
         imgStyle.visibility = "visible";
         break;/**/
      case "mouseout" :
         //document.getElementById(imgClass + "Hilite").style.visibility = "hidden";
         launchSubmenuTimeout();
         //document.getElementById(imgClass + "Selected").style.visibility = "hidden";
         break;
      case "mouseover" :
         //document.getElementById(imgClass + "Selected").style.visibility = "hidden";
         imgStyle = document.getElementById(imgClass + "Hilite").style;
         imgStyle.clip = clipVal;
         imgStyle.visibility = "visible";
         stopSubmenuTimeout();
         buildSubmenu(idx);
         break;
      /*case "mouseup" :
         document.getElementById(imgClass + "Down").style.visibility = "hidden";
         // guarantee click in IE
         if (elem.click) {
             elem.click();
         }
         break;/**/
   }
   evt.cancelBubble = true;
   return false;
}

function showWhereIam(menumap, idx)
{
    var areas;
    areas = document.getElementById(menumap).getElementsByTagName("area");

    var coords = areas[idx].coords.split(",");
    var clipVal = "rect(" + coords[1] + "px " +
        coords[2] + "px " +
        coords[3] + "px " +
        coords[0] + "px)";
    var imgStyle = document.getElementById('menuImgSelected').style;

    imgStyle.clip = clipVal;
     imgStyle.visibility = "visible";
}

function openSlideShow()
{
    var url = '/slideshow/';

    var x = (screen.availWidth - 800) / 2;
    var y = (screen.availHeight - 457) / 2;

    window.open(url,'ApplicationWindow','screenX=' + x + ',left=' + x + ',screenY=' + y + ',top=' + y + ',toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,fullscreen=0,width='+ (800) +',height='+  (457) );
}

function setSitePath(p)
{
    var parts = p.split('>');

    var i = 0;
    var html = parts[0];
    for(i = 1; i < parts.length; i++)
    {
        if(parts[i] != '')
            html += '&nbsp;&nbsp;<img border="0" src="/images/path_separator.png" align="absmiddle" />&nbsp;&nbsp;' + parts[i];
    }
    document.getElementById('sitePath').innerHTML = html;
}

/******************************************
 * SUB-MENU ITEMS
 ******************************************/

function SubMenuItem(txt, icon, link)
{
    this.ItemText = txt;
    this.ItemIcon = icon;
    this.ItemLink = link;
}

var aboutSubMenu = new Array(
        new SubMenuItem('Про компанію', '', '/about/'),
        new SubMenuItem('Місія та цілі', '', '/about/Mission/'),
        new SubMenuItem('Дистрибуція', '', '/about/Distribution/'),
        new SubMenuItem('Ринок інтелектуального будівництва', '', '/about/Domotic-Market/'));

var productsSubMenu = new Array(
        new SubMenuItem('QuiiQ AUTOMATION', '', '/products/QuiiQ-AUTOMATION/'),///images/automation_icon.gif
        new SubMenuItem('QuiiQ MOVIES', '', '/products/QuiiQ-MOVIES/'),///images/movies_icon.gif
        new SubMenuItem('QuiiQ MAGNATE', '', '/products/QuiiQ-MAGNATE/'));///images/magnate_icon.gif

var solutionsSubMenu = new Array(
     //   new SubMenuItem('Автоматизация', '', '/solutions/'),
      //  new SubMenuItem('Развлечения', '', '/solutions/'),
        new SubMenuItem('Дім майбутнього', '', '/solutions/HouseOfTheFuture/'));


var storeSubMenu = new Array(
      //  new SubMenuItem('QuiiQ MOVIES магазин', '', '/store/'),
      //  new SubMenuItem('QuiiQ MAGNATE магазин', '', '/store/'),
        new SubMenuItem('Магазин', '', '/store/'));

var dealersSubMenu = new Array(
     //   new SubMenuItem('Дилеры', '', '/dealers/'),
     //   new SubMenuItem('Стать дилером', '', '/dealers/'),
     //   new SubMenuItem('Целевой рынок', '', '/dealers/'),
     //   new SubMenuItem('Комната показов', '', '/dealers/'),
     //   new SubMenuItem('Литература', '', '/dealers/'),
        new SubMenuItem('Дилери', '', '/dealers/'));

var salesSubMenu = new Array(
        new SubMenuItem('Спiвпраця', '', '/sales/collaboration/'),
        new SubMenuItem('Стати дилером', '', '/sales/dealers/'));

var pressSubMenu = new Array(
//        new SubMenuItem('Новини та події', '', '/mass-media/'),
        new SubMenuItem('Видео', '', '/mass-media/video/'),
        new SubMenuItem('Статтi', '', '/mass-media/articles/'));
//        new SubMenuItem('QuiiQ Галерея', '', '/mass-media/'),
//        new SubMenuItem('Automation Галерея', '', '/mass-media/'),
//        new SubMenuItem('Movies Галерея', '', '/mass-media/'),
//        new SubMenuItem('Magnate Галерея', '', '/mass-media/'));


var contactsSubMenu = new Array(
        new SubMenuItem('QuiiQ підтримка', '', '/contacts/support/'),
        new SubMenuItem('QuiiQ контакти', '', '/contacts/'));
//        new SubMenuItem('QuiiQ контакты', '', '/contacts/'),
//        new SubMenuItem('KNX Центр решений', '', '/contacts/'));


var subMenus = new Array(null, aboutSubMenu, productsSubMenu, solutionsSubMenu, salesSubMenu, pressSubMenu, contactsSubMenu);

var subMenuTimer;
var subMenu;

function buildDDSubmenu(idx)
{
    var submenuObj = document.getElementById('submenu');

    var arr = subMenus[idx];

    if(arr != null)
    {
        var html = '<div onmouseover="stopSubmenuTimeout()" onmouseout="launchSubmenuTimeout()" style="width:auto;height:25px;margin-left:5px;"><nobr>';

        var i;
        for(i = 0; i < arr.length; i++)
        {
            if(i > 0)
            {
                html += '<a class="LinkWhite" style="line-height:30px;margin:0 10px 0 10px;">|</a>';
            }

            html += '<a class="LinkWhite" href="' + arr[i].ItemLink  +'" style="line-height:25px;">';
            if(arr[i].ItemIcon != '')
                html += '<img src="' + arr[i].ItemIcon + '" border="0" align="absmiddle" style="margin-right:10px;" />';
            html += arr[i].ItemText;
            html += '</a>';
        }
        html += '</nobr></div>';

        submenuObj.innerHTML = html;
    }
    else
    {
        submenuObj.innerHTML = '';
    }
}

function buildSubmenu(idx)
{
    var submenuObj = document.getElementById('submenu');

    var arr = subMenus[idx];

    var areas = document.getElementById('menuImgMap').getElementsByTagName("area");

    var coords = areas[idx].coords.split(",");
    var left = parseInt(coords[0], 10) - 1;

    if(arr != null)
    {
        var html = '<div onmouseover="stopSubmenuTimeout()" onmouseout="launchSubmenuTimeout()" style="position:absolute;top:-3px;left:' + left + ';z-index:9000;width:auto;height:auto;text-align:left;">';
        html += '<div style="background-color:#6694a5;background-image:url(/images/menu_tr_corner.gif);padding-top:5px;background-position:top right;background-repeat:no-repeat;border-left:solid 1px #001219;">';
        html += '<div style="background-color:#6694a5;background-image:url(/images/menu_right_border.gif);padding-bottom:4px;background-position:right;background-repeat:repeat-y;">';

        var i;
        for(i = 0; i < arr.length; i++)
        {
            if(i > 0)
            {
                html += '<br />';
            }

            html += '<nobr><a class="MenuLinkWhite" href="' + arr[i].ItemLink  +'" style="line-height:18px;display:block;padding:2px 13px 2px 10px;">';
            if(arr[i].ItemIcon != '')
                html += '<img src="' + arr[i].ItemIcon + '" border="0" align="absmiddle" style="margin-right:10px;" />';
            html += arr[i].ItemText;
            html += '</a></nobr>';
        }
        html += '</div>';
        html += '</div>';

        //bottom border
        html += '<div style="right:0px;left:0px;text-align:center;">';
        html += '<div style="position:absolute;left:0;width:4;height:4px;background-image:url(/images/menu_bl_corner.gif);background-position:top left;background-repeat:no-repeat;"></div>';
        html += '<div style="position:absolute;margin:auto;left:4;right:3;background-image:url(/images/menu_bottom_border.gif);"><img src="/images/1x1.gif" align="absmiddle" height="4px" width="100%" /></div>';
        html += '<div style="position:absolute;right:0;width:4;height:4px;background-image:url(/images/menu_br_corner.gif);background-position:top right;background-repeat:no-repeat;"></div>';
        html += '</div>';


        html += '</div>';

        submenuObj.innerHTML = html;
    }
    else
    {
        submenuObj.innerHTML = '';
    }
}

function launchSubmenuTimeout()
{
    if(subMenuTimer != null)
    {
        clearTimeout(subMenuTimer);
        subMenuTimer = null;
    }

    subMenuTimer = setTimeout('hideSubmenu()', 500);
}

function stopSubmenuTimeout()
{
    if(subMenuTimer != null)
    {
        clearTimeout(subMenuTimer);
        subMenuTimer = null;
    }
}

function hideSubmenu()
{
    var submenuObj = document.getElementById('submenu');
    submenuObj.innerHTML = '';
    //document.getElementById("menuImgSelected").style.visibility = "visible";
    document.getElementById("menuImgHilite").style.visibility = "hidden";
}