document.write("<link href='/QQ/Style5/css/style.css' rel='stylesheet' type='text/css' />");

document.write("   <div id='online_qq_layer'><div id='online_qq_tab'><div class='online_icon'><a title='' id='floatShow' style='display:block' href='javascript:void(0);'>&nbsp;</a><a title='' id='floatHide' style='display:none' href='javascript:void(0);'>&nbsp;</a></div><!--online_icon end--></div><div id='onlineService' style='display: none;'><div class='online_windows overz'><div class='online_w_top'> </div><!--online_w_top end--><div class='online_w_c overz'>    <div class='online_bar expand' id='onlineSort1'>    ");

document.write("<h2><a onclick='changeOnline(1)'>上海</a></h2><div class='online_content overz' id='onlineType1'><ul class='overz'>    ");

document.write("<li><span><a href='http://wpa.qq.com/msgrd?v=1&amp;uin=3002969260&amp;site=www.listenvision.cn&amp;menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=1:3002969260:4' border='0' alt='胡峰'></a></span><a href='http://wpa.qq.com/msgrd?v=1&amp;uin=3002969260&amp;site=www.listenvision.cn&amp;menu=yes' target='_blank' class='qq_icon'>胡峰</a> </li>    ");

document.write("<li><span><a href='http://wpa.qq.com/msgrd?v=1&amp;uin=3002984175&amp;site=www.listenvision.cn&amp;menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=1:3002984175:4' border='0' alt='随佳毅'></a></span><a href='http://wpa.qq.com/msgrd?v=1&amp;uin=3002984175&amp;site=www.listenvision.cn&amp;menu=yes' target='_blank' class='qq_icon'>随佳毅</a> </li>    ");

document.write("<li><span><a href='http://wpa.qq.com/msgrd?v=1&amp;uin=2355291316&amp;site=www.listenvision.cn&amp;menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=1:2355291316:4' border='0' alt='范小敏'></a></span><a href='http://wpa.qq.com/msgrd?v=1&amp;uin=2355291316&amp;site=www.listenvision.cn&amp;menu=yes' target='_blank' class='qq_icon'>范小敏</a> </li>    ");

document.write("     </ul></div>    ");

document.write("           </div><div class='time'>8:30-18:00</div></div><!--online_w_c end--><div class='online_w_bottom'> </div><!--online_w_bottom end--></div><!--online_windows end--></div></div>    ");

function changeOnline(num) {
    if (isNaN(num) && num == "")
        return;
    for (var i = 1; i <= 6 ; i++) {
        if (i == num) {
            document.getElementById("onlineSort" + i).className = "online_bar expand";
            document.getElementById("onlineType" + i).style.display = "block";
        }
        else {
            document.getElementById("onlineSort" + i).className = "online_bar collapse";
            document.getElementById("onlineType" + i).style.display = "none";
        }
    }
}

jQuery(document).ready(function () {
    jQuery("#floatShow").bind("click", function () {
        jQuery('#onlineService').animate({ width: 'show', opacity: 'show' }, 'normal', function () { jQuery('#onlineService').show(); }); jQuery('#floatShow').attr('style', 'display:none'); jQuery('#floatHide').attr('style', 'display:block');
        return false;
    });
    jQuery("#floatHide").bind("click", function () {
        jQuery('#onlineService').animate({ width: 'hide', opacity: 'hide' }, 'normal', function () { jQuery('#onlineService').hide(); }); jQuery('#floatShow').attr('style', 'display:block'); jQuery('#floatHide').attr('style', 'display:none');
    });
    jQuery(document).bind("click", function (event) {
        if (jQuery(event.target).isChildOf("#online_qq_layer") == false) {
            jQuery('#onlineService').animate({ width: 'hide', opacity: 'hide' }, 'normal', function () { jQuery('#onlineService').hide(); }); jQuery('#floatShow').attr('style', 'display:block'); jQuery('#floatHide').attr('style', 'display:none');
        }
    });
    jQuery.fn.isChildAndSelfOf = function (b) {
        return (this.closest(b).length > 0);
    };
    jQuery.fn.isChildOf = function (b) {
        return (this.parents(b).length > 0);
    };
    //jQuery(window).scroll(function(){
    //jQuery('#online_qq_layer').stop().animate({top:jQuery(document).scrollTop() + jQuery("#online_qq_layer").height()}, 100)
    //});
});