/* --------------------------------------------------------------------*/
	/*  this.javascript.made.by tsuyoshi higuchi	 __wpe__
	/*  for com site
	/*  Copyright 2009
	/* --------------------------------------------------------------------*/
	
	
	/* call functions from here    */
	$(document).ready( function(){
		var gcategory = $('.nameblk .gcategory');
		gallery();
		sign_submitbtnn();
		
		//categorysearch( gcategory, gcategory.html() );
	});
	
	function submitf()
	{
		var f = $('#loginform');
		f.submit();
	}
	function sign_submitbtnn()
	{
		var p = $('#f_submit');
		var b = $('#f_submit input');
		
		var phtml = '<a href="javascript:submitf()">'+b.attr('value')+'</a>';
		b.remove();
		p.html(phtml);
		
		var er = $('#er');
		er.hide();
		sts = setInterval
		(
			function()
			{
				clearInterval(sts);
				if( er.html() ) er.fadeIn();
			},1000
		);
		
	}
	
	
	function outlineline()
	{
		if( $('.comworks').html() )
		{
			var oh = $('#frameblk').height();
			$('#subblk').css('height',oh+'px');
			$('#frameblk').load(
				function()
				{
					oh = $('#frameblk').height();
					$('#subblk').css('height',oh+'px');
				}
			);
		}
	}
	
	
	function categorysearch( tg, key )
	{
		file = '/gallery/categorysearch.php?key='+key;
		$.get( file, 
			function(datas)
			{
				tg.html(datas);
			}
		);
	}
	function thmb_anq( anq )
	{
		//from thumbs calling func
		var regexgallery = /\/gallery\//;
		var regexreport = /\/report\//;
		var location_ = location.href;
		if( location_.match(regexgallery) != null ) file = '/gallery/jsonreturn.php'+anq;
		if( location_.match(regexreport) != null ) file = '/report/jsonreturn.php'+anq;
		
		$.getJSON( file, 
			function(datas)
			{
				$('.gnormal img').fadeOut(0);
				$('.gnormal img').attr('src','http://green-display.co.jp'+datas.normal);
				$('.gnormal a').attr('href','http://green-display.co.jp'+datas.large);
				$('.nameblk .gtitle').attr('href', anq);
				$('.nameblk .gtitle').html(datas.title);
				$('.nameblk .gyear').html(datas.year);
				$('.gnormal img').load
				(
					function()
					{
						$(this).fadeIn();
						//categorysearch( gcategory, gcategory.html());
					}
				);
			}
		);
	}
	function gallery()
	{
		if( $('#gallery').html() )
		{
			
			/* thumbs */
			var thmb_anq =  new Array();
			$('a[rel*=glythbs]').each
			(
				function(i)
				{
					indexer = $(this).index(this);
					thmb_anq[indexer] = $(this).attr('href');
					$(this).attr('href',"javascript:thmb_anq('"+thmb_anq[indexer]+"');");
				}
			);
			
			var pager = 0;
			var thmb_ul = $('#thumbsout ul');
			var thmb_li = $('#thumbsout li');
			var thmb_ary = new Array();
			
			for( var i = 0; i < thmb_li.length; i++ )
			{
				thmb_ary[i] = $(thmb_li[i]).html();
			}
			thmb_ul.empty();
			thmb_ul.after('<div class="nextprev clr bth"><span class="prev">PREV</span><span class="next">NEXT</span></div>');
			
			var thmb_np = $('#thumbsout .nextprev');
			var thmb_np_n = $('#thumbsout .nextprev .next');
			var thmb_np_p = $('#thumbsout .nextprev .prev');
			var page = 9;
			
			function pagers( flg )
			{
				var thumbsout = '';
				thmb_ul.empty();
				switch( flg )
				{
					case 'n':
						pager += 1; 
					break;
					case 'p':
						pager -= 1;
					break;	
				}
				
				thmb_np_n.fadeIn();
				thmb_np_p.fadeIn();
				if( pager >= thmb_ary.length/page-1 ) thmb_np_n.fadeOut();
				if( pager <= 0 ) thmb_np_p.fadeOut();
				
				thmb_ul.fadeOut(1);
				for ( var i = pager*page; i < ( pager*page+page ); i++ )
				{
					if( thmb_ary[i] ) thumbsout += '<li id="s'+i+'">'+thmb_ary[i]+'</li>';
				}
				thmb_ul.html( thumbsout );
				thmb_ul.fadeIn();
				
			}
			pagers();
			
			thmb_np_n.click(	function(){	pagers('n');	});
			thmb_np_p.click(	function(){	pagers('p');	});
			thmb_np_p.hover(
				function(){ $(this).css('background-image','url(/img/gallery/btn_prevnext_ov.jpg)') },
				function(){ $(this).css('background-image','url(/img/gallery/btn_prevnext_of.jpg)') }
			);
			thmb_np_n.hover(
				function(){ $(this).css('background-image','url(/img/gallery/btn_prevnext_ov.jpg)') },
				function(){ $(this).css('background-image','url(/img/gallery/btn_prevnext_of.jpg)') }
			);
			thmb_np_p.mouseover( function(){ $(this).css('cursor','pointer') });
			thmb_np_n.mouseover( function(){ $(this).css('cursor','pointer') });
			
			
			
			/* monitor */
			var mntr = $('#monitor');
			var mntr_p = $('#monitor p a');
			var mntr_p_img = $('#monitor p a img');
			$('#outputblk div:first-child').before('<div class="head">&nbsp;</div>');
			$('#outputblk div:last-child').after('<div class="bottom bth">&nbsp;</div>');
			$('#outputblk div div:last-child').remove();
			if (!isMSIE)
			{
				mntr_p.before('<div class="lft">&nbsp;</div>');
				mntr_p.after('<div class="rgt">&nbsp;</div>');
			}
			
			function shadower()
			{
				if (!isMSIE)
				{
					$('.lft').css('height',mntr_p_img.height()+'px');
					$('.rgt').css('height',mntr_p_img.height()+'px');
					mntr_p_img.css('marginTop', ( mntr_p_img.height() * -1 )+'px' );
					$('.rgt').css('marginTop', ( mntr_p_img.height() * -1 )+'px' );
				}
			}
			
			mntr_p_img.load( function(){ shadower(); });
			shadower();
			
			
			
			/* year scroller */
			var li_num = $('#scrollarea ul li');
			var widt =  li_num.length * li_num.width();
			$('#gallery #years #scrollarea ul').css( 'width', widt+'px');
			$('#scrollarea').before('<div id="lscroll">←</div>');
			$('#scrollarea').after('<div id="rscroll">→</div>');
			
			var lsbtn = $('#lscroll');
			var rsbtn = $('#rscroll');
			var sa_p = $('#scrollarea');
			var sa = $('#scrollarea ul');
			var sali = $('#scrollarea ul li');
			var s = sali.length;
			var du = 80;
			var rightmax = ( sa.width() - sa_p.width()/2 ) * -1;
			
			var startmargin = sa_p.width() - widt;
				
			sa.animate(
				{	marginLeft: startmargin+'px'	},
				{	duration: 'slow' }
			);
			
			if( sa_p.width() < widt )
			{
				lsbtn.css( 'display', 'block' );
				rsbtn.css( 'display', 'block' );
				
				lsbtn.click(
					function()
					{
						nowmargin = sa.css('margin-left').split('px');
						targetmargin = Number( nowmargin[0] ) + du;
						if( targetmargin >= 0 ) targetmargin = 0;
						sa.animate(
							{	marginLeft: targetmargin+'px'	},
							{	duration: 'slow' }
						);
					}
				);
				rsbtn.click(
					function()
					{
						nowmargin = sa.css('margin-left').split('px');
						targetmargin = Number( nowmargin[0] ) - du;
						if( targetmargin <= rightmax ) targetmargin = ( sa_p.width() - ( du*2 ) )*-1;
						sa.animate(
							{	marginLeft: targetmargin+'px'	},
							{	duration: 'slow' }
						);
					}
				);
			}else{
				sa_p.animate(
					{	marginLeft: '45px'	},
					{	duration: 'slow' }
				)
			}
				
		}
	}