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

document.write("    <script src='/QQ/Style2/js/jquery.KinSlideshow-1.2.1.min.js' type='text/javascript'></script>    <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'>            <div class='online_windows overz'>                <div class='online_w_top'>                </div>                <!--online_w_top end-->                <div class='online_w_c overz'>    ");

document.write("    <div class='online_bar expand' id='onlineSort1'>                        <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=272577173&amp;site=bote11487.siteconfirm.com&amp;menu=yes' target='_blank' class='qq_icon' ><img src='http://wpa.qq.com/pa?p=1:272577173:4' border='0' alt='客服1' style='margin-left: -60px;max-width:22px;max-height:22px;margin-right:15px' /><span style='font-size:12px'>客服1</span></a>        </span>      </li>    ");

document.write("      </ul>                        </div>                        <!--online_content end-->                    </div>    ");

document.write("    <div class='online_bar expand' id='onlineSort1'>                        <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=602851247&amp;site=bote11487.siteconfirm.com&amp;menu=yes' target='_blank' class='qq_icon' ><img src='http://wpa.qq.com/pa?p=1:602851247:4' border='0' alt='客服2' style='margin-left: -60px;max-width:22px;max-height:22px;margin-right:15px' /><span style='font-size:12px'>客服2</span></a>        </span>      </li>    ");

document.write("      </ul>                        </div>                        <!--online_content end-->                    </div>    ");

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

document.write("      <li>        <span>          <a href='skype:live:sherry.sun_1?call' target='_blank' class='qq_icon' ><img src='http://mystatus.skype.com/smallicon/live:sherry.sun_1' border='0' alt='Service 3' style='margin-left: -60px;max-width:22px;max-height:22px;margin-right:15px' /><span style='font-size:12px'>Service 3</span></a>        </span>      </li>    ");

document.write("      </ul>                        </div>                        <!--online_content end-->                    </div>    ");

document.write("           </div>                <!--online_w_c end-->                <div class='online_w_bottom'>                </div>                <!--online_w_bottom end-->            </div>            <!--online_windows end-->        </div>    </div>    <!-- online qq end -->    <div class='air'>    </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)
    //});
});