var __slidernav = function(){
var totalSlides;
var currSlide = 0;      //現在の選択中のナビ要素
var NAV_VISIBLE= 4;     //ナビ要素の表示数
var NAV_WIDTH = 160;    //ナビ要素のwidth
var NAV_HEIGHT = 40;    //ナビ要素のheight
var VIS_WIDTH = 686;
var VIS_HEIGHT = 214;
var NAV_MARGIN = 2;
var NAV_OFFSET = 18;
var pathToImg = "module/slidernav/img";
$(function() {
    $.ajax({
        type: "GET",
        url: "module/slidernav/data.xml",
        dataType: "xml",
        success: xmlParser
    });
});
function xmlParser(xml)
{
    $(xml).find("slide").each(function()
    {
        var visual = $(this).find("visual");
        $('#slidenav .visual').append(
            '<a href="'+visual.attr('href')+'">'+
            '<img alt="'+visual.attr('alt')+'" '+
            'src="'+visual.attr('src')+'" '+
            'width="'+VIS_WIDTH+'" height="'+VIS_HEIGHT+'" /></a>'
        );
        var nav = $(this).find("nav");
        $('#slidenav .selector').append(
            '<li><a href="'+visual.attr('alt')+'">'+
            '<img src="'+nav.attr('src')+'" '+
            'alt="'+visual.attr('alt')+'" '+
            'width="'+NAV_WIDTH+'" height="'+NAV_HEIGHT+'" /></a></li>'
        );
    });
    
    setupSlidernav();
}
function setupSlidernav()
{
    totalSlides = $(".nav .selector li").get().length;
    $('#slidenav .nav .selector').css('width',(NAV_WIDTH+NAV_MARGIN)*(Math.ceil(totalSlides/NAV_VISIBLE)*NAV_VISIBLE)+'px');
    
	//TOPメインスライドショー
    /* プラグインURL：http://jquery.malsup.com/cycle/ */
    $('#slidenav .visual').cycle({
		fx: 'fade', //遷移エフェクト
        speed:    800,      //遷移速度
        timeout:  5000,      //遷移間隔
        before:   onBefore,   //コールバック
        after:   onAfter,   //コールバック
        pager:  '.nav .selector',     //ナビゲーションに対応するオブジェクト
        prev:    '.nav .prev',
        next:    '.nav .next',
        rev:    0,
        allowPagerClickBubble :true,
        sync :0,
        pause   :true,
        pauseOnPagerHover   :true,
        manualTrump :false,
        pagerAnchorBuilder: function(idx, slide) 
        {
            return '.nav .selector li:eq(' + (idx) + ') a';
        }
	});

    $("#slidenav a").hover(function(){ 
		$(this).fadeTo(0,.77);
	},function() {
		$(this).fadeTo(0,1);
	});
}
function onBefore(curr, next, opts) {
    //選択状態にあるナビ要素をハイライト
    var i = currSlide = opts.nextSlide;
    $('.nav .selector li a').removeClass("selected");
    $('.nav .selector li:eq(' + i + ') a').addClass("selected");
    $('.nav .selector li a > img').fadeTo(0,1);
    $('.nav .selector li:eq(' + i + ') a > img').fadeTo(0,.77);
    
    //ナビのページング処理
    var offset = ((NAV_WIDTH+NAV_MARGIN)*NAV_VISIBLE) * -Math.floor(currSlide/NAV_VISIBLE) + NAV_OFFSET;
    //console.log([currSlide,NAV_VISIBLE]);
    $('.nav .selector').stop();
    $('.nav .selector').animate({
        marginLeft: offset+"px"
    }, 1200 );
    
}
function onAfter(curr, next, opts) {
    //選択状態にあるナビ要素をハイライト
    var i = currSlide = opts.currSlide;
    $('.nav .selector li a').removeClass("selected");
    $('.nav .selector li:eq(' + i + ') a').addClass("selected");
    $('.nav .selector li a > img').fadeTo(0,1);
    $('.nav .selector li:eq(' + i + ') a > img').fadeTo(0,.77);
    
    //ナビのページング処理
    var offset = (162*4) * -Math.floor(currSlide/NAV_VISIBLE) + 18;
    //console.log([currSlide,NAV_VISIBLE]);
    $('.nav .selector').stop();
    $('.nav .selector').animate({
        marginLeft: offset+"px"
    }, 1400 );
    
}
}();