//設定変数
//  アクティブ画像画面表示数
var ticker_max_length = 5;
//  移動時間
var move_time = 3000;
//  オーバーフローエリア設定数
var over_width = "745px";
var over_left = "50px";
var over_height = "50px";
// 要素画像設定
var ticker_width = 136;
var ticker_height = 39;
// 移動幅
var move_distance = 152;

var max_length = 0;
var left_act  = true;
var rigth_act = true;
var strat_view_no = 1;
var direct_view_no = "";
var class_name = "";
var taiki_flg = false;

var news_interval = "";
var low_interval  = "";

$(function(){

	preload();

	$('div#moveArea').css('width', over_width);
	$('div#moveArea').css('left', over_left);
	$('div#moveArea').css('height', over_height);

	var ticker_html = '';

	max_length = 0;
	if(ticker_max_length >= view_data.length){
		$('div#menuLinkL>img').attr('src', 'image/top_menulink_left_no.gif');
		$('div#menuLinkR>img').attr('src', 'image/top_menulink_right_no.gif');
	}

	max_length = view_data.length;

	ticker_html += '<div style="left:-119px; position:absolute">';
	ticker_html += '</div>';

	for(var i=0;i<max_length;i++){

		ticker_html += '<div class="menuBtn' + ("0" + (i + 1)).slice(-2) + '" onMouseOver="DirectChangeImg(' + (i + 1) + ')">';
		ticker_html += '<a href="' + view_data[i]["move_href"] + '">';
		if(i==0){
			ticker_html += '<img height="' + ticker_height + '" width="' + ticker_width + '" alt="' + view_data[i]["move_alt"] + '" src="' + view_data[i]["move_on_image"] + '"/></a>';
		}else{
			ticker_html += '<img height="' + ticker_height + '" width="' + ticker_width + '" alt="' + view_data[i]["move_alt"] + '" src="' + view_data[i]["move_off_image"] + '"/></a>';
		}
		ticker_html += '</div>';

	}

	$("div#moveAreaChild").prepend(ticker_html);

	if(max_length > ticker_max_length){
		try{
			clearInterval(news_interval);
		}catch(error){
		}
		news_interval = setInterval(removeFirstDl, move_time);
	}else{
		try{
			clearInterval(low_interval);
		}catch(error){
		}
		low_interval = setInterval(function(){ChangeImg('left')}, move_time);
	}
	
});


function preload(){
	var img_obj = new Array();
	var img_on_obj = new Array();
	var img_off_obj = new Array();

	var view_data_count = view_data.length;
	for(i=0;i<view_data_count;i++){
		img_obj[i] = new Image();
		img_on_obj[i] = new Image();
		img_off_obj[i] = new Image();

		img_obj[i].src = view_data[i]["main_src"];
		img_on_obj[i].src = view_data[i]["move_on_image"];
		img_off_obj[i].src = view_data[i]["move_off_image"];

		image_div = '<a href="' + view_data[i]["main_href"] + '"><img src="' + view_data[i]["main_src"] + '" alt="' + view_data[i]["main_alt"] + '" width="845" height="292" border="0" /></a>';
		$('div#backdrop_' + (i+1)).append(image_div);
	}

	

}


jQuery.event.add(window, "load", function(){

	$('#menuLinkL').click(function(){
		if(ticker_max_length < max_length){
			if(!taiki_flg){
				var tid = setTimeout("taiki()",800);
				taiki_flg = true;
				removeEndDl();
			}
		}
	});

	$('#menuLinkR').click(function(){
		if(ticker_max_length < max_length){
			if(!taiki_flg){
				var tid = setTimeout("taiki()",800);
				taiki_flg = true;
				removeFirstDl();
			}
		}
	});

	if(max_length > ticker_max_length){
		$('#menuBtnArea').mouseover(function(){
			if(max_length > ticker_max_length){
				clearInterval(news_interval);
			}else{
				clearInterval(low_interval);
			}
		});

		$('#menuBtnArea').mouseout(function(){
			if(max_length > ticker_max_length){
				news_interval = setInterval(removeFirstDl, move_time);
			}else{
				low_interval = setInterval(function(){ChangeImg('left')}, move_time);
			}
		});
	}else{
		$('#moveArea').mouseover(function(){
			if(max_length > ticker_max_length){
				clearInterval(news_interval);
			}else{
				clearInterval(low_interval);
			}
		});

		$('#moveArea').mouseout(function(){
			if(max_length > ticker_max_length){
				news_interval = setInterval(removeFirstDl, move_time);
			}else{
				low_interval = setInterval(function(){ChangeImg('left')}, move_time);
			}
		});
	}


});


