//window.onload = function()
//{
//    document.onselectstart = function() { return false; } // ie
//    document.onmousedown = function() { return false; } // mozilla
//    
//}


var intervalID = null;

function $(id) { return document.getElementById(id); }


//function stopSelection(ev) 
//{
//    ev = $event(ev);
//    var element = document.body;
//    element.onselectstart = function() // ie
//    {
//        ev = $event(ev);
//        var target = $target(ev);
//        if (target.type != "text")
//            return false;
//    }
//    element.onmousedown = function(ev) // mozilla
//    {
//        ev = $event(ev);
//        var target = $target(ev);
//        if (target.type != "text" && target.type != "password")
//            return false;
//    }
//}


function display(id, flag) 
{
    if (typeof (id) !== "object")
        var obj = document.getElementById(id);
    else
        obj = id;

    if (obj) 
    {
        if (flag) 
        {
            obj.style.display = "";
            obj.style.visibility = "visible";
        }
        else {
            obj.style.display = "none";
            obj.style.visibility = "hidden";
        }
    }
}

function $setText(target, text) 
{

    if (target.innerText != null)
        target.innerText = text;
    else
        target.textContent = text;


}



function getAbsPos(elt, which) 
{
    iPos = 0;
    while (elt != null) 
    {
        iPos += elt["offset" + which];
        elt = elt.offsetParent;
    }
    return iPos;
}

function getAbsX(elt) { return (elt.x) ? elt.x : getAbsPos(elt, "Left"); }
function getAbsY(elt) { return (elt.y) ? elt.y : getAbsPos(elt, "Top"); }






var GYANHtml = "<div class='applicationListItem'>" +
                        "<span>Gyan Systems</span>" +
                    "</div>" +
                    
                    "<div class='applicationSummary'>" +
                        "<div id='descContent'>"+
                            "<span>" +
                                "A selection of the projects we have undertaken in the last 3 years, using the following technologies:-"+ 
                                
                            "</span>" +
                            "</div>" +
                            "<Br />" +
                            "<div id='descSubContent'>" +
                                "<ul style='margin: 0px 20px 0px 20px; list-style-type: disc; '>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web Development</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Windows Application Development</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Windows Driver Development</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>iPhone Development</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Search Systems</li>" +
                                "</ul>" +
                            "</div>" +
                            
                    
                    " <div class='applicationSummary' style='position:relative;  bottom:10px;'>" +
                                "<span></span>" +
                            "</div>"+
                        "</div>";

var METASPLATHtml = "<div class='applicationListItem'>" +
                        "<span>metasplat.com</span>" +
                    "</div>" +

                        "<div class='applicationSummary'>" +
                            "<div id='descContent'>" +
                                "<span>" +
                                        "A Cloud Computing Platform using Web 2.0 technologies." +
                                        " We are using the following technologies:-" +
                                "</span>" +
                            "</div>" +
                            "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                                "<div id='descSubContent'>" +
                                    "<ul style='margin: 0px 20px 0px 20px; list-style-type: disc;'>" +
                                        "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web 2.0</li>" +
                                        "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Search</li>" +
                                        "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>.Net</li>" +
                                        "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>SQL</li>" +
                                        "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web Services</li>" +
                                        " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Excel</li>" +
                                    "</ul>" +
                                "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                                " <div class='applicationSummary' style='position:relative;  bottom:10px;'>" +
                                    "<span>More Information at <a href=\"http://www.metasplat.com\">Metasplat.com</span>" +
                                "</div>" +
                            "</div>" +
                        "</div>";
                       

var S4KHtml = "<div class='applicationListItem'><span>Safe4Kidz - Protecting Children Online</span></div>" +

                        "<div class='applicationSummary'>" +
                            "<div id='descContent'>" +
                                "<span>" +
                                    "Windows application to protect 4-12 year olds as they surf the internet. Integrates with IE and provides robust security to prevent uninstall."+
                                    " We are using the following technologies:-" +
                                 "</span>" +
                             "</div>" +
                             "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                             "<div id='descSubContent'>" +
                                "<ul style='margin: 0px 20px 0px 20px; list-style-type: disc;'>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web 2.0</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>.Net</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web Services</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>C++</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Windows SDK</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Windows DDK</li>" +
                                    " <li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>IE BHO</li>" +
                                "</ul>" +
                            "</div>" +
                        
                            "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                            "<div class='applicationSummary' style='position:relative;  bottom:10px;'>" +
                                "<span>More Information at <a href=\"http://www.safe4kidz.com\">Safe4Kidz.com</span>" +
                            "</div>"+
                        "</div>" ;
                        
