$('document').ready(function(){

    var $index;

    var $a = $('#linkselectWrapper').find("a");

    $a.bind("click", function(e){
        e.preventDefault();
        $index = $('.linkselectLink').index(this);
        var position = $(this).offset();
        var container = $('.linkselectContainer').eq($index);
        if (container.find('li').length > 5) heightv = 300 + 'px'; else heightv = 'auto';

        container.css({left: position.left, top: position.top, height: heightv, display: "block", visibility: "visible"});
        $('.popupMask').css({opacity: 0.5}).toggleClass('hidden');
        $('.popupMask').height(document.documentElement.scrollHeight);                
    })
    .bind("focus", function (){
        $(this).addClass("linkselectLinkFocus");
    })
    .bind("blur", function(){
        $(this).removeClass("linkselectLinkFocus");
    });

/*
    $('.linkselectContainer li.selected').each(function(){
        $("input[name='" + $(this).parent().attr("id") + "']").attr("value", $(this).attr("rel"));
        $("input[name='" + $(this).parent().attr("id") + "']").prev().text($(this).text());
    });
*/

    var $li = $('.linkselectContainer').find("li");

    $li.bind("mouseover mouseout", function(){
        $(this).toggleClass("current");
    })
    .bind("click", function(){
        $(this).parent().children().removeClass("selected");
        $(this).addClass("selected");
        $a.eq($index).html('<span>' + $(this).text() + '</span>').focus();

        $("input[name='" + $(this).parent().attr("id") + "']").attr("value", $(this).attr("rel"));

        $('.linkselectContainer').css({display:"none", visibility:"hidden"});
        $('.popupMask').toggleClass("hidden");
    });

    $('.popupMask, .toggle').click(function(){
        $('.linkselectContainer').css({display:"none", visibility:"hidden"});
        $('.popupMask').toggleClass("hidden");
    });
});