/**
 * @author Mr.Think
 * @author blog http://mrthink.net/
 * @2010.07.23
 * 可自由轉載及使用,但請注明版權歸屬
 */
$(document).ready(function(){
    //@Mr.Think***變量
    var $ncur = 1;//初始化顯示的版面
    var $i = 1;//每版顯示數
    var $len = $('.main_image>div').length;//計算列表總長度(個數)
    var $pages = Math.ceil($len / $i);//計算展示版面數量
    var $w = $('.main').width(); //取得展示區外圍寬度
    var $item = $('#main_item');
	//$("div.title").css("width");
    var $num = $('#num li');
    var $prev = $('#navbar .btn_prev');
    var $next = $('#navbar .btn_next');
	
	$num.eq($ncur - 1).addClass('cur');
 	//@Mr.Think***向前滾動
    $prev.click(function(){
        if (!$item.is(':animated')) {  //判斷展示區是否動畫
            if ($ncur == 1) {   //在第一個版面時,再向前滾動到最後一個版面
                $item.animate({
                    left: '-=' + $w * ($pages - 1)
                }, 500); //改變left值,切換顯示版面,500(ms)為滾動時間,下同
                $ncur = $pages; //初始化版面為最後一個版面
            }
            else { 
                $item.animate({
                    left: '+=' + $w
                }, 500); //改變left值,切換顯示版面
                $ncur--; //版面累減
            }
            $num.eq($ncur - 1).addClass('cur').siblings().removeClass('cur'); //為對應的版面數字加上高亮樣式,並移除同級元素的高亮樣式
        }
    });
    //@Mr.Think***向後滾動
    $next.click(function(){
        if (!$item.is(':animated')) { //判斷展示區是否動畫
            if ($ncur == $pages) {  //在最後一個版面時,再向後滾動到第一個版面
                $item.animate({
                    left: 0
                }, 500); //改變left值,切換顯示版面,500(ms)為滾動時間,下同
                $ncur = 1; //初始化版面為第一個版面
            }
            else {
                $item.animate({
                    left: '-=' + $w
                }, 500);//改變left值,切換顯示版面
                $ncur++; //版面數累加
            }
            $num.eq($ncur - 1).addClass('cur').siblings().removeClass('cur'); //為對應的版面數字加上高亮樣式,並移除同級元素的高亮樣式
        }
    });
    //@Mr.Think***數字點擊事件
    $num.click(function(){
        if (!$item.is(':animated')) { //判斷展示區是否動畫
            var $index = $num.index(this); //索引出當前點擊在列表中的位置值
            $item.animate({
                left: '-' + ($w * $index) 
            }, 500); //改變left值,切換顯示版面,500(ms)為滾動時間
            $ncur = $index + 1; //初始化版面值,這一句可避免當滾動到第三版時,點擊向後按鈕,出面空白版.index()取值是從0開始的,故加1
            $(this).addClass('cur').siblings().removeClass('cur'); //為當前點擊加上高亮樣式,並移除同級元素的高亮樣式
        }
		return false; 
    });
})