$(document).ready(function(){
	try{document.execCommand("BackgroundImageCache",false,true)}catch(a){}
	
	$('#AppInputAddress').addClass('disActiveInputText').val(R.msg.addInput_default).click(function(){
		$(this).removeClass('disActiveInputText').select();
	}).blur(function(){
		if($(this).val() == R.msg.addInput_default || !$(this).val())
			$(this).addClass('disActiveInputText');
	});
	
	//外部ファイル読み込み開始
	var jdo = new JDO(R.ajax.json);
	jdo.query({}); //空Query設定
	
	//非同期通信のコールバック定義
	jdo.prepare(function(response){
	
		//初期変数宣言
		var screen_list = response.result.screen_list,
			screen_list_length = 0,
			screen_center_index = 2,
			screen_special_bg = response.result.screen_special_bg,
			$screen_panel = $('#screen_panel ul'),
			$screen_nav = $('#screen_nav ul'),
			$total_wrap = $('#totalwrap'),
			dir = 'screen/',
			prev_index = screen_center_index,
			prev_panel,
			prev_nav,
			timer_autoslide,
			timeout_autoslide,
			slide_span = 5000;
		
		$screen_panel.empty();
		/**
		 * ナビゲーションがクリックされた際の動作
		 *
		 *
		 *
		 */
		function _onNavClick(_index){
			var self = this;
			$(prev_nav).removeClass("activeNav");
			
			$(prev_panel).css("opacity", 1).stop().animate({
				opacity : 0
			}, 400, "linear", function(){
				$(prev_panel).hide();

				var index =$(self).index();

				if(typeof _index == "number"){
					index = _index;
				}else {
					clearInterval(timer_autoslide);
					clearTimeout(timeout_autoslide);
					timeout_autoslide = setTimeout(_onAutoSlide, 10000);
				}
				
				var panel = $screen_panel.children('li').get(index);
				var nav = $screen_nav.children('li').get(index);

				$(panel).css("opacity", 0).show().animate({
					opacity:1
				}, 400, "linear", function(){
										
					if(screen_list[index].screen_bg)
						$total_wrap.css("background-image", 'url("' + dir + screen_list[index].screen_bg + '")');
					else
						$total_wrap.css("background-image", "none");
				
				});

				$(nav).addClass("activeNav");
				prev_index = index;
				prev_panel = panel;
				prev_nav = nav;
				
				if(typeof _index == "number"){
					 timer_autoslide = setTimeout(function(){
						_onNavClick((prev_index + 1 > 4)? 0 : prev_index + 1);
					}, slide_span);
				}
			});
			
		}
		
		/**
		 * スクリーンの自動切り替え
		 */
		function _onAutoSlide(){
			timer_autoslide = setTimeout(function(){
				_onNavClick((prev_index + 1 > 4)? 0 : prev_index + 1);
			}, slide_span);
		 }
		 
		screen_list_length = screen_list.length;
		
		//スクリーンリストが1以下の場合終了
		if(screen_list_length < 1) return false;
		
		//スクリーンリストのループ
		for(var i = 0; i < screen_list_length; i++){

			//スクリーンパネルの設定

			//var ahref = $('<a />').attr('href', screen_list[i].link);
			var img_panel = $('<img />').attr('src', dir + screen_list[i].screen_panel);
			var li_panel = $('<li />').append($('<a onclick="return (VL_ExtLink(this))" />').attr('href', screen_list[i].link).append(img_panel));
			
			//スクリーンナビの設定
			//var img_nav = $('<img />').attr('src', dir + screen_list[i].screen_nav);
			var li_nav = $('<li />').addClass("InactiveNav").append(
				$('<img />').attr('src', dir + screen_list[i].screen_nav).hover(function(){
					this.src = this.src.replace(/.gif/,'') + '_hover.gif';
				}, function(){
					this.src = this.src.replace(/_hover/,'');
				})
			).bind({ mouseup : _onNavClick});
			
			
			//append処理
			$screen_panel.append(li_panel);
			$screen_nav.append(li_nav);
			
		}
		
		//中心の画像を選択(切り捨て)
		prev_panel = $screen_panel.children('li').get(screen_center_index);
		prev_nav = $screen_nav.children('li').get(screen_center_index);
		prev_index = screen_center_index;
		
		$(prev_panel).show();
		$(prev_nav).addClass("activeNav");
		
		if(screen_special_bg){
			$total_wrap.css("background-image", 'url("' + dir + screen_special_bg + '")');
		}else{
			if(screen_list[screen_center_index].screen_bg)
				$total_wrap.css("background-image", 'url("' + dir + screen_list[screen_center_index].screen_bg + '")');
			else
				$total_wrap.css("background-image", "none");
		}
		
		$screen_panel.css("opacity", 0).animate({opacity:1},500, "linear", function(){
			_onAutoSlide();
		});
	});

	//実行
	if($.browser.msie) $('#screen_shadow_panel').show();
	
	$('#screen_panel ul li').delay(750).fadeOut(250,function(){
		jdo.execute();
	});
});