/*---------------------------------+

すきなばしょ
design by Isao Watanabe 
up date:2009/10/27
Copyright (c) 2009 Sukina Basho. All Rights Reserved.

+----------------------------------*/
var timer;
function setElementImg(){
	var i = 0;
	var num;
	
	resize();
	
	jQuery('div#innerWrapper img').wrap(jQuery('<li>'));
	jQuery('<div/>').attr('id','imgArea').appendTo('div#photoList');
	jQuery('<ul/>').appendTo('div#imgArea');
	jQuery('div#innerWrapper li').appendTo('div#imgArea ul');
	jQuery('div#innerWrapper img').css('display','block');
	
	
	jQuery('div#imgArea ul li:first').addClass('first').addClass('on');
	jQuery('div#imgArea ul li:last').addClass('last');
	jQuery('<div/>').attr('id','thm').appendTo('div#photoList');
	jQuery('<div/>').addClass('clear').appendTo('div#photoList');
	
	var phtLng = jQuery('div#imgArea ul li').length;
	if(phtLng == 1){
		jQuery('div#imgArea ul li').addClass('on')
		return false;
	}else{
		timer = setInterval('setSlideLogic()',5000);
	}
	
	jQuery('div#imgArea ul li').each(function(){
		i++;
		jQuery(this).attr('id','s' + i);
		jQuery('<div/>').append(jQuery('<span/>').text(i)).addClass('s' + i).appendTo('div#thm');
		jQuery('div.s' + i).bind('click', function(){
			clearInterval(timer);
			timer = setInterval('setSlideLogic()',5000);
			jQuery('div#imgArea ul li').removeClass('on').hide();
			jQuery('div#thm div').removeClass('on');
			var cnt = jQuery(this).attr('class').match(/s\w/);
			jQuery('div#imgArea ul li#' + cnt).addClass('on').fadeIn();
			jQuery('div#thm div.' + cnt).addClass('on');
			
		});
	});
	
	jQuery('div#thm div:first').addClass('first').addClass('on');
	jQuery('div#thm div:last').addClass('last');
}

function setSlideLogic(){
	var t = jQuery('div#imgArea ul li:last').attr('class');
	if(t == 'last on'){
		jQuery('div#imgArea ul li:last').removeClass('on').hide();
		jQuery('div#imgArea ul li:first').addClass('on').fadeIn();
		jQuery('div#thm div:last').removeClass('on');
		jQuery('div#thm div:first').addClass('on');	
	}else{
		jQuery('div#imgArea ul').children('.on').removeClass('on').hide().next().fadeIn().addClass('on');
		jQuery('div#thm').children('.on').removeClass('on').next().addClass('on');
	}	
}

function resize(){
	jQuery('div#innerWrapper img').bind('load', function(){
		var imgWidth = jQuery(this).width();
		var imgHeight = jQuery(this).height();
		var hpw = imgHeight / imgWidth;
		//alert(hpw);
		if(imgWidth > 500){
			jQuery(this).attr('width', '500');
			var rH = imgHeight * hpw;
			jQuery(this).attr('heigt', rH);
			//alert(rH);
		}
		
		if(imgHeight > 375){
			jQuery(this).attr('height', '375');
			var rW = 375 / hpw;
			jQuery(this).attr('width', rW);
			//alert(rW);
		}
		
	});
	
	jQuery('div#innerWrapper img').each(function(){
		var imgWidth = jQuery(this).width();
		var imgHeight = jQuery(this).height();
		var hpw = imgHeight / imgWidth;
		//alert(hpw);
		if(imgWidth > 500){
			jQuery(this).attr('width', '500');
			var rH = imgHeight * hpw;
			jQuery(this).attr('heigt', rH);
			//alert(rH);
		}
		
		if(imgHeight > 375){
			jQuery(this).attr('height', '375');
			var rW = 375 / hpw;
			jQuery(this).attr('width', rW);
			//alert(rW);
		}
		
	});
}

function startSlideShow(){
	setElementImg();
}