function taiki(){

	taiki_flg = false;
}


function removeFirstDl(){

	ChangeImg('left');

	var first_li = $('div#moveAreaChild div:first').html();
	if(first_li != ""){
		class_name = $('div#moveAreaChild div:first').attr("class");
	}

	if(left_act){
		$('div#moveAreaChild div:first').remove();
	}
	addFirst(first_li, class_name);
}


function addFirst(first_li, class_name){

	if(first_li != "" && left_act){
		var direct_id = class_name.substring(8, 9);
		var end_li = '<div class="' + class_name + '" onMouseOver="DirectChangeImg(' + direct_id + ')">'+first_li+'</div>';
		$('div#moveAreaChild').append(end_li);
		var li_count = $('div#moveAreaChild div').length;
		var left_px = (li_count - 1) * move_distance;
		$('div#moveAreaChild div:last').css('left', left_px + "px");
	}

	$('div#moveAreaChild div').animate({ left : "-=" + move_distance + "px"}, "slow");

	left_act  = true;
	rigth_act = false;

}


function removeEndDl(){

	ChangeImg('rigth');

	var first_li = $('div#moveAreaChild div:first').html();
	var last_li  = $('div#moveAreaChild div:last').html();
	class_name = $('div#moveAreaChild div:last').attr("class");

	if(rigth_act){
		$('div#moveAreaChild div:last').remove();
	}
	addEnd(first_li, last_li, class_name);

}


function addEnd(first_li, last_li, class_name){

	if(first_li == ""){
		$('div#moveAreaChild div:first').remove();
	}

	if(rigth_act){
		var direct_id = class_name.substring(8, 9);
		var end_li = '<div class="' + class_name + '" onMouseOver="DirectChangeImg(' + direct_id + ')">'+last_li+'</div>';
		$('div#moveAreaChild').prepend(end_li);
		$('div#moveAreaChild div:first').css('left', "-" + move_distance + "px");
	}

	$('div#moveAreaChild div').animate({ left : "+=" + move_distance + "px"}, "slow");

	left_act  = false;
	rigth_act = true;

}


function ChangeImg(flg){

	if(direct_view_no != ""){
		document.getElementById("backdrop_" + direct_view_no).style.display = "none";
		$('div.menuBtn' + ("0" + direct_view_no).slice(-2) + '>a>img').attr('src', view_data[direct_view_no-1]["move_off_image"]);
		strat_view_no = direct_view_no;
		direct_view_no = "";
	}else{
		document.getElementById("backdrop_" + strat_view_no).style.display = "none";
		$('div.menuBtn' + ("0" + strat_view_no).slice(-2) + '>a>img').attr('src', view_data[strat_view_no-1]["move_off_image"]);
	}

	if(flg == "left"){
		strat_view_no++;
		if(strat_view_no > max_length){
			strat_view_no = 1;
		}
	}else{
		strat_view_no--;
		if(1 > strat_view_no){
			strat_view_no = max_length;
		}
	}

	document.getElementById("backdrop_" + strat_view_no).style.display = "block";
	$('div.menuBtn' + ("0" + strat_view_no).slice(-2) + '>a>img').attr('src', view_data[strat_view_no-1]["move_on_image"]);

}


function DirectChangeImg(direct_id){

	if(direct_view_no != ""){
		document.getElementById("backdrop_" + direct_view_no).style.display = "none";
		$('div.menuBtn' + ("0" + direct_view_no).slice(-2) + '>a>img').attr('src', view_data[direct_view_no-1]["move_off_image"]);
	}
	direct_view_no = direct_id;
	document.getElementById("backdrop_" + strat_view_no).style.display = "none";
	$('div.menuBtn' + ("0" + strat_view_no).slice(-2) + '>a>img').attr('src', view_data[strat_view_no-1]["move_off_image"]);
	document.getElementById("backdrop_" + direct_id).style.display = "block";
	$('div.menuBtn' + ("0" + direct_id).slice(-2) + '>a>img').attr('src', view_data[direct_id-1]["move_on_image"]);

}