var pagesize = 1;

$(document).ready(function () {


    var Beacon = {};

	//add fav
    $('#btn_fav').click(function(e) {
        var href = $(this).attr('href');
        var title = $(this).attr('title');
        var tag = $(this).attr('tag');
        if (document.all) {//ie
            window.external.addFavorite(href, title);
            e.preventDefault();
        } else if (window.sidebar) {//firefox
            window.sidebar.addPanel(title, href, "");
            e.preventDefault();
        } else if (window.opera && window.print) { //opera
            $(this).attr('rel', 'sidebar');
        } else if (window.chrome) {
            alert('谷歌浏览器请使用Ctrl+D收藏本页');
            e.preventDefault();
        } else {
            alert('您的浏览器不支持自动收藏功能，请手动收藏本页。');
            e.preventDefault();
        }
    });
    //check page_content
    if (!page_content || page_content.length == 0) {
        alert('没有上传过内容');
        return;
    }

    var book = $('#book');
    var left = $('#book #left');
    var right = $('#book #right');
    var left_w = $('#book #left').width();
    var left_bar = $('#book .arrow').eq(0);
    var right_bar = $('#book .arrow').eq(1);
    var flip = $('#book #flip');
    var flip_time = 1000;
    var sid = typeof spaceid != "undefined" ? spaceid : 2143768475;
    var current = start_page ? start_page : 0;
    var total = page_content.length;

    var isIE = false;
    var arVersion = navigator.appVersion.split("MSIE");
    var version = parseFloat(arVersion[1]);
    if (version > 0) {
        isIE = true;
        flip_time = 800;
        flip.find('.overlayer img').hide();
        flip.find('.overlayer').addClass('ie_r');
    }

    pagesize = 1;
    $("#ul_link").empty();

    if (total>0)
        $("#ul_link").append('<li class="mark_01" data-id="0" id="li_first">首页</li>');
    if (total > 2)
        $("#ul_link").append('<li class= "mark_02" data-id="2">第3页</li>');
    if (total > 4)
        $("#ul_link").append('<li class="mark_03" data-id="4">第5页</li>');
    if (total > 6)
        $("#ul_link").append('<li class="mark_04" data-id="6">第7页</li>');
    if (total > 8)
        $("#ul_link").append('<li class="mark_05" data-id="8">第9页</li>');
    if (total > 10)
        $("#ul_link").append('<li class="mark_06"  id="li_next">...</li>');
    if (total % 2 == 0) {
        var lp = total-2;
        $("#ul_link").append('<li class="mark_07" data-id="'+lp+'" id="li_last">最后一页</li>');
    }
    else
    {
        var lp = total-1;
        $("#ul_link").append('<li class="mark_07" data-id="' + lp + '" id="li_last">最后一页</li>');
    }

    $("#li_next").live("click", function () {

        
        $("#ul_link").empty();
        pagesize++;
        if (total > 0)
            $("#ul_link").append('<li class="mark_01" data-id="0" id="li_first">首页</li>');
        var n1 = 2 + pagesize * 4;
        if (total > n1) {
            $("#ul_link").append('<li class= "mark_02" data-id="' + n1 +'">第'+(n1+1)+'页</li>');
        }
        var n2 = 4 + pagesize * 4;
        if (total > n2) {
            $("#ul_link").append('<li class= "mark_02" data-id="' + n2 + '">第' + (n2 + 1) + '页</li>');
        }
        var n3 = 6 + pagesize * 4;
        if (total > n3) {
            $("#ul_link").append('<li class= "mark_02" data-id="' + n3 + '">第' + (n3 + 1) + '页</li>');
        }
        var n4 = 8 + pagesize * 4;
        if (total > n4) {
            $("#ul_link").append('<li class= "mark_02" data-id="' + n4 + '">第' + (n4 + 1) + '页</li>');
        }
        var n5 = 10 + pagesize * 4;
        if (total > n5) {
            $("#ul_link").append('<li class="mark_06"  id="li_next">...</li>');
        }
        if (total % 2 == 0) {
            var lp = total - 2;
            $("#ul_link").append('<li class="mark_07" data-id="' + lp + '" id="li_last">最后一页</li>');
        }
        else {
            var lp = total - 1;
            $("#ul_link").append('<li class="mark_07" data-id="' + lp + '" id="li_last">最后一页</li>');
        }
    });

    $("#li_first").live("click", function () {


        $("#ul_link").empty();
        pagesize=1;
        if (total > 0)
            $("#ul_link").append('<li class="mark_01" data-id="0" id="li_first">首页</li>');
        if (total > 2)
            $("#ul_link").append('<li class= "mark_02" data-id="2">第3页</li>');
        if (total > 4)
            $("#ul_link").append('<li class="mark_03" data-id="4">第5页</li>');
        if (total > 6)
            $("#ul_link").append('<li class="mark_04" data-id="6">第7页</li>');
        if (total > 8)
            $("#ul_link").append('<li class="mark_05" data-id="8">第9页</li>');
        if (total > 10)
            $("#ul_link").append('<li class="mark_06"  id="li_next">...</li>');
        if (total % 2 == 0) {
            var lp = total - 2;
            $("#ul_link").append('<li class="mark_07" data-id="' + lp + '" id="li_last">最后一页</li>');
        }
        else {
            var lp = total - 1;
            $("#ul_link").append('<li class="mark_07" data-id="' + lp + '" id="li_last">最后一页</li>');
        }
    });

    $('li[data-id]').live("click",function () {
        var n = $(this).attr("data-id");
       // alert(n);
        var lf = 0;
        if (n < current)
            lf = 1;
      //  alert(n);
      //  alert(lf);
        current = parseInt(n);
        if (current + 1 <= total - 1) {
            //(new Image).src = "http://bj.data.cn.yahoo.com/sns?s=" + sid + "&t=" + Math.random() + "&r=" + encodeURIComponent(document.referrer);
            Beacon.ajax_refer = current / 2; // current index
            Beacon.ajax_url = current / 2;  // target index
            Beacon.ajax_isLastPage = 0; // 0 or 1
            //Beacon.ajaxRequest();

            // current = current + 1;
            if (isIE) {
                flip.find('.overlayer').removeClass('ie_l').addClass('ie_r');
            } else {
                flip.find('img').attr('src', 'images/flip_r.png');
            }
            flip.find('.container').css('background', 'url(images/book_l.jpg) left top no-repeat');
            flip.find('.label').html('');
            flip.find('.content').html(page_content[current]);
            flip.find('.pager').html((current + 1 + 1) / 2 + " / " + Math.ceil(total / 2));
            flip.find('.overlayer').css({ 'width': '100%', 'margin-left': 0 });

            if (isIE) {
                right.find('.content').hide();
                window.setTimeout(function () {
                    if (page_content[current + 1]) {
                        right.find('.content').html(page_content[current + 1]).show();
                    } else {
                        right.find('.content').html('').show();
                    }
                }, flip_time / 4);
            } else {
                window.setTimeout(function () {
                    if (page_content[current + 1]) {
                        right.find('.content').hide().html(page_content[current + 1]).css({ opacity: 0.5, display: 'block' }).animate({ opacity: 1 }, (flip_time - (flip_time / 4)));
                    } else {
                        right.find('.content').html('');
                    }
                }, flip_time / 4);
            }
            if (lf == 0) {
                flip.stop().css({
                    'left': 850,
                    'width': 100,
                    'display': 'block'
                }).animate({
                    'left': 15,
                    'width': 652
                }, flip_time, 'linear', function () {
                    left.find('.content').html(flip.find('.content').html());
                   
                  left.find('.pager').html((current + 1) + " / " + total);
                   right.find('.pager').html((current + 2) + " / " + total);
                 //   slider.slider("value", (current + 1) * step);
                    $(this).hide(0);
                });
            }
            else {

                flip.find('.container').stop().css({
                    'margin-left': -526
                }).animate({
                    'margin-left': 0
                }, flip_time, 'linear');

                flip.find('.overlayer').stop().css({
                    'width': 100,
                    'margin-left': -26
                }).animate({
                    'width': 652,
                    'margin-left': -195
                }, flip_time, 'linear');

                flip.stop().css({
                    'left': 15,
                    'display': 'block'
                }).animate({
                    'left': 490
                }, flip_time, 'linear', function () {
                    left.find('.content').html(flip.find('.content').html());
                    left.find('.pager').html((current + 1) + " / " + total);
                    right.find('.pager').html((current + 2) + " / " + total);
                  //  slider.slider("value", (current + 1) * step);
                    $(this).hide(0);
                });

            }
        }

    });
 
    //check pager
    left.find('.pager').html((current + 1) + " / " + total);
    //alert(right.find('.pager').html())
   right.find('.pager').html((current + 2) + " / " + total);
    left_bar.click(function() {
        if (current - 2 >= 0) {
            //(new Image).src = "http://bj.data.cn.yahoo.com/sns?s=" + sid + "&t=" + Math.random() + "&r=" + encodeURIComponent(document.referrer);
            Beacon.ajax_refer = current / 2 + 1; // current index
            Beacon.ajax_url = current / 2;  // target index
            Beacon.ajax_isLastPage = 0; // 0 or 1
            //Beacon.ajaxRequest();

            current = current - 2;
            if (isIE) {
                flip.find('.overlayer').removeClass('ie_r').addClass('ie_l');
            } else {
                flip.find('img').attr('src', 'images/flip_l.png');
            }
            flip.find('.container').css('background', 'url(images/book_r.jpg) left top no-repeat');
            flip.find('.label').html(right.find('.label').html());
            flip.find('.content').html(page_content[current + 1]);
            flip.find('.pager').html('');
            left.find('.pager').html('');




            if (isIE) {
                left.find('.content').hide();
                window.setTimeout(function() {
                    if (page_content[current]) {
                        left.find('.content').html(page_content[current]).show();
                    } else {
                        left.find('.content').html('').show();
                    }
                }, flip_time / 4);
            } else {
                window.setTimeout(function() {
                    if (page_content[current]) {
                        left.find('.content').hide().html(page_content[current]).css({ opacity: 0.5, display: 'block' }).animate({ opacity: 1 }, (flip_time - (flip_time / 4)));
                    } else {
                        left.find('.content').html('');
                    }
                }, flip_time / 4);
            }

            flip.find('.container').stop().css({
                'margin-left': -526
            }).animate({
                'margin-left': 0
            }, flip_time, 'linear');

            flip.find('.overlayer').stop().css({
                'width': 100,
                'margin-left': -26
            }).animate({
                'width': 652,
                'margin-left': -195
            }, flip_time, 'linear');

            flip.stop().css({
                'left': 15,
                'display': 'block'
            }).animate({
                'left': 490
            }, flip_time, 'linear', function() {
                right.find('.content').html(flip.find('.content').html());
                left.find('.pager').html((current + 1) + " / " + total);
                right.find('.pager').html((current + 2) + " / " + total);
                slider.slider("value", (current + 1) * step);
                $(this).hide(0);
            });

       
        }
    });



    right_bar.click(function() {
        if (current + 2 <= total - 1) {
            //(new Image).src = "http://bj.data.cn.yahoo.com/sns?s=" + sid + "&t=" + Math.random() + "&r=" + encodeURIComponent(document.referrer);
            Beacon.ajax_refer = current / 2 + 1; // current index
            Beacon.ajax_url = current / 2 + 2;  // target index
            Beacon.ajax_isLastPage = 0; // 0 or 1
            //Beacon.ajaxRequest();

            current = current + 2;
            if (isIE) {
                flip.find('.overlayer').removeClass('ie_l').addClass('ie_r');
            } else {
                flip.find('img').attr('src', 'images/flip_r.png');
            }
            flip.find('.container').css('background', 'url(images/book_l.jpg) left top no-repeat');
            flip.find('.label').html('');
            flip.find('.content').html(page_content[current]);
            flip.find('.pager').html((current + 1) + " / " + total);
            flip.find('.overlayer').css({ 'width': '100%', 'margin-left': 0 });

            if (isIE) {
                right.find('.content').hide();
                window.setTimeout(function() {
                    if (page_content[current + 1]) {
                        right.find('.content').html(page_content[current + 1]).show();
                    } else {
                        right.find('.content').html('').show();
                    }
                }, flip_time / 4);
            } else {
                window.setTimeout(function() {
                    if (page_content[current + 1]) {
                       right.find('.content').hide().html(page_content[current + 1]).css({ opacity: 0.5, display: 'block' }).animate({ opacity: 1 }, (flip_time - (flip_time / 4)));
                    } else {
                        right.find('.content').html('');
                    }
                }, flip_time / 4);
            }

            flip.stop().css({
                'left': 850,
                'width': 100,
                'display': 'block'
            }).animate({
                'left': 15,
                'width': 652
            }, flip_time, 'linear', function() {
                left.find('.content').html(flip.find('.content').html());
                left.find('.pager').html((current+1) + " / " + total);
                right.find('.pager').html((current+2) + " / " + total);
                slider.slider("value", (current + 1) * step);
                $(this).hide(0);
            });
           
        }
    });

    var left_bar_w = left_bar.width();
    $('#book').hover(function(e) {
        left_bar.find('.mask').stop().animate({ opacity: 0.1 }, 200, 'linear').next().show();
        right_bar.find('.mask').stop().animate({ opacity: 0.1 }, 200, 'linear').next().show();
    }, function(e) {
        left_bar.find('.mask').animate({ opacity: 0 }, 500, 'linear', function() { $(this).next().hide(); });
        right_bar.find('.mask').animate({ opacity: 0 }, 500, 'linear', function() { $(this).next().hide(); });
    });

    //glide
    var step = parseInt($('.glide').width() / (Math.ceil(total / 2) * 2 - 1));
    var slider = $('.glide').slider({
        min: step,
        max: $('.glide').width(),
        step: step * 2,
        slide: function(event, ui) {
            $('.glide a').attr('title', (ui.value / step + 1) / 2 + '/' + Math.ceil(total / 2));
            if (ui.value / step > current) {
                current = ui.value / step - 2 - 1;
                right_bar.click();
            } else if (ui.value / step < current) {
                current = ui.value / step + 2 - 1;
                left_bar.click();
            }
        }
    });
    $('.glide a').attr('title', 1 + '/' + Math.ceil(total / 2)).attr('hidefocus', 'true').css('outline', '0').focus(function() { $(this).blur(); });


    //review
    (function() {
        var spacing = 166;
        var container = $('#review ul');
        var left = $('#review .ab_l');
        var right = $('#review .ab_r');
        var on_class = 'on';
     
       
        function checkStatus() {
            if (parseInt(container.css('left')) < 0) {
                left.unbind('click').one('click', leftClick).addClass(on_class);
            } else {
                left.removeClass(on_class);
            }
            if (parseInt(container.css('left')) > -(parseInt(container.css('width')) - (spacing * 5))) {
                right.unbind('click').one('click', rightClick).addClass(on_class);
            } else {
                right.removeClass(on_class);
            }
        }

        function leftClick(e) {
            e.preventDefault();
            if (parseInt(container.css('left')) < 14) {
                container.animate({
                    left: '+=' + (spacing * 5)
                }, 800, function() {
                    checkStatus();
                });
            }
        }

        function rightClick(e) {
            e.preventDefault();
            if (parseInt(container.css('left')) > -(parseInt(container.css('width')) - (spacing * 5)) + 14) {
                container.animate({
                    left: '-=' + (spacing * 5)
                }, 800, function() {
                    checkStatus();
                });
            }
        }
        container.css('width', spacing * container.children().length);
        checkStatus();
       
    })();
});