var sldhd;
var sldp;
var sldim;
var pophd;
var pophdsd;
var tltp;
var isLoaded = true;
var sld = $("sld");
var vid = $("vid");
var iframe;
var global_videoID = "";
var enable = true;

function setVideoId(vidId){
    global_videoID = vidId;
}

/* Note : DOM element lookups are not stored in variables because the tabs will probably not be used heavily */
function showInfoModLayer(passedLayer) {
    var self = this;

    /* remove layer that is currently hidden (we are only removing the video node from the dom, as opposed to hiding it */
    if (passedLayer == 'vid' && currLayer == 'sld'){
        /*hide the slideshow layer */
        toggleInfoModLayer(sld);
        toggleInfoModLayer(vid);
        mdp.infomodule.soim.addVariable("titleId", global_videoID);
        mdp.infomodule.soim.write("vid");
        if ($("sldtab") && $("vidtab")) {
            $("sldtab").className = "sldwn";
            $("vidtab").className = "vidup";
            $("sldar").className = "sldwnar";
            $("vidar").className = "vidupar";
            currLayer = "vid";
        }
    } else if (passedLayer == 'sld' && currLayer == 'vid'){
        /*remove the video from the dom */
        toggleInfoModLayer(vid);
        toggleInfoModLayer(sld);
        vid.innerHTML = "";
        if ($("sldtab") && $("vidtab")) {
            $("sldtab").className = "sldup";
            $("vidtab").className = "vidwn";
            $("sldar").className = "sldupar";
            $("vidar").className = "vidwnar";
            currLayer = "sld";
        }
    }
}

function toggleInfoModLayer(element){
    if(element != null){
        if(element.style.display == "none"){
            element.style.display = "block";
        }
        else{
            element.style.display = "none";
        }
    }
}

function initTooltip(){
    if(isLoaded){
        sldhd = $("sldhd");
        sldp =  $("sldp");
        sldim = $("sldim");
        pophd = $("pophd");
        pophdsd = $("pophdsd");
        tltp = $("tltp");
    }
}

function populateTop(_img, _title, _link, _desc) {
    sldhd.innerHTML = "<a href='" + _link + "'>" + _title + "</a>";
    sldp.innerHTML = _desc;
    sldim.src = _img;
}

function populateTooltip(_title, _pos) {
    if(tltp == null){
        initTooltip();
    }
    tltp.style.visibility = 'visible';
    tltp.style.position = 'absolute';
    pophd.innerHTML = _title;
    pophdsd.innerHTML = _title;
    tltp.style.left = _pos[0] + 5 + "px";
    tltp.style.top = _pos[1] - 33 + "px";
}

var mkclick = function(_link) {
    var f = function() { window.location.href = _link; };
    return f();
};

var mkrollover = function(_title, _text, _img) {
    if(enable){
        var self = this;
        this.title = _title;
        this.text = _text;
        this.img = _img;
        this.f = function() { populateTooltip(self.title, findPos($(self.img))); };
        return this.f();
    } else {
       return false;
    }
};

var mkrollout = function () {
    if(enable){
        tltp.style.visibility = 'hidden';
    }
};