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

CITY-YUWA PARTNERS official site
Copyright (c)  CITY-YUWA PARTNERS All Rights Reserved.
	
////////////////////////////////////////////////*/
$(function(){
	
	var va = $('div.visualArea');
	
	/* slide */
	(function(){
		va.children('div.img').append('<img src="/img/index/img_main.jpg" alt="" width="950" height="380"><img src="/img/index/img_main_02.jpg" alt="" width="950" height="380"><img src="/img/index/img_main_03.jpg" alt="" width="950" height="380">');
		
		var imgs = $('div.img > img',va);
		var index = imgs.length-1;
		slideImg();
		function slideImg(){
			if(index < 0){
				index = imgs.length-1;
				imgs.show();
			}
			if(index == 0){
				$(imgs[index]).delay(9000).fadeOut(1000,slideImg);
				index--;
				$(imgs[imgs.length-1]).delay(9000).fadeIn(1000);
			}
			$(imgs[index]).delay(4000).fadeOut(1000,slideImg);
			index--;
		}
	})();

	/* panel */
	var pnl = va.children('div.panel');
	
	var blocksHtmlDef = '<div class="blocks"><div class="nvy"></div><div class="nvy"></div><div class="nvy"></div><div class="blk"></div><div class="blk"></div><div class="blk"></div><div class="blk"></div><div class="wht"></div></div>';
	var blocksHtml = '<div class="blocks"><div class="nvy"></div><div class="nvy"></div><div class="nvy"></div><div class="nvy"></div><div class="blk"></div><div class="blk"></div><div class="wht"></div><div class="wht"></div></div>';
	
	function showPanel(blockSet,leadWidth){
		$('p',pnl).css('opacity','0.9').hide();
		if($('div.blocks',va)){$('div.blocks',va).remove();}
		pnl.prepend(blockSet);
		var blocks = $('div.blocks div');
		blocks.css('opacity',0);
		shuffle(blocks);
		function b(i){
			if(i >= blocks.length){
				$(':not(.blk)',blocks.parent()).animate({opacity:0},500);
				$('p',pnl).fadeIn(200);
				$('p.lead',pnl).css('width',leadWidth);
				$('p a',pnl).css('opacity',0.9)
				.hover(
					function(){$(this).css('opacity',0.7);},
					function(){$(this).css('opacity',0.9);}
				);
				return;
			}
			var opc;
			if($(blocks[i]).hasClass('blk')){opc = 0.2;}
			else if($(blocks[i]).hasClass('nvy')){opc = 0.5;}
			else{opc = 0.9;}
			$(blocks[i]).animate({opacity:opc},50,function(){b(i+1);});
		};
		b(0);
	}
	showPanel(blocksHtmlDef,'353px');
	
	var en = '';
	var jaTxt = ['業務内容を見る','この分野を取り扱う弁護士','シティユーワの特色'];
	var enTxt = ['Related Publications','Lawyers','About City-Yuwa'];
	
	var dir = (location.pathname).split('/');
	if(dir[1] == 'english'){
		en = '/english';
		jaTxt = enTxt;
	}
	var prTxt = jaTxt[0], atTxt = jaTxt[1], trTxt = jaTxt[2];

	$('li a',va).click(function(){
		var index = $('li a',va).index(this);
		var n = 0;
		if(index==0){
			n = 20;
			pnl.css('top','40px');
		}else if(index==6){
			n = 20;
			pnl.css('top','60px');
		}else if(index>5){
			n = (index-6) * 80;
			pnl.css('top','60px');
		}else{
			n = (index) * 80;
			pnl.css('top','40px');
		}
		pnl.css('left',n+'px');
		$('p.lead img', pnl).attr('src',en+'/img/index/txt_v_'+$(this).parent('li').attr('class')+'.png');
		$('p.linkL', pnl).html('<a href="'+$(this).attr('href')+'"><img src="'+en+'/img/index/txt_link_practice.png" alt="'+prTxt+'"></a>');
		var href = $(this).attr('href');
		href = href.replace('\/practice\/pr','\/attorneys\/at');
		$('p.linkR', pnl).html('<a href="'+href+'"><img src="'+en+'/img/index/txt_link_attorneys.png" alt="'+atTxt+'"></a>');
		showPanel(blocksHtml,'478px');
		return false;
	});
	
	$('div.img',va).click(function(){
		$('p.lead img', pnl).attr('src',en+'/img/index/txt_v_catch.png');
		$('p.linkL', pnl).html('');
		$('p.linkR', pnl).html('<a href="'+en+'/trait/index.html"><img src="'+en+'/img/index/txt_link_trait.png" alt="'+trTxt+'"></a>');
		pnl.css({top:'60px',left:'20px'});
		showPanel(blocksHtmlDef,'353px');
	});

});

function shuffle(list) {
	var i = list.length;
	while (--i) {
		var j = Math.floor(Math.random() * (i + 1));
		if (i == j) continue;
		var k = list[i];
		list[i] = list[j];
		list[j] = k;
	}
	return list;
}