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;

/* 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);
        if ($("#sldtab").length>0 && $("#vidtab").length > 0) {
            $("#sldtab").attr("class","sldwn");
            $("#vidtab").attr("class","vidup");
            $("#sldar").attr("class","sldwnar");
            $("#vidar").attr("class","vidupar");
            currLayer = "vid";
        }
    } else if (passedLayer == 'sld' && currLayer == 'vid'){
        /*remove the video from the dom */
        toggleInfoModLayer(vid);
        toggleInfoModLayer(sld);
        if ($("#sldtab").length > 0 && $("#vidtab").length > 0) {
            $("#sldtab").attr("class","sldup");
            $("#vidtab").attr("class","vidwn");
            $("#sldar").attr("class","sldupar");
            $("#vidar").attr("class", "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.html("<a href='" + _link + "'>" + _title + "</a>");
    sldp.html(_desc);
    sldim.attr('src',_img);
}

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

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';
    }
};