$(document).ready(function(){

// init
	$('#i01 dt:gt(1), #i01 dd:gt(1), #i02 dt:gt(1), #i02 dd:gt(1), #i03 dt:gt(1), #i03 dd:gt(1)').css('display','none');
	$('#i01 dd:gt(0), #i02 dd:gt(0), #i03 dd:gt(0)').addClass('fin');

	var htmlObj0 = '<p class="aC"><a href="#" title="クリックで展開"><img src="./img/top/arw0_alpha.gif" alt="クリックで展開" /></a></p>';
	var htmlObj1 = '<p class="aC"><a href="#" title="クリックで展開"><img src="./img/top/arw1_alpha.gif" alt="クリックで展開" /></a></p>';
	var htmlObj3 = '<a href="#" title="クリックで展開"><img src="./img/top/arw2_alpha.gif" alt="クリックで展開" /></a>';
	var htmlObj4 = '<a href="#" title="クリックで展開"><img src="./img/top/arw3_alpha.gif" alt="クリックで展開" /></a>';

	$('#i01 dl, #i03 dl').after(htmlObj0);
	$('#i02 dl').after(htmlObj1);
	$('.info p.aC').css('padding','2px 0 0');


	var i_css = { height: "154px"};
	var i_css2 = { height: "354px"};
	var i_css3 = { height: "54px"};
	

//ie hack
	var ie_adj = { height: "41px", padding: "0", overflow : "hidden"};

	if ($.browser.msie && $.browser.version < 8){
		$('.info p.aC').css('padding','0');
		$('#i01 dd, #i02 dd, #i03 dd').css(ie_adj);
		var i_css = { height: "155px"};
		var i_css2 = { height: "351px"};
		var i_css3 = { height: "57px"};
	};
	
	if ($.browser.msie && $.browser.version < 7){
		$('.info p.aC').css('padding','0');
		$('#i01 dd, #i02 dd, #i03 dd').css(ie_adj);
		var i_css = { height: "155px"};
		var i_css2 = { height: "351px"};
		var i_css3 = { height: "57"};
	};


	
	$('#i01, #i02, #i03').css(i_css);
	
	
	function startSet (){
		$('#i01, #i02, #i03').css(i_css);
		$('#i01 p.aC, #i03 p.aC').html(htmlObj0);
		$('#i02 p.aC').html(htmlObj1);
		
		$('.aC').css('padding','0');
		$('#i01 dl, #i02 dl, #i03 dl').css('marginBottom','0');
		
		$('#i01 p, #i02 p, #i03 p').removeClass('choice');
		$('#i01 *:hidden, #i02 *:hidden, #i03 *:hidden').show();
		$('#i01 dt:gt(1), #i01 dd:gt(1), #i02 dt:gt(1), #i02 dd:gt(1), #i03 dt:gt(1), #i03 dd:gt(1)').hide();
		$('#i01 dd:gt(0), #i02 dd:gt(0), #i03 dd:gt(0)').addClass('fin');
	}




// mouse event1
	$('p.aC').each(function(index){
		
		$(this).click(function(){
			
			if($(this).hasClass('choice')){
				
				startSet ();
				return false;
				
		
			} else {

				$(this).addClass('choice');
				$(this).parent().css(i_css2);
	
				if(0 == index ){
					
					$(this).html(htmlObj3);
					$('#i02 p.aC').html(htmlObj1);
					$('#i03 p.aC').html(htmlObj0);
					
					$('#i01 *:hidden').show();
					
					$('#i01 dd:not(:last)').removeClass('fin');
					$('#i01 dl').css('marginBottom','10px');
					
					$('#i02, #i03').css(i_css3);
					$('#i02 dl, #i03 dl').hide();
					

				} else if(1 == index ){
					
					$(this).html(htmlObj4);
					$('#i01 p.aC, #i03 p.aC').html(htmlObj0);
	
					$('#i02 *:hidden').show();
					
					$('#i02 dd:not(:last)').removeClass('fin');
					$('#i02 dl').css('marginBottom','10px');


					$('#i01, #i03').css(i_css3);
					$('#i01 dl, #i03 dl').hide();


				} else {
					
					$(this).html(htmlObj3);
					$('#i01 p.aC').html(htmlObj0);
					$('#i02 p.aC').html(htmlObj1);
	
					$('#i03 *:hidden').show();
					
					$('#i03 dd:not(:last)').removeClass('fin');
					$('#i03 dl').css('marginBottom','10px');

					$('#i01, #i02').css(i_css3);
					$('#i01 dl, #i02 dl').hide();
				}
				
				$('.aC').css('padding','2px 0 0');
				return false;
				
			};
		
		});
			

	});
	

});