/*////////////////////////////////////////////////

NRI Network Communications official site
creation date 2010.7
Copyright (c) NRI Network Communications, Ltd. All Rights Reserved.

////////////////////////////////////////////////*/
/*------------------------------
スマフォ対応
------------------------------*/
//PC版を表示ボタン押下時に、/index.html?1として別ウィンドウ表示(ウインドウ名："smt2pc")
var param = location.search.substr(1);
if(param == 1){
	//cookieに保存
	document.cookie = "smt_rtn_pc_index=1";	
}else if(document.cookie.indexOf("smt_rtn_pc_index=1")>=0 && window.name == "smt2pc"){
	//cookieに保存されていて、且つPC版ようウインドウの場合
	param = 1;
}else{
	param = 0;
}

//UserAgent
//iPadの初期はiphone,ipadが併記されている
var agent = navigator.userAgent.toLowerCase();
if (
	(	(agent.indexOf('iphone') >= 0 && agent.indexOf('ipad') < 0) ||
		agent.indexOf('ipod') >= 0 ||
		(agent.indexOf('android') >= 0 && agent.indexOf('mobile') >= 0)
	)&& param != 1) {
		location.href = '/smt/index.html';
}


/*------------------------------
visual
------------------------------*/

$(function(){

	$.ajax({
		url: '../data/visual.xml',
		success: function(data){
			var indexBtn = $('ul.indexBtn li');
			
			//create elements
			indexBtn.parent().before('<ul class="slide"/><ul class="slideBtn"/>');
			$('slide', data).each(function(i){
				var href = $($('bnrhref', data)[i]).text();
				var src = $($('bnrsrc', data)[i]).text();
				var alt = $($('bnralt', data)[i]).text();
				$('ul.slide').append('<li class="'+$(this).attr('class')+'"><a href="'+href+'"><img src="'+src+'" alt="'+alt+'" width="692" height="266"></a></li>');
			});
			$('slide', data).each(function(i){
				$('ul.slideBtn').append('<li class="'+$(this).attr('class')+'"></li>');
			});
			
			//add class
			$('slide', data).each(function(i){
				var c = $(this).attr('class');
				$('flg',$(this)).each(function(i){
					if($(this).text()=='on'){
						$(indexBtn[i]).addClass(c);
					}
				});
			});
			
			var index = 0;
			var bnr =$('ul.slide li');
			var btn = $('ul.slideBtn li');
			$('p.intro img').delay(2500).fadeOut(500,
				function(){
					$(bnr).css('opacity','0').hide();
					$($(bnr)[0]).css('opacity','1');
					autoSlide();
				}
			);
			indexBtn.parent().css('paddingTop','0');
			indexBtn.find('a > img').delay(2500).animate({opacity:0.2},500);

			//banner buttons hover action
			var isTouch = false;
			btn.each(function(i){
				$(this).bind('touchstart', function(event){
					isTouch = true;
					btnHover1(i);
				});
				
				$(this).bind('touchend', function(event){
					btnHover2(i);
				});
				
				$(this).hover(
					function(){
						if(isTouch)
							return;
						btnHover1(i);
					},
					function(){
						if(isTouch)
							return;
							
						btnHover2(i);
					}
				);
			});
			
			function btnHover1(i){
				$(bnr[index-1]).hide();
				$(bnr[i]).show();
				btn.attr('id','');
				$(btn[i]).attr('id','btnOn');
				$(bnr).stop(true);
				$(bnr).css('opacity','0');
				$(bnr[i])
					.stop(true, false)
					.animate({opacity:1},1000);
				indexBtn.find('a > img')
					.stop(true, false)
					.animate({opacity:0.2},500);
				indexBtn.filter('.'+$(btn[i]).attr('class')).find('a > img')
					.stop(true, false)
					.delay(500)
					.animate({opacity:1},500);
			}
			
			function btnHover2(i){
				$(bnr[i])
					.stop(true, false)
					.animate({opacity:1},3000)
					.animate({opacity:0},1000,autoSlide);
				indexBtn.filter('.'+$(bnr[i]).attr('class')).find('a > img')
					.stop(true, false)
					.delay(3000)
					.animate({opacity:0.2},1000);
					
				index = i+1;
			}
			
			//six indexes hover action
			indexBtn.each(function(i){
				
				$('img',this).after($('img',this).clone());
				$('img:last',this).wrap('<div/>').parent().hide();
				 
				$(this).bind('touchstart', function(event){
					isTouch = true;
					indexBtnHover1(i);
				});
				$(this).bind('touchend', function(event){
					
					indexBtnHover2(i);
				});
				
				$(this).hover(
					function(){
						if(isTouch)
							return;
						indexBtnHover1(i);
					},
					function(){
						if(isTouch)
							return;
						indexBtnHover2(i);
					}
				);
			});
			
			function indexBtnHover1(i){
				$('div',indexBtn[i]).show().children().css('opacity',0.2)
				.stop(true, false)
				.animate({opacity:0.2},100)
				.animate({opacity:1},400);
			}
			
			function indexBtnHover2(i){
				$('div',indexBtn[i]).stop(false, true).fadeOut(400);
			}
			
			//auto animation
			var preIndex;
			function autoSlide(){
				if(index >= bnr.length){
					index = 0;
				}
				if($(bnr).stop == true){
					return;
				}else{
					bnr.css('opacity','0');
					btn.attr('id','');
					$(btn[index]).attr('id','btnOn');
					$(bnr[preIndex]).hide();
					$(bnr[index]).show();
					$(bnr[index])
						.stop(true, false)
						.animate({opacity:1},1000)
						.delay(3000)
						.animate({opacity:0},1000,autoSlide);
					indexBtn.each(function(i){
						if($(this).hasClass($(bnr[index]).attr('class'))){
							$(this).find('a > img')
								.stop(true, false)
								.animate({opacity:0.2},1000)
								.animate({opacity:1},1000)
								.delay(2000)
								.animate({opacity:0.2},1000);
						};
					});
					preIndex = index;
					index++;
				}
			}
		}
	});
});