// JavaScript Document

var po = new Array();
var so = [
		  { 'image':'./img/slide/06.jpg' , 'thumb':'./img/slide/thumb/06.jpg' , 'text':'70Dタイプ-3' },
		  { 'image':'./img/slide/01.jpg' , 'thumb':'./img/slide/thumb/01.jpg' , 'text':'40Aタイプ-1' },
		  { 'image':'./img/slide/02.jpg' , 'thumb':'./img/slide/thumb/02.jpg' , 'text':'40Aタイプ-2' },
		  { 'image':'./img/slide/03.jpg' , 'thumb':'./img/slide/thumb/03.jpg' , 'text':'40Aタイプ-3' },
		  { 'image':'./img/slide/04.jpg' , 'thumb':'./img/slide/thumb/04.jpg' , 'text':'70Dタイプ-1' },
		  { 'image':'./img/slide/05.jpg' , 'thumb':'./img/slide/thumb/05.jpg' , 'text':'70Dタイプ-2' },
		  { 'image':'./img/slide/07.jpg' , 'thumb':'./img/slide/thumb/07.jpg' , 'text':'70Dタイプ-4' },
		  { 'image':'./img/slide/08.jpg' , 'thumb':'./img/slide/thumb/08.jpg' , 'text':'オリジナルキッチン（IHコンロ付）・レンジフード' },
		  { 'image':'./img/slide/09.jpg' , 'thumb':'./img/slide/thumb/09.jpg' , 'text':'シャワーブース' },
		  { 'image':'./img/slide/10.jpg' , 'thumb':'./img/slide/thumb/10.jpg' , 'text':'洗面化粧台' }
		  ];
var so2 = [
		  { 'image':'./img/slide/17.jpg' , 'thumb':'./img/slide/thumb/17.jpg' , 'text':'70Eタイプ-1' },
		  { 'image':'./img/slide/11.jpg' , 'thumb':'./img/slide/thumb/11.jpg' , 'text':'35Aタイプ-1' },
		  { 'image':'./img/slide/12.jpg' , 'thumb':'./img/slide/thumb/12.jpg' , 'text':'35Aタイプ-2' },
		  { 'image':'./img/slide/13.jpg' , 'thumb':'./img/slide/thumb/13.jpg' , 'text':'40Aタイプ-1' },
		  { 'image':'./img/slide/14.jpg' , 'thumb':'./img/slide/thumb/14.jpg' , 'text':'50Aタイプ-1' },
		  { 'image':'./img/slide/15.jpg' , 'thumb':'./img/slide/thumb/15.jpg' , 'text':'50Aタイプ-2' },
		  { 'image':'./img/slide/16.jpg' , 'thumb':'./img/slide/thumb/16.jpg' , 'text':'50Aタイプ-3' },
		  { 'image':'./img/slide/18.jpg' , 'thumb':'./img/slide/thumb/18.jpg' , 'text':'70Eタイプ-2' },
		  { 'image':'./img/slide/19.jpg' , 'thumb':'./img/slide/thumb/19.jpg' , 'text':'タンク一体型シャワートイレ' },
		  { 'image':'./img/slide/20.jpg' , 'thumb':'./img/slide/thumb/20.jpg' , 'text':'オリジナルシンク' }
		  ];
function slidePreset( o , p ){
	po[p.key] = p;
	po[p.key]["so"] = o;
	for ( i = 0; i < po[p.key]["so"].length; i++ ){
		jQuery("#" + po[p.key]["slidethumbs"]).append('<div class="slidecol"><img src="' + po[p.key]["so"][i].thumb + '" width="90" height="60" class="thumb" id="' + po[p.key]["thumb"] + i + '" /></div>');
		Event.observe($(po[p.key]["thumb"] + i), 'click', thumbclick(i,p.key));
		Event.observe($(po[p.key]["thumb"] + i), 'mouseover', thumbhover);
		Event.observe($(po[p.key]["thumb"] + i), 'mouseout', thumbout);
	}
	mainSet(po[p.key]["defno"],p.key);
}
function mainSet( i , k ){
	po[k].defno = i;
	if($(po[k].mainimage)){
		jQuery('#' + po[k].mainimage).fadeTo( 200 , 0 , mainSetCallbackPipe(k) );
		jQuery('#' + po[k].slidetextinner).fadeTo( 200 , 0 );
	}else{
		mainSetCallback(k);
	}
}
function mainSetCallbackPipe( k ){
	return function( e ){
		mainSetCallback( k )
	}
}
function mainSetCallback( k ){
	jQuery('#' + po[k].mainimage).remove();
	jQuery('#' + po[k].slidetextinner).remove();
	jQuery('#' + po[k].slidetext).append('<div id="' + po[k].slidetextinner + '">' + po[k].so[po[k].defno].text + '</div>');
	jQuery('#' + po[k].slideimage).append('<img src="' + po[k].so[po[k].defno].image + '" width="600" height="400" id="' + po[k].mainimage + '" />');
	jQuery('#' + po[k].slidetextinner).css( "opacity" , "0" );
	jQuery('#' + po[k].mainimage).css( "opacity" , "0" );
	jQuery('#' + po[k].slidetextinner).fadeTo( 500 , 1 );
	jQuery('#' + po[k].mainimage).fadeTo( 500 , 1 );
}
function setThumbs(k){
	for ( i = 0; i < so.length; i++ ){
		Event.stopObserving($(po[k].thumb + i), 'mouseover', thumbhover); 
		Event.stopObserving($(po[k].thumb + i), 'mouseout', thumbout);
		if(i == defno){
			
		}else{
			jQuery('#thumb' + i).fadeTo( 10 , 1 );
			Event.observe($(po[k].thumb + i), 'mouseover', thumbhover); 
			Event.observe($(po[k].thumb + i), 'mouseout', thumbout);
		}
	}
}
function thumbhover(){
	jQuery('#' + this.id).fadeTo( 100 , 0.5 );
}
function thumbout(){
	jQuery('#' + this.id).fadeTo( 100 , 1 );
}
function thumbclick( i , k ){
	return function( e ){
		mainSet(i , k)
		setThumbs(k);
	}
}
function slide1(){
	slidePreset( so , { key:"normal" , defno:0 , slidethumbs:"slidethumbs" , thumb:"thumb" , mainimage:"mainimage" , slideimage:"slideimage" , slidetextinner:"slidetextinner" , slidetext:"slidetext"} );
}
function slide2(){
	slidePreset( so2 , { key:"lux" , defno:0 , slidethumbs:"slidethumbs2" , thumb:"thumb2" , mainimage:"mainimage2" , slideimage:"slideimage2" , slidetextinner:"slidetextinner2" , slidetext:"slidetext2"} );
}
Event.observe(window, 'load', slide1); 
Event.observe(window, 'load', slide2);