var servicesn = new Image(); servicesn.src = "langs/en/img/menu/services.png";
var servicess = new Image(); servicess.src = "langs/en/img/menu/servicess.png";
var solutionsn = new Image(); solutionsn.src = "langs/en/img/menu/solutions.png";
var solutionss = new Image(); solutionss.src = "langs/en/img/menu/solutionss.png";
var practicesn = new Image(); practicesn.src = "langs/en/img/menu/practices.png";
var practicess = new Image(); practicess.src = "langs/en/img/menu/practicess.png";
var workatn = new Image(); workatn.src = "langs/en/img/menu/workat.png";
var workats = new Image(); workats.src = "langs/en/img/menu/workats.png";
var centern = new Image(); centern.src = "langs/en/img/menu/center.png";
var centers = new Image(); centers.src = "langs/en/img/menu/centers.png";
var newsn = new Image(); newsn.src = "langs/en/img/menu/news.png";
var newss = new Image(); newss.src = "langs/en/img/menu/newss.png";
var companyn = new Image(); companyn.src = "langs/en/img/menu/company.png";
var companys = new Image(); companys.src = "langs/en/img/menu/companys.png";

var contactn = new Image(); contactn.src = "langs/en/img/menu/contact.png";
var contacts = new Image(); contacts.src = "langs/en/img/menu/contacts.png";
var accountn = new Image(); accountn.src = "langs/en/img/menu/account.png";
var accounts = new Image(); accounts.src = "langs/en/img/menu/accounts.png";
var loginn = new Image(); loginn.src = "langs/en/img/menu/login.png";
var logins = new Image(); logins.src = "langs/en/img/menu/logins.png";
var logoutn = new Image(); logoutn.src = "langs/en/img/menu/logout.png";
var logouts = new Image(); logouts.src = "langs/en/img/menu/logouts.png";

var submenu = new Array();

