var menName = new Array();
var menLink = new Array();
var menDefault = "Other recomended sites...";
var docLocation = "http://www.dg.co.uk/topbar/";

//Site Names
menName[0] = "IT.co.uk";
menName[1] = "Bed Store";
menName[2] = "Bikes 4 Boys";
menName[3] = "Budget Computer Memory";
menName[4] = "Charge It Up";
menName[5] = "Firewire Cables & Accessories";
menName[6] = "Gift Hampers";
menName[7] = "iPad Printers";
menName[8] = "Juice Blenders";
menName[9] = "Octonauts Stuff";
menName[10] = "Wireless iPad Speakers";

//Site Links
menLink[0] = "http://www.it.co.uk";
menLink[1] = "http://www.bed-store.co.uk";
menLink[2] = "http://www.bikes4boys.co.uk";
menLink[3] = "http://www.budgetmemory.co.uk";
menLink[4] = "http://www.chargeitup.co.uk";
menLink[5] = "http://www.firewire.co.uk";
menLink[6] = "http://www.gifthampers.co.uk";
menLink[7] = "http://www.ipadprinters.co.uk";
menLink[8] = "http://www.juiceblenders.co.uk";
menLink[9] = "http://www.octonautsstuff.co.uk";
menLink[10] = "http://www.wirelessipadspeakers.co.uk";

function hideMenu(){
document.getElementById("newJSSMenu").className="jss_siteMenu";
}

//Create Bar function
function createDNBar() {
    var dnBar = document.createElement("div");
    var dnMenu = document.createElement("ul");
    var i=0;
    var l = menName.length;
    dnBar.className = "jss_darkNetBar";
    dnMenu.id = "newJSSMenu";
    dnMenu.className = "jss_siteMenu";
    //write the bar menu
    dnMenu.innerHTML += "<li class='show'><a tabindex='1' href='javascript:void(0)' onblur='setTimeout(\"hideMenu()\",100)' onfocus='this.style.outline=0;this.parentNode.parentNode.className=\"jss_siteMenu_focus\";' >"+menDefault+"</a></li>";
    while(i<l) {
        //protortype.js for loop fix
        if(menLink[i]!="---"){
        dnMenu.innerHTML += "<li><a href='"+menLink[i]+"'>"+menName[i]+"</a></li>";
        } else {
            dnMenu.innerHTML += "<li class='divide'></li>";
        }
        i++;
    }
    
    //output the bar to the document
    dnBar.appendChild(dnMenu);
    dnBar.style.display = "none";
    document.body.appendChild(dnBar);
};

//css load function
function loadCSS(filename){
  var css=document.createElement("link");
  css.setAttribute("rel", "stylesheet");
  css.setAttribute("type", "text/css");
  css.setAttribute("href", filename);
  document.getElementsByTagName("head")[0].appendChild(css);
}

//Document Loaded
loadCSS(docLocation+"style.css");
window.onload=createDNBar();