// JavaScript Document

window.addEvent('domready', function(){




	//language
	if( $('english') ){
		var windowLocation = window.location;
		$('english').set('href', windowLocation);
		var url = $('english').get('href').replace('/jp/', '/en/');
		$('english').set('href', url);
	}
	
	if( $('japanese') ){
		var windowLocation = window.location;
		$('japanese').set('href', windowLocation);
		var url = $('japanese').get('href').replace('/en/', '/jp/');
		$('japanese').set('href', url);
	}
	
	
	
	
	
	
	//totop
	$('totop').addEvent('click', function(e){
		e.stop();
		var FxScroll = new Fx.Scroll(window).toTop();
	});
	
	
	




	//images
	if( $('swapImage') ){
		
		//make html
		var thumbnails = '<p class="thumbnails">';
		$$('#swapImage dt').each(function(e){
			thumbnails += e.innerHTML;
		});
		thumbnails += '</p>';
		
		var href = $$('#swapImage a')[0].getProperty('href');
		var dd = $$('#swapImage dd')[0].innerHTML;
		var largeImage = '<div id="largeImage">';
			largeImage += '<p class="bg"><img src="'+href+'" alt="image" /></p>';
			largeImage += '<p class="caption" id="caption">'+dd+'</p>';
			largeImage += '</div>';
		
		
		//make caption
		var caption = new Hash({
		});
		var hash1 = $$('#swapImage a');
		var hash2 = $$('#swapImage dd');
		for(i=0; i<hash1.length; i++){
 		   caption.set(hash1[i].getProperty('href').split('/').getLast(), hash2[i].innerHTML);
		}
		
		
		//set html
		$('swapImage').innerHTML = thumbnails+largeImage;
		
		
		//add event click
		$$('#swapImage a').addEvent('click', function(e){
			e.stop();
			var src = this.get('href');
			$$('#largeImage img').set('src', src);
			$('caption').innerHTML = caption.get(src.split('/').getLast());
	
		});
		
		
		//hover
		$$('#swapImage a img').addEvents({
			'mouseover': function(){ this.set('opacity', 0.4) },
			'mouseout': function(){ this.set('opacity', 1) }
		});
		
	}




});