submenu['services'] = new Array();
submenu['services'][0] = new Object();
submenu['services'][0].anchor = 'Software as a Service';
submenu['services'][0].href = 'saas.php';
submenu['services'][1] = new Object();
submenu['services'][1].anchor = 'Offshore Assessments';
submenu['services'][1].href = 'assessments.php';
submenu['services'][2] = new Object();
submenu['services'][2].anchor = 'Assembly & Team Management';
submenu['services'][2].href = 'atm.php';
submenu['services'][3] = new Object();
submenu['services'][3].anchor = 'Application Development & Maintenance';
submenu['services'][3].href = 'development.php';
submenu['services'][4] = new Object();
submenu['services'][4].anchor = 'Quality Assurance Testing';
submenu['services'][4].href = 'qa.php';
submenu['services'][5] = new Object();
submenu['services'][5].anchor = 'Marketing Business';
submenu['services'][5].href = 'marketing.php';
submenu['services'][6] = new Object();
submenu['services'][6].anchor = 'Onshore Services';
submenu['services'][6].href = 'onshore.php';
submenu['solutions'] = new Array();
submenu['solutions'][0] = new Object();
submenu['solutions'][0].anchor = 'Solutions for Startups and Investors';
submenu['solutions'][0].href = 'startup.php';
submenu['solutions'][1] = new Object();
submenu['solutions'][1].anchor = 'Solutions CEOs';
submenu['solutions'][1].href = 'ceo.php';
submenu['solutions'][2] = new Object();
submenu['solutions'][2].anchor = 'Solutions for SMEs';
submenu['solutions'][2].href = 'sme.php';
submenu['solutions'][3] = new Object();
submenu['solutions'][3].anchor = 'Solutions for large enterprises';
submenu['solutions'][3].href = 'largeenterprise.php';
submenu['practices'] = new Array();
submenu['practices'][0] = new Object();
submenu['practices'][0].anchor = 'Agile Development Methodology';
submenu['practices'][0].href = 'agile.php';
submenu['practices'][1] = new Object();
submenu['practices'][1].anchor = 'Knowledge Transfer Methology';
submenu['practices'][1].href = 'knowledge.php';
submenu['practices'][2] = new Object();
submenu['practices'][2].anchor = 'Distributed Communications Processes';
submenu['practices'][2].href = 'distcomm.php';
submenu['practices'][3] = new Object();
submenu['practices'][3].anchor = 'Softjourn Best Practices';
submenu['practices'][3].href = 'bestpractices.php';
submenu['practices'][4] = new Object();
submenu['practices'][4].anchor = 'Softjourn Technical Skills';
submenu['practices'][4].href = 'skills.php';
submenu['practices'][5] = new Object();
submenu['practices'][5].anchor = 'Offshoring Stages';
submenu['practices'][5].href = 'stages.php';
submenu['workat'] = new Array();
submenu['workat'][0] = new Object();
submenu['workat'][0].anchor = 'Work at Softjourn';
submenu['workat'][0].href = 'workat.php';
submenu['center'] = new Array();
submenu['center'][0] = new Object();
submenu['center'][0].submenu = 'ukraine';
submenu['center'][0].anchor = 'Ukraine';
submenu['center'][0].href = '#';
submenu['center'][1] = new Object();
submenu['center'][1].anchor = 'Outsourcing';
submenu['center'][1].href = 'outsourcing.php';
submenu['ukraine'] = new Array();
submenu['ukraine'][0] = new Object();
submenu['ukraine'][0].anchor = 'Background on Ukraine';
submenu['ukraine'][0].href = 'ukraine.php';
submenu['ukraine'][1] = new Object();
submenu['ukraine'][1].anchor = 'Ukraine: Myths or Reality';
submenu['ukraine'][1].href = 'myths.php';
submenu['news'] = new Array();
submenu['news'][0] = new Object();
submenu['news'][0].anchor = 'News';
submenu['news'][0].href = 'news.php';
submenu['newsletters'] = new Array();
submenu['newsletters'][0] = new Object();
submenu['newsletters'][0].anchor = 'Newsletters';
submenu['newsletters'][0].href = 'newsletters.php';
submenu['company'] = new Array();
submenu['company'][0] = new Object();
submenu['company'][0].anchor = 'About Us';
submenu['company'][0].href = 'about.php';
submenu['company'][1] = new Object();
submenu['company'][1].anchor = 'Management Team';
submenu['company'][1].href = 'team.php';
submenu['company'][2] = new Object();
submenu['company'][2].anchor = 'Partial Customer List';
submenu['company'][2].href = 'clients.php';
submenu['company'][3] = new Object();
submenu['company'][3].anchor = 'Customer Testimonials';
submenu['company'][3].href = 'testimonials.php';
submenu['customer_login_unlogged'] = new Array();
submenu['customer_login_unlogged'][0] = new Object();
submenu['customer_login_unlogged'][0].anchor = 'Customer Login';
submenu['customer_login_unlogged'][0].href = 'login.php';
submenu['customer_login_unlogged'][1] = new Object();
submenu['customer_login_unlogged'][1].anchor = 'Registration';
submenu['customer_login_unlogged'][1].href = 'register.php';
submenu['customer_login_unlogged'][2] = new Object();
submenu['customer_login_unlogged'][2].anchor = 'Forgot Password';
submenu['customer_login_unlogged'][2].href = 'forgot.php';
submenu['contact'] = new Array();
submenu['contact'][0] = new Object();
submenu['contact'][0].anchor = 'Contact Us';
submenu['contact'][0].href = 'contact.php';
var menuitem = new Array();
var timeout = new Array();

var isLinux = false;

function changeImage(image, type) {
    document[image].src = eval(image + type + ".src");
}

function showSubmenu(linkid, section, level) {
    //console.log('showSubmenu(linkid = \'' + linkid + '\', section = \'' + section + '\', level = ' + level + ')');
    if (level <= (menuitem.length - 1)) {
        for (var l = level; l >= 0; l--) clearTimeout(timeout[l]);
        if (menuitem[level] != section) hideSubmenu();
    }
    var div = document.getElementById(section + '_menu');
    var link = document.getElementById(linkid);
    var coords = getCoords(link);
    if (level > (menuitem.length - 1)) menuitem[menuitem.length] = section;
    if (level == 0) changeImage(section, 's');
    if (!div) {
        div = document.createElement('div');
        div.setAttribute('id', section + '_menu');
        div.style.position = 'absolute';
        div.style.left = coords.x;
        div.style.top = coords.y + ((level > 0) ? 0 : link.offsetHeight) - 1;
        div.style.zIndex = 10;
        div.style.display = 'block';
        div.innerHTML = genContent(linkid, section, level);
        if (isLinux) {
            var iframe = document.createElement('iframe');
            iframe.setAttribute('id', section + '_iframe');
            iframe.setAttribute('frameborder', '0');
            iframe.setAttribute('scrolling', 'no');
            iframe.style.position = 'absolute';
            iframe.style.left = coords.x;
            iframe.style.top = coords.y + ((level > 0) ? 0 : link.offsetHeight) - 1;
            iframe.style.display = 'none';
            iframe.style.zIndex = 5;
            document.body.appendChild(iframe);
        }
        document.body.appendChild(div);
        if (isLinux) {
            iframe.style.width = div.offsetWidth;
            iframe.style.height = div.offsetHeight;
            iframe.style.display = 'block';
        }
    } else {
        div.style.visibility = 'visible';
        if (isLinux) {
            var iframe = document.getElementById(section + '_iframe');
            iframe.style.visibility = 'visible';
        }
    }
}

