$(function () {

    //----- mobile detection -----//
    //site: http://plugins.jquery.com/project/advbrowsercheck
    var isMobile = $.browser.mobile;
    var isIpad = false;
    if (navigator.userAgent.indexOf('iPad') != -1) { isIpad = true; }
    if (isMobile && isIpad == false) { $(".mobile_message").css('display', 'block') }
    else { $(".mobile_message").css('display', 'none') }
    //$(".mobile_message").css('display', 'block')
    //--------end mobile detection--------//

    // ----------the widget in the bottom of the page---------------
    $('.random_item_v2').live('mouseenter', function () {
        var rand_item_id = $(this).attr('id');
        $('.random_item_v2 #info_' + rand_item_id).css('position', 'absolute');
        $('.random_item_v2 #info_' + rand_item_id).css('display', 'block'); //info_item_01

        var item_number = rand_item_id.substring(5);  //item_

        if (item_number >= 14 && item_number <= 21) {
            $('#info_' + rand_item_id).css('margin-top', '-161px');
            $('#info_' + rand_item_id).css('padding-top', '5px');
            $('#info_' + rand_item_id).css('z-index', '999');
        }
    });

    $('.random_item_v2').live('mouseleave', function () {
        var rand_item_id = $(this).attr('id');
        $('#info_' + rand_item_id).css('position', 'relative');
        $('#info_' + rand_item_id).css('display', 'none'); //info_item_01
        $('#info_' + rand_item_id).css('z-index', '0');
    });
    //----------------------------------------------------------------
    // ----------the widget in the bottom of the page---------------
    $('.random_item_v3').live('mouseenter', function () {
        var rand_item_id = $(this).attr('id');
        $('.random_item_v3 #info_' + rand_item_id).css('position', 'absolute');
        //$('.random_item_v3 #info_' + rand_item_id).css('display', 'block'); //info_item_01
        $('.random_item_v3 #info_' + rand_item_id).fadeIn(200);

        var item_number = rand_item_id.substring(5);  //item_

        if (item_number >= 14 && item_number <= 21) {
            $('#info_' + rand_item_id).css('margin-top', '-161px');
            $('#info_' + rand_item_id).css('padding-top', '5px');
            $('#info_' + rand_item_id).css('z-index', '999');
        }
    });

    $('.random_item_v3').live('mouseleave', function () {
        var rand_item_id = $(this).attr('id');
        $('#info_' + rand_item_id).css('position', 'relative');
        $('#info_' + rand_item_id).css('display', 'none'); //info_item_01
        $('#info_' + rand_item_id).css('z-index', '0');
    });
    //----------------------------------------------------------------
});