var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
var i = 0;
// Function to load latest news items
function ReadXML(element, i) {
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET", "http://www.wattrus.co.za/News.xml", false);
    xmlhttp.send();
    xmlDoc = xmlhttp.responseXML;

    alert(xmlDoc.getElementsByTagName("to")[0].childNodes[1].nodeValue);
    document.getElementById("from").innerHTML =
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
    document.getElementById("message").innerHTML =
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
}
function CloseInject() {
    document.getElementById("injectionElem").style.visibility = "hidden";
    document.getElementById("injectionElemBg").style.visibility = "hidden";
    document.getElementById("cse").style.visibility = "hidden";
}
function InjectWindow() {
    var objectAtt = document.getElementById("injectionElem");
    objectAtt.style.width = "60%";
    objectAtt.style.height = "60%";


    // Google Custom Search Element 
    google.load('search', '1', { style: google.loader.themes.MINIMALIST });
    google.setOnLoadCallback(function() {
        var cse = new google.search.CustomSearchControl(); cse.draw('cse');
    }, true);

    objectAtt.innerHTML = "<a href='#' onclick='CloseInject()' class='button white' style='width:97%'>X Close</a><div id='cse' style='width:100%;'>Loading</div>";
    objectAtt.style.backgroundColor = "Transparent";
    objectAtt.style.zIndex = "31";
    objectAtt.style.position = "absolute";
    objectAtt.style.top = "0px";
    objectAtt.style.left = "200px";
    objectAtt.style.visibility = "visible"
    var objectAtt = document.getElementById("injectionElemBg");
    objectAtt.style.width = "100%";
    objectAtt.style.height = "100%";
    objectAtt.style.backgroundColor = "Black";
    objectAtt.style.zIndex = "30";
    objectAtt.style.position = "fixed";
    objectAtt.style.top = "0px";
    objectAtt.style.left = "0px";
    objectAtt.className = "TransBg";
    objectAtt.style.visibility = "visible"
}
// open hidden layer
function MenuOpen(id) {
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose() {
    if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime() {
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

// close layer when click-out
document.onclick = mclose;