var marks = new Object();

marks = {
    data:brands,
    init:function(){
    var panel = document.getElementById("dMarks");
        for(var i=0;i<this.data.length;i++){
            var cont = this.data[i];
            var grid = document.createElement("div");
            grid.className = "mGrid";
            var elem = document.createElement("img");
            elem = new Image();
            elem.src = cont.rollout;
            elem.over = cont.rollover;
            elem.out = cont.rollout;
            elem.img = cont.img;
            elem.text = cont.context;
            elem.link = cont.link;
            elem.onmouseover = function(){this.src = this.over;}
            elem.onmouseout = function(){this.src = this.out;}
            elem.onmousedown = this.MouseDown;
            grid.appendChild(elem);
            panel.appendChild(grid);
        }
    },
    MouseDown:function(){
        var win = document.getElementById("pUp");
        win.style.display = 'block';
        var cImg = document.getElementById("spacer");
        cImg.src = this.img;
        var cTxt = document.getElementById("pTxt");
        var oldtxt = cTxt.firstChild;
        var cLink= document.getElementById("pLink");
        cLink.href = this.link;
        cTxt.removeChild(oldtxt);
        cTxt.innerHTML = this.text;
    }
}

function closeWin(){
    var win = document.getElementById("pUp");
        win.style.display = 'none';
}