//----------------------------------
// メインFlash(JavaScript版)
//----------------------------------
var ir_selected = 0;
var ir_view = 0;
var ir_height = 57;
var ir_show_count = 5;
var ir_max_count = 10000;
var ir_moving = true;

var ir_tmrID = null; // タイマーID
var ir_tmrCount = 20000; // タイマー時間

function ImageRolSelected(id){
    var n = id;
    if(n < 0){
        n = ir_itemList.length - ((-n) % ir_itemList.length);
    }
    if(n >= ir_itemList.length){
        n = (n % ir_itemList.length);
    }
    var thisLi = jQuery('#imageRolThumb .imageRolBanner ul li').filter(function(){return (jQuery(this).attr('rel') == 'imageRolB' + n);});
    var imgAlt = thisLi.find('img').attr("alt");
    var imgSrc = thisLi.find('a').attr("href");

    var re = new RegExp("(#[a-zA-Z][a-zA-Z0-9]+)", "");
    var result = imgSrc.match(re);
    if (result) {
        imgSrc = result[1];
    }
    if (thisLi.is(".selected")) {
        return false;
    } else {
        ir_selected = parseInt(id);
        ImageRolMainMaking(ir_selected);
    }

    jQuery("#imageRolThumb .imageRolBanner li").removeClass('selected');
    thisLi.addClass('selected');
}
function ImageRolMainMaking(id){
    var n = id;
    if(n < 0){
        n = ir_itemList.length - ((-n) % ir_itemList.length);
    }
    if(n >= ir_itemList.length){
        n = (n % ir_itemList.length);
    }
    
    var item = ir_itemList[n];
    var item_main = item["main"];
    var item_thum = item["thum"];
    var item_link = item["link"];
    var item_tracking = item["tracking"];
    var target = item["blank"] == "1" ? "_blank" : "_top";
	
    if(item_main == undefined){
        item_main = "";
    }
    if(item_thum == undefined){
        item_thum = "";
    }
    if(item_link == undefined){
        item_link = "";
    }
    if(item_tracking == undefined){
        item_tracking = "";
    }
    // メイン画像作成
    var text = "";
    text = '<img src="'+item_main+'" width="705" height="310" alt="" />';
    if(item_link != ""){
        text = '<a href="'+item_link+'" onclick="'+item_tracking+'" target="'+ target +'">'+text+'</a>';
    }
	
    text = '<div id="imageRolMain'+id+'">'+text+'</div>';	
    jQuery('#imageRolMain').empty().append(text);
    jQuery("#imageRolMain img").hide().fadeIn('slow');
}
function ImageRolBannerMaking(id,num){
    jQuery('#imageRolThumb .imageRolBanner ul').empty();
    for(var i = 0; i < num; i++) {
        var nid = id + i;
        var n = nid;
        // ループさせるかチェック
        if((ir_itemList.length <= n) || (0 > n)){
            if(ir_show_count >= ir_itemList.length){
                continue;
            }
        }
        if(n < 0){
            n = ir_itemList.length - ((-n) % ir_itemList.length);
        }
        if(n >= ir_itemList.length){
            n = (n % ir_itemList.length);
        }
        
        var item = ir_itemList[n];
        var item_main = item["main"];
        var item_thum = item["thum"];
        var item_link = item["link"];
        var item_tracking = item["tracking"]; 
        if(item_main == undefined){
            item_main = "";
        }
        if(item_thum == undefined){
            item_thum = "";
        }
        if(item_link == undefined){
            item_link = "";
        }
        if(item_tracking == undefined){
            item_tracking = "";
        }
        var text = "";
        text += '<a href="#imageRolMain'+nid+'" onclick=\'_gaq.push(["_trackEvent","top","keyrightvisual","top_keyrightvisual_'+nid+'"])\'><img src="'+item_thum+'" width="240" height="50" alt="" /></a>';
        
        var n2 = ir_selected;
        if(n2 < 0){
            n2 = ir_itemList.length - ((-n2) % ir_itemList.length);
        }
        if(n2 >= ir_itemList.length){
            n2 = (n2 % ir_itemList.length);
        }
        if(n2 == n){
            text = '<li class="selected" id="imageRolB'+nid+'" rel="imageRolB'+n+'">' + text + '</li>';
        }else{
            text = '<li id="imageRolB'+nid+'" rel="imageRolB'+n+'">' + text + '</li>';
        }
        jQuery('#imageRolThumb .imageRolBanner ul').append(text);
    }
    
    // 画像切り替え
    jQuery("#imageRolThumb .imageRolBanner li a").click(function(e){
        var thisLi = jQuery(this).closest('li');
        var thisLiId = thisLi.attr('id');
        var re = new RegExp("imageRolB([\-0-9]+)", "");
        var result = thisLiId.match(re);
            
        if (result) {
            id = result[1];
            ImageRolSelected(id);
        }
        ImageRolBannerSetMoving();
        return false;
    });
}

