// JavaScript Document

var picArray = new Array(4);
var thumbArray = new Array(4);

/*picArray[0] = "image/picture/1.jpg";
picArray[1] = "image/picture/2.jpg";
picArray[2] = "image/picture/3.jpg";
picArray[3] = "image/picture/4.jpg";
picArray[4] = "image/picture/5.jpg";

thumbArray[0] = "image/picture/1_s.jpg";
thumbArray[1] = "image/picture/2_s.jpg";
thumbArray[2] = "image/picture/3_s.jpg";
thumbArray[3] = "image/picture/4_s.jpg";
thumbArray[4] = "image/picture/5_s.jpg";
*/
var cnt = 0;

function clickpos()
{
	//jQuery( "#InnerBox" ).css( "display","block" );
	//jQuery( "#InnerBox" ).css( "margin","60px" );
	//jQuery( "#InnerBox" ).left(60);
	//console.log	( jQuery( "#InnerBox" ).left() );
}

function loadtest()
{
	console.log("test");
}

jQuery(function(){
	//初期設定
	jQuery('a.thumblink').click(function(){
			return false;
	});
	
	//Set rollover
	jQuery('img.btn').each(function(){
		this.originalSrc = jQuery(this).src();
		//console.log( 'b=' + this );
		//this.picSrc = picArray[cnt];
		//console.log('originalSrc=' + this.originalSrc);
		var fType = this.originalSrc.slice(-3);
		if( fType == "jpg" || fType == "gif" || fType == "png" ) {
			this.picSrc = this.originalSrc.slice( 0, -11);
			this.picSrc = jQuery(this).parent().children('a').attr("href");
			//alert( jQuery(this).parent().children('a').attr("href") );
		} else {
			jQuery(this).remove();
		}
		
		if(cnt==0) {
			
			jQuery( '#mainpict' ).src( this.picSrc );
			jQuery( '#coverpict' ).fadeTo( 0.1, 0 );
			jQuery( '#coverpict' ).src( this.picSrc );
			
			jQuery( "#mainpict" ).css( "visibility","hidden" );
			jQuery( "#coverpict" ).css( "visibility","hidden" );
			
			/*jQuery( "#InnerBox" ).css( "vertical-align","middle" );*/
			
			jQuery( '#mainpict' ).fadeTo(0, 1, function(){
											var firstimages = jQuery( '#mainpict' );
											var Fhei = firstimages.height();
											var Fwid = firstimages.width();
											jQuery( "#mainpict" ).css( "visibility","visible" );
											jQuery( "#coverpict" ).css( "visibility","visible" );
											jQuery( "#mainpict" ).css( "margin-top",( (330-Fhei)/2 )+"px" );
											jQuery( "#coverpict" ).css( "margin-top",( (330-Fhei)/2 )+"px" );
											jQuery( "#mainpict" ).css( "margin-left",( (501-Fwid)/2 )+"px" );
											//console.log(Fwid);
										});
			
		}
		
		//jqueryEx.preloader.load(this.picSrc);
		cnt++;
	}).click( function(){ 
			//jQuery( '#coverpict' ).src( this.picSrc );
			var psrc = this.picSrc;
			//jQuery( '#InnerBox' ).css( "width", "200px" );
			//alert( jQuery( '#InnerBox' ).css( "width") );
			clickpos();
			subimages = jQuery( '#coverpict' );
			var subhei = subimages.height();
			var subwid = subimages.width();
			
			var images = jQuery( '#mainpict' );
			jQuery( '#mainpict' ).src( psrc );
			
			jQuery( '#mainpict' ).oneload( function(){ 
				var ihei = images.height();
				var iwid = images.width();
				
				jQuery( "#mainpict" ).css( "margin-top",( (330-ihei)/2 )+"px" );
				jQuery( "#mainpict" ).css( "margin-left",( (501-iwid)/2 )+"px" );
			  
			});
			
		});
	
	jQuery('img.btn').fadeTo( 1, 0.5 );
	
	jQuery('img.btn').hover( function(){ jQuery(this).fadeTo( "normal", 1 ); }, function(){ jQuery(this).fadeTo( "normal", 0.5 ); } );
	
	//jQuery('img.btn').click( function(){ jQuery( '#mainpict' ).fadeTo( "normal",0.5 ); } );
	//jQuery('img.btn').click( function(){ jQuery( '#mainpict' ).fadeTo( "normal",0.5 ); } );
	
	if(cnt == 1) {
		jQuery('ul#thumbs').remove();
	}
	
});