var ENROUTEHQHtml = "<div class='applicationListItem'>" +
                        "<span>En RouteHQ - Your Online Trip Computer</span>" +
                    "</div>" +
                    
                    "<div class='applicationSummary'>" +
                        "<div>"+    
                            "<span>" +
                                "Web 2.0 application that integrates with smart mobile phones." +
                                " We are using the following technologies:-" +
                            "</span>" +
                         "</div>" +
                         "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                         "<div id='descSubContent'>" +
                                "<ul style='margin: 0px 20px 0px 20px; list-style-type: disc;'>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web 2.0</li>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>.Net</li>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>iPhone SDK</li>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web Services</li>" +
                                "</ul>" +
                         "</div>" +
                   
                         "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                         " <div class='applicationSummary' style='position:relative;  bottom:10px;'>" +
                                "<span>More Information at <a href=\"http://www.enrouteHQ.com\">EnrouteHQ.com</span>" +
                            "</div>"+
                    "</div>";

var SPMHtml = "<div class='applicationListItem'>" +
                        "<span>So Protect Me Limited</span>" +
                    "</div>" +

                    "<div class='applicationSummary'>" +
                        "<div>" +
                            "<span>" +
                                "Windows Firewall for protecting access to the web and restricting application execution." +
                                " We are using the following technologies:-" +
                            "</span>" +
                        "</div>" +
                        "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                             "<div id='descSubContent'>" +
                                "<ul style='margin: 0px 20px 0px 20px; list-style-type: disc;'>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>C++</li>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Windows SDK</li>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Windows DDK</li>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web Services</li>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>IE BHO</li>" +
                                    "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>FireFox XPCom</li>" +
                                "</ul>" +
                         "</div>" +
                    
                         "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                         " <div class='applicationSummary' style='position:relative;  bottom:10px;'>" +
                            "<span>More Information at <a href=\"http://www.soprotectme.com\">SoProtectMe.com</span>" +
                         "</div>"+
                    "</div>" ;

var SIEFONLINEHtml = "<div class='applicationListItem'>" +
                        "<span>siefonline.com - powered by metasplat.com</span>" +
                    "</div>" +

                    "<div class='applicationSummary'>" +
                        "<div>" +
                            "<span>" +
                                "A Metasplat powered forum with Wiki technology and attachment uploads and indexing." +
                                " We are using the following technologies:-" +
                            "</span>" +
                        "</div>" +
                        "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                        "<div id='descSubContent'>" +
                            "<ul style='margin: 0px 20px 0px 20px; list-style-type: disc;'>" +
                                 "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web 2.0</li>" +
                                 "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Search</li>" +
                                 "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>.Net</li>" +
                                 "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>SQL</li>" +
                                 "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Web Services</li>" +
                                  "<li style='margin: 0px 20px 0px 20px; list-style-type: disc;'>Excel</li>" +
                            "</ul>" +
                        "</div>" +
                    
                        "<div class='lineBreak' ><span>&nbsp;</span></div>" +
                        " <div class='applicationSummary' style='position:relative;  bottom:10px;'>" +
                                "<span>More Information at <a href=\"http://www.siefonline.com\">SiefOnline.com</span>" +
                        "</div>"+
                    "</div>" ;

var helpText = "A Metasplat powered forum for information exchange";



var applicationsMenuOrder = new Object();
applicationsMenuOrder.NONE = 0;
applicationsMenuOrder.GYAN = 1;
applicationsMenuOrder.METASPLAT= 2;
applicationsMenuOrder.S4K = 3;
applicationsMenuOrder.ENROUTEHQ = 4;
applicationsMenuOrder.SPM = 5;
applicationsMenuOrder.SIEFONLINE = 6;

var applicationMenuTitles = new Array("NONE", "GYAN" ,"METASPLAT", "S4K", "ENROUTEHQ", "SPM", "SIEFONLINE");
var selectedMenuItem = applicationsMenuOrder.SIEFONLINE;


function nextApplication() 
{

    if (selectedMenuItem != applicationsMenuOrder.SIEFONLINE) 
    {
        setApplicationContent(selectedMenuItem + 1);
    }
    else
        setApplicationContent(applicationsMenuOrder.GYAN);

}


function previousApplication() 
{
    if (selectedMenuItem != applicationsMenuOrder.GYAN) 
    {
        setApplicationContent(selectedMenuItem - 1);
    }
    else
        setApplicationContent(applicationsMenuOrder.SIEFONLINE);

}


function setFirstApplication() 
{
    setApplicationContent(applicationsMenuOrder.GYAN);
    return;
    //stopSelection();
    nextApplication();
    setAppInterval();
}

