$(function() {
    $("a.message").click(function(event) {
        var id = $(this).attr('id').split("_")[2];
        $("#write_msg_" + id).hide();
        $("div.partner_msg").hide();
        $("#partner_msg_" + id).show();

        return false;
    })


    $("#content, #header, #content_main, #bottom_main").mouseover(function() {
        if (menuId && menuId != getSelectedTopMenu() && menuID != getTrackedTopMenu()) {

            //            unSelectTopMenu();
            //            selectTopMenu($("#topmenu_" + menuId));

            unTrackTopMenu();
            trackTopMenu($("#topmenu_" + menuId));

            if (subMenuId) {
                selectSubMenu(subMenuId);
            }
        } else {
            unTrackTopMenu();
        }
    })


    $("ul.topmenu li").mouseover(function() {
        //unSelectTopMenu();
        //selectTopMenu(this);

        unTrackTopMenu();
        trackTopMenu(this);

        ddMenu(this, 1);

    });

    $("ul.topmenu li").mouseout(function() {
        ddMenu(this, -1);
    });

    if (menuId)
        selectTopMenu($("#topmenu_" + menuId));

    if (subMenuId)
        selectSubMenu(subMenuId);

});


function getSelectedTopMenu() {
    var here = $("ul.topmenu li.here")[0];
    if (here) {
        return here.id.split("_")[1];
    }
    else {
        return "-1";
    }
}

function getTrackedTopMenu() {
    var here = $("ul.topmenu li.tracked")[0];
    if (here) {
        return here.id.split("_")[1];
    }
    else {
        return "-1";
    }
}

function unSelectTopMenu() {
    $("ul.topmenu li.here").removeClass("here");
    //$("ul.topmenu li.corner").remove();
}

function unTrackTopMenu() {
    $("ul.topmenu li.tracked").removeClass("tracked");
    $("ul.topmenu li.trackedcorner").remove();
}

function selectSubMenu(id) {
    //alert(id);
    $("#submenu_el_" + id).addClass('here');

}

function trackTopMenu(el) {
    if (el) {
        var el = $(el);
        if (el.attr('class') != "tracked" && el.attr('class') != "here") {

            var id = el.attr('id').split("_")[1];

            if (id != null) {
                el.addClass("tracked");
                el.before("<li class='trackedcorner left_tracked'>&nbsp;</li>");
                el.after("<li class='trackedcorner right_tracked'>&nbsp;</li>");
            }
        }
    }
}

function selectTopMenu(el) {
    if (el) {
        var el = $(el);
        if (el.attr('class') != "here") {
            var id = el.attr('id').split("_")[1];

            el.addClass("here");
            el.before("<li class='corner left'>&nbsp;</li>");
            el.after("<li class='corner right'>&nbsp;</li>");

            /// it is really better this way:
            //  $("ul.submenu:visible").hide();
            //  $("#submenu_" + id).show();
        }
    }

}

function nap(m) { var then = new Date(new Date().getTime() + m); while (new Date() < then) { } }





///-----------------------------------------------
/// Drop Down Menu:

var DDSPEED = 5;
var DDTIMER = 5;
var opacity = 1;


if ($.browser.safari) {
    DDSPEED = 10;
    DDTIMER = 10;
}


function ddMenu(el, d) {
    if (el) {
        var el = $(el);
        var id = el.attr('id');
        if (id) {
            id = id.split("_")[1];
            var h = document.getElementById('topmenu_' + id);
            var c = document.getElementById('vsubmenu_' + id);
            if (c) {
                clearInterval(c.timer);
                if (d == 1) {

                    clearTimeout(h.timer);
                    if (c.maxh && c.maxh <= c.offsetHeight) { return }
                    else if (!c.maxh) {

                        if (el.attr('class') == "here") {
                            //$(c).removeClass("vsubmenu");
                            $(c).addClass("vsubmenuhere");

                        } else {
                            //$(c).removeClass("vsubmenuhere");
                            $(c).addClass("vsubmenu");
                        }

                        c.style.display = 'block';
                        c.style.height = 'auto';
                        c.maxh = c.offsetHeight;
                        c.style.height = '0px';
                    }
                    c.timer = setInterval(function() { ddSlide(c, 1) }, DDTIMER);

                } else {
                    h.timer = setTimeout(function() { ddCollapse(c) }, 50);
                }

            }
        }
    }
}

function ddCollapse(c) {
    c.timer = setInterval(function() { ddSlide(c, -1) }, DDTIMER);
}

function cancelHide(id) {
    var h = document.getElementById('topmenu_' + id);
    var c = document.getElementById('vsubmenu_' + id);
    clearTimeout(h.timer);
    clearInterval(c.timer);
    if (c.offsetHeight < c.maxh) {
        c.timer = setInterval(function() { ddSlide(c, 1) }, DDTIMER);
    }
}

function ddSlide(c, d) {
    var currh = c.offsetHeight;
    var dist;
    if (d == 1) {
        dist = (Math.round((c.maxh - currh) / DDSPEED));
    } else {
        dist = (Math.round(currh / DDSPEED));
    }
    if (dist <= 1 && d == 1) {
        dist = 1;
    }
    c.style.height = currh + (dist * d) + 'px';
    c.style.opacity = currh / c.maxh - (1 - opacity);
    c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
    if ((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)) {
        clearInterval(c.timer);
    }
}


///-----------------------------------------------
/// Video:



//$("img.thumb").mouseover(function() {
//    var el = $(this);
//    var id = el.attr('id');
//    if (id) {
//        id = id.split("_")[1];
//        var play = $("play_" + id);
//        play.style.display = "block";
//    }

//});

//$("img.thumb").mouseout(function() {
//    var el = $(this);
//    var id = el.attr('id');
//    if (id) {
//        id = id.split("_")[1];
//        var play = $("play_" + id);
//        play.style.display = "none";
//    }


//});

//-->