function ImageRolBannerPrev(){
    if(!ir_moving){
        ImageRolBannerMaking(ir_view - 1,ir_show_count + 1);
        ir_view --;
        var list_top = -ir_height;
        jQuery("#imageRolThumb .imageRolBanner ul").css({top:list_top + 'px'}).animate({ top: "0px" }, 300 , function() { ir_moving = false; });
        ir_moving = true;
        ImageRolBannerSetMoving();
    }
}
function ImageRolBannerNext(){
    if(!ir_moving){
        ImageRolBannerMaking(ir_view + 1,ir_show_count + 1);
        ir_view ++;
        var list_top = 0;
        jQuery("#imageRolThumb .imageRolBanner ul").css({top:list_top + 'px'}).animate({ top: -ir_height + "px" }, 300 , function() { ir_moving = false; });
        ir_moving = true;
        ImageRolBannerSetMoving();
    }
}

function ImageRolBannerClearMoving(){
    if(ir_tmrID){
        clearInterval(ir_tmrID);
        ir_tmrID = null;
    }
}
function ImageRolBannerSetMoving(){
    ImageRolBannerClearMoving();
    ir_tmrID = setTimeout( function() {
        var pn = parseInt(ir_selected + 1);
        var n = pn;
        if(n < 0){
            n = ir_itemList.length - ((-n) % ir_itemList.length);
        }
        if(n >= ir_itemList.length){
            n = (n % ir_itemList.length);
        }
        var cflg = false;
        for(var i=0;i<ir_show_count;i++){
            var v = ir_view + i;
            if(v < 0){
                v = ir_itemList.length - ((-v) % ir_itemList.length);
            }
            if(v >= ir_itemList.length){
                v = (v % ir_itemList.length);
            }
            if(v == n){
                cflg = true;
                break;
            }
        }
        // 画面が切り替わるか調べる
        if(cflg){
            ImageRolSelected(pn);
        }else{
            var num = ir_itemList.length;
            if(num > 0){
                num = Math.ceil(ir_itemList.length / ir_show_count) * ir_show_count;
            }
            
            var move = 0;
            var list_top = 0;
            var s = 0;
			var m = 0;
            // 上移動
            if(ir_view > (ir_selected + 1)){
                move = 0;
                list_top = parseInt(parseInt((ir_selected + 1) - ir_view) * ir_height);
                s = (ir_selected + 1);
				m = ir_view - (ir_selected + 1) + + ir_show_count;
            // 下移動
            }else{
                move = parseInt(((ir_selected + 1) - ir_view) * ir_height) * -1;
                list_top = 0;
                s = ir_view;
				m = (ir_selected + 1) - ir_view + ir_show_count;
            }
            ImageRolBannerMaking(s,m);
            
            jQuery("#imageRolThumb .imageRolBanner ul")
                .css({top:list_top + 'px'})
                .animate(
                    { top: move + "px" },
                    300 ,
                    function() {
                        var n = parseInt(ir_selected + 1);
                        ir_selected = parseInt(n);
                        ir_view = ir_selected;
                        ImageRolSelected(n);
                        ir_moving = false;
                    });
            ir_moving = true;
        }
        ir_tmrID = null;
        // TimeOut再設定
        ImageRolBannerSetMoving();
    }, ir_tmrCount);
}



jQuery(document).ready(function() {

	ImageRolBannerMaking(0,ir_show_count);

	ImageRolMainMaking(0);

	ir_moving = false;
	jQuery("#imageRolThumb .imageRolBanner li:first").addClass('selected');
	jQuery("#imageRolMain li").hide();
	jQuery("#imageRolMain li:first").fadeIn('slow');

	// 次へ前へのボタンの無効化
	if(ir_show_count >= ir_itemList.length){
		jQuery("#imageRolPager")
			.append('<li class="next"><span class="prev_btn prev_btn_on"></span></li>')
			.append('<li class="prev"><span class="next_btn next_btn_on"></span></li>');
	}else{
		jQuery("#imageRolPager")
			.append('<li class="next"><a href="javascript:ImageRolBannerPrev();" class="prev_btn"></a></li>')
			.append('<li class="prev"><a href="javascript:ImageRolBannerNext();" class="next_btn"></a></li>');
	}

	ImageRolBannerSetMoving();

});