function setApplicationContent(menu) 
{
    var applicationDescSection = document.getElementById("applicationDesc");
    var applicationImageElem = document.getElementById("applicationImageElem");
    var imageElem1 = document.getElementById("imageElem1");
    var imageElem2 = document.getElementById("imageElem2");
    var imageElem3 = document.getElementById("imageElem3");
    var imageElem4 = document.getElementById("imageElem4");

    var oldMenuItem = document.getElementById(applicationMenuTitles[selectedMenuItem] + "MenuItem");
    
    if(oldMenuItem)
        oldMenuItem.className = "applicationMenuItem";

    switch (menu) 
    {

        case applicationsMenuOrder.GYAN:
            applicationDescSection.innerHTML = GYANHtml;
            applicationImageElem.src = "usedimages/gyansystems.gif";
//            imageElem1.src = "MainScreenLow.png";
//            imageElem2.src = "SettingsCurrent.png";
//            imageElem3.src = "blocked.png";
//            imageElem4.src = "images/calendar.gif";
            helpText = "Outsource Software Development that works";
            break;
            
        case applicationsMenuOrder.METASPLAT:
            applicationDescSection.innerHTML = METASPLATHtml;
            applicationImageElem.src = "usedimages/metas.gif";
//            imageElem1.src ="MainScreenLow.png";
//            imageElem2.src = "SettingsCurrent.png";
//            imageElem3.src = "blocked.png";
//            imageElem4.src = "images/calendar.gif";
            helpText = " A Cloud Computing Platform using Web 2.0 technologies";
            break;

        case applicationsMenuOrder.S4K:
            applicationDescSection.innerHTML = S4KHtml;
            applicationImageElem.src = "usedimages/s4k.gif";
//            imageElem1.src = "";
//            imageElem2.src = "";
//            imageElem3.src = "";
//            imageElem4.src = "";
            helpText = "Security software to protect children online";
            break;

        case applicationsMenuOrder.ENROUTEHQ:
            applicationDescSection.innerHTML = ENROUTEHQHtml;
            applicationImageElem.src = "usedimages/enroute.png";
//            imageElem1.src = "";
//            imageElem2.src = "";
//            imageElem3.src = "";
//            imageElem4.src = "";
            helpText = "Web and Iphone system for location aware computing";
            break;

        case applicationsMenuOrder.SPM:
            applicationDescSection.innerHTML = SPMHtml;
            applicationImageElem.src = "usedimages/spm.gif";
//            imageElem1.src = "";
//            imageElem2.src = "";
//            imageElem3.src = "";
//            imageElem4.src = "";
            helpText = "Buisness and Home Firewall protection for Windows PCs";
            break;

        case applicationsMenuOrder.SIEFONLINE:
            applicationDescSection.innerHTML = SIEFONLINEHtml;
            applicationImageElem.src = "usedimages/sief1.gif";
            //applicationImageElem.style
//            imageElem1.src = "";
//            imageElem2.src = "";
//            imageElem3.src = "";
//            imageElem4.src = "";
            helpText = "A Metasplat powered forum for information exchange";
            break;

    }

    selectedMenuItem = menu;
    var helpTextContent = $("helpTextContent");
    $setText(helpTextContent, helpText);

    //document.getElementById(applicationMenuTitles[menu] + "MenuItem").className = "applicationMenuItemSelected";

}


function toggleOverLay() 
{
    var overlay = $("overlay");
    var helpTextOverlay = $("helpTextOverlay");
    var helpTextContent = $("helpTextContent");
    var applicationsTable = $("applicationsTable");
    var headerHeight = $("header").offsetHeight;
   // var thumbnail = $("thumbNail");
     var applicationImageElem = document.getElementById("applicationImageElem");
    
    if (overlay.style.display != "none") 
    {
        display(overlay, false);
        display(helpTextOverlay, false);
      //  display(thumbnail, false);
        
        setAppInterval();
    }
    else 
    {
        display(overlay, true);
        display(helpTextOverlay, true);
       
          //  display(thumbnail, true);
          
        
        $setText(helpTextContent, helpText);

        overlay.style.top = helpTextOverlay.style.top = getAbsY(applicationImageElem) + applicationImageElem.offsetHeight - overlay.offsetHeight + 'px';
        overlay.style.left = helpTextOverlay.style.left = getAbsX(applicationImageElem) + 'px';
      //  thumbnail.style.top = getAbsY(applicationImageElem) + 'px';
      //  thumbnail.style.left = getAbsX(applicationImageElem) + 'px';
        clearAppInterval();
    }
}

//function changeImageElem(image) 
//{
//    var applicationImageElem = document.getElementById("applicationImageElem");
//    applicationImageElem.src = image.src;
//}


var appIntervalID = null;
function setAppInterval() 
{
    return;
    appIntervalID = window.setInterval("nextApplication()", 30000);
}

function clearAppInterval() 
{
    window.clearInterval(appIntervalID);
    appIntervalID = null;
}


function resetAppInterval() 
{
    clearAppInterval();
    setAppInterval();
}