// promo-31904706-268-20071031
// mod_364

var yud                 = YAHOO.util.Dom;
var thumbElms           = yud.getElementsByClassName("eda_cmpt_embeddedVideo mAutoplay_ cmpt_1", "div", "mod_364_group_content");
var playBtnElms         = yud.getElementsByClassName("eda_cmpt_iconText m4_2 m11_2 m12_1 cmpt_2", "div", "mod_364_group_content");
var videoThumbObj       = {};
videoThumbObj.active    = false;

for (i=0; i<thumbElms.length; i++)
{
    
    thumbDiv = thumbElms[i].innerHTML.replace(/<div class="?eda_embeddedVideo_img"?>/i, function() {
                                                                                            return "<div class=\"eda_embeddedVideo_img hover_off\" id=\"vid_id_" + i + "\" onmouseover=\"overlayOn(this)\" increment=\"" + i + "\" onmouseout=\"overlayOff(this)\" onclick=\"toggleOverlay(this)\">";  
                                                                                        });
    // grab onclick of image    
    clickUrl = thumbDiv.match(/(javascript(.*)}\))/);
    
    playBtnDiv = playBtnElms[i].innerHTML.replace(/<img/i, function() {
                                                                return "<img onmouseover=\"overlayOn(this)\" increment=\"" + i + "\" onmouseout=\"overlayOff(this)\" id=\"playBtn_id_" + i + "\" onclick=\"toggleOverlay(this);" + clickUrl[0] + "\"";   
                                                            });      

    overlayTxt = playBtnDiv.replace(/<div class="?eda_cmpt_iconText_text"?/i, function() {
                                                                return "<div class=\"eda_cmpt_iconText_text\" onmouseover=\"overlayOn(this)\" increment=\"" + i + "\" onmouseout=\"overlayOff(this)\" id=\"overlay_id_" + i + "\" onclick=\"toggleOverlay(this);" + clickUrl[0] + "\"";  
                                                            });      

    yud.getElementsByClassName("eda_cmpt_embeddedVideo mAutoplay_ cmpt_1", "div", "mod_364_group_content")[i].innerHTML = thumbDiv;
    yud.getElementsByClassName("eda_cmpt_iconText m4_2 m11_2 m12_1 cmpt_2", "div", "mod_364_group_content")[i].innerHTML = overlayTxt;
}

function overlayOn(elm)
{
    var num = elm.getAttribute("increment");
    var vidThumb = yud.get("vid_id_" + num);
    
    if ( !(/eda_videoThumb_active/.test(vidThumb.className)) )
    {
        yud.get("vid_id_" + num).className = "hover_on";
        yud.get("playBtn_id_" + num).className = "hover_on";
        yud.get("playBtn_id_" + num).style.top = "-12px";
        yud.get("overlay_id_" + num).className = "eda_cmpt_iconText_text hover_on";
    }    
}

function overlayOff(elm)
{
    var num = elm.getAttribute("increment");
    var vidThumb = yud.get("vid_id_" + num);
    
    if ( !(/eda_videoThumb_active/.test(vidThumb.className)) )
    {
        yud.get("vid_id_" + num).className = "hover_off";
        yud.get("playBtn_id_" + num).className = "hover_off";
        yud.get("playBtn_id_" + num).style.top = "";
        yud.get("overlay_id_" + num).className = "eda_cmpt_iconText_text hover_off";
    }
}

function toggleOverlay(elm)
{
    var num = elm.getAttribute("increment");
    
    // check if there's a current active state and disable it before making new elm active
    if (videoThumbObj.id != undefined)
    {
        if ((videoThumbObj.id != elm.id) && (videoThumbObj.active))0
        {
            yud.get(videoThumbObj.id).className = "hover_off"; 
            yud.get("playBtn_id_" + videoThumbObj.num).style.top = "";
            yud.get("overlay_id_" + videoThumbObj.num).className = "eda_cmpt_iconText_text hover_off";
        }
    }
    
    yud.get("overlay_id_" + num).className = "eda_cmpt_iconText_text hover_on";
    yud.get("vid_id_" + num).className = "eda_videoThumb_active";
    
    videoThumbObj.num       = num;
    videoThumbObj.id        = "vid_id_" + num;
    videoThumbObj.active    = true;
}