function hideSubmenu() {
    //console.log('hideSubmenu()');
    timeout.pop();
    if (menuitem.length > 0) {
        var div = document.getElementById(menuitem[menuitem.length-1] + '_menu');
        div.style.visibility = 'hidden';
        if (isLinux) {
            var iframe = document.getElementById(menuitem[menuitem.length-1] + '_iframe');
            iframe.style.visibility = 'hidden';
        }
        if (menuitem.length == 1) changeImage(menuitem[menuitem.length-1], 'n');
        menuitem.pop();
    }
}

function delayHide(section, level) {
    //console.log('delayHide(section = \'' + section + '\', ' + level + ')');
    timeout[level] = setTimeout('hideSubmenu()', 500);
    if (!menuitem[level]) menuitem[level] = section;
}

function getCoords(link) {
    var obj = new Object();
    obj.x = link.offsetLeft;
    obj.y = link.offsetTop;
    for (var parent = link.offsetParent; parent; parent = parent.offsetParent) {
        obj.x += parent.offsetLeft;
        obj.y += parent.offsetTop;
    }
    return obj;
}

function genContent(linkid, section, level) {
    var item;
    var jscode;
    var content = '';
    content += '<table cellspacing=0 cellpadding=0 onMouseOver="showSubmenu(\''+ linkid + '\', \'' + section + '\', ' + level + ');"';
    content += ' onMouseOut="delayHide(\'' + section + '\', ' + level + ');">';
    content += '<tr><td colspan=3><table width=100% cellspacing=0 cellpadding=0>';
    content += '<tr><td bgcolor="#dfe2e2" width=1><img src="img/1x1.gif" width=1 height=1></td>';
    content += '<td width=100% bgcolor="#dfe2e2" background="img/menu/sub/tbg.png"></td>';
    content += '<td width=5><img src="img/menu/sub/tright.gif" width=5 height=5></td></tr>';
    content += '</table></td></tr>';
    content += '<tr><td bgcolor="#dfe2e2" width=1><img src="img/1x1.gif" width=1 height=1></td>';
    content += '<td bgcolor="#fbfdff"><table cellspacing=0 cellpadding=4>';
    for (var i = 0; i < submenu[section].length; i++) {
        item = (i == 0) ? 'img/menu/sub/fitem.png' : 'img/menu/sub/item.png';
        jscode = (submenu[section][i].submenu) ?
            ' onMouseOver="showSubmenu(\'' + linkid + '_' + i + '\', \'' + submenu[section][i].submenu + '\', ' + (level + 1) +
            ');"' + ' onMouseOut="delayHide(\'' + submenu[section][i].submenu + '\', ' + (level + 1) + ');"' : '';
        content += '<tr' + jscode + '>';
        content += '<td background="' + item + '" style="background-repeat: repeat-x; padding-left: 8px; padding-right: 8px;">';
        content += '<a href="' + submenu[section][i].href + '" class=menuitem>';
        content += '<b>' + submenu[section][i].anchor + '</b></a></td>';
        content += '<td background="' + item + '" width=10 align=right style="background-repeat: repeat-x;">';
        if (submenu[section][i].submenu) {
            content += '<font id=' + linkid + '_' + i + ' color="#434d58">&raquo;</font>';
        }
        content += '</td></tr>';
    }
    content += '</table></td><td bgcolor="#dfe2e2" width=1><img src="img/1x1.gif" width=1 height=1></td></tr>';
    content += '<tr><td colspan=3><table width=100% cellspacing=0 cellpadding=0>';
    content += '<tr><td width=5><img src="img/menu/sub/left.gif" width=5 height=10></td>';
    content += '<td background="img/menu/sub/bg.png" width=100%></td>';
    content += '<td width=5><img src="img/menu/sub/right.gif" width=5 height=10></td></tr>';
    content += '</table></td></tr></table>';
    return content;
}