$(window).bind("load", function() {
    checkBackgrounds($("#mainTbl td"));
    initInImg();
    resizeTbl();
    $("#mainTbl img.inImg").fadeIn(500);
    $(window).bind("resize", resizeTbl);

    $(".openVideo").click(openVideo);

    $(".onImg").bind("mouseover", showOn);

    $(".onImg").bind("mouseout", hideOn);
    $(".onImg").click(function() {
        return false;
    });

});

function showOn() {
    var inI = $(".inImg", this)[0];
    this.offI = inI.src;
    inI.src = this.href;
}

function hideOn() {
    var inI = $(".inImg", this)[0];
    inI.src = this.offI;
}


function openVideo() {
    var img = $("img.inImg", this);

    var listenerName = "A" + new Date().getTime();
    var lst = new Object();

    lst.onInit = function() {
        this.player.SetVariable("method:setUrl", this.flvName);
        this.player.SetVariable("method:play", "");
    };
    lst.onUpdate = function() {
    };
    lst.onClick = function() {
        if (!this.paused)
        {
            this.player.SetVariable("method:pause", "");
            this.paused = true;
        } else {
            this.player.SetVariable("method:play", "");
            this.paused = false;
        }
    };
    window[listenerName] = lst;


    var tdPar = img.parents(".inImgClipper");
    tdPar.html(
            '<object class="flvPlayer" type="application/x-shockwave-flash" data="/player_flv_js.swf" width="320" height="240">' +
            '<param name="movie" value="/player_flv_js.swf" />' +
            '<param name="FlashVars" value="listener=' + listenerName + '&amp;useHandCursor=0&amp;bgcolor=000000&amp;buffer=9" />' +
            '</object>'
            );
    lst.player = $(".flvPlayer", tdPar)[0];
    lst.player.width = tdPar.width();
    lst.player.height = tdPar.height();


    lst.flvName = this.href;
    lst.player.tdPar = tdPar;

    return false;
}

function initInImg() {
    $("#mainTbl img.inImg").each(function() {
        var theTd = $(this).parents("td");
        var parentA = $(this).parent("a");
        if (parentA && parentA.length)
            parentA.wrap($("<div class=\"inImgClipper\"></div>"));
        else
            $(this).wrap($("<div class=\"inImgClipper\"></div>"));
        this.clipper = $(this).parents(".inImgClipper");
        this.clipper[0].tdPar = theTd;
    });
}


function resizeTbl() {
    $("#mainTbl,#htbl,.htmlInside").css("height", $(window).height());
    $("#mainTbl,#htbl").css("width", $(window).width());
    

    $("#htbl td.logo,#htbl td.logo img").css("width", $(window).width() / 3);

    $(".bgImg").each(function() {
        var mtd = this.tdPar;

        $(this).css("top", mtd.position().top);
        $(this).css("left", mtd.position().left);
        $(this).css("width", mtd.width() + 1);
        $(this).css("height", mtd.height() + 1);
    });

    $(".inImgClipper").each(function() {
        var mtd = this.tdPar;

        $(this).css("top", mtd.position().top);
        $(this).css("left", mtd.position().left);
        $(this).css("width", mtd.width() + 1);
        $(this).css("height", mtd.height() + 1);
    });

    $("#mainTbl img.inImg").each(function() {
        scaleInImg(this);
    });

    $(".flvPlayer").each(function() {
        var mtd = this.tdPar;
        this.width = mtd.width();
        this.height = mtd.height();
    });
}

function scaleInImg(inImg) {
    if (!inImg.width) {
        window.setTimeout(function() {
            scaleInImg(inImg);
        }, 200);
        return;
    }


    if (!inImg.srcW) {
        inImg.srcW = inImg.width;
        inImg.srcH = inImg.height;
    }
    var imW = inImg.srcW;
    var imH = inImg.srcH;
    var tdW = inImg.clipper.width();
    var tdH = inImg.clipper.height();

    var dow = (imW / imH) < (tdW / tdH);
    if (dow) {
        var w = tdH * imW / imH;
        inImg.width = w;
        inImg.height = tdH;
        $(inImg).css({
            marginLeft: (tdW - w) / 2,
            marginTop: 0});
    } else {
        var h = tdW * imH / imW;
        inImg.width = tdW;
        inImg.height = h;
        $(inImg).css({
            marginLeft: 0,
            marginTop: (tdH - h) / 2});
    }
}

function checkBackgrounds(tds) {
    tds.each(function() {
        var tit = $(this).attr("title");
        if (tit) {
            $(this).removeAttr("title");
            this.imgBackground = new Image();
            this.imgBackground.src = tit;

            this.dvBackground = $("<div class='bgImg'></div>");//$(".bgImg", this);
            this.dvBackground.append(this.imgBackground);
            this.dvBackground[0].tdPar = $(this);
            $(document.body).append(this.dvBackground);


            $(this).bind("mouseover", function() {
                showBg(this);
            });
            $(this).bind("mouseout", function() {
                hideBg(this);
            });
        }
    });
}

function showBg(el) {
    if (el.imgBackground.width) {

        var mimg = $(el.imgBackground);
        var mtd = el.dvBackground;
        if (!mimg[0].srcW) {
            mimg[0].srcW = mimg[0].width;
            mimg[0].srcH = mimg[0].height;
        }
        var imW = mimg[0].srcW;
        var imH = mimg[0].srcH;
        var tdW = mtd.width();
        var tdH = mtd.height();

        var dow = (imW / imH) > (tdW / tdH);
        if (dow) {
            var w = tdH * imW / imH;
            mimg[0].width = w;
            mimg[0].height = tdH;
            mimg.css({
                marginLeft: (tdW - w) / 2,
                marginTop: 0});
        } else {
            var h = tdW * imH / imW;
            mimg[0].width = tdW;
            mimg[0].height = h;
            mimg.css({
                marginLeft: 0,
                marginTop: (tdH - h) / 2});
        }


        el.dvBackground.fadeIn(700);
    }

}

function hideBg(el) {
    el.dvBackground.fadeOut(250);
}


///////////////////////////////////////