/* --------------------------------------------------------------------*/
	/*  this.javascript.made.by tsuyoshi higuchi	 __wpe__
	/*  Copyright 2010
	/* --------------------------------------------------------------------*/
	
	var step = 0;
	$.browser.android = /android/.test(navigator.userAgent.toLowerCase());
	$.browser.iphone = /iphone/.test(navigator.userAgent.toLowerCase());
	$.browser.ipad = /ipad/.test(navigator.userAgent.toLowerCase());
	$.browser.ipod = /ipod/.test(navigator.userAgent.toLowerCase());
	$.browser.iOS = ( $.browser.ipod || $.browser.ipad || $.browser.iphone )? true : false;
	
	/* call functions from here    */
	$(
		function()
		{
			var IE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false;
			
			bloger()
			followme()
			rotatedemo()
			$('.etrs_ .photo_').loopimglinker()
			
			if(!IE6)
			{
				$('#siteheader').prepend('<div id="read"><span></span></div>')
				$('#read').css({ display: 'block', position: 'relative', top:0, marginTop: 238, marginBottom: -238, marginLeft: 'auto', marginRight: 'auto', height: 140, width: 960 })
				$('#read span').bind('click', function(){
					$('html,body').animate({scrollTop: 440}, 1200, 'easeOutExpo')
				})
				$('#read span').css({ display: 'block', height: 140, width: 138, marginLeft: 800, background:'url(/img/interface/read.png) 0 0 no-repeat' })
				.hover( function(){ $(this).css({ cursor: 'pointer' }) }, function(){ $(this).css({ cursor: 'default' }) } )
			}
			
			post338_sample_A()
			post338_sample_B()
		}
	);
	
	function post338_sample_A()
	{
		if( $('#js_sample_338_A').html() )
		{
			$('#js_sample_338_A').html('<div id="start_A">CLICK HERE! [ アニメーションの途中で黒のボックスをクリックしてください。 ]<br /><span class="small">CLICKすると色が変わります。</span></div><div id="hoge_A"></div>');
			$('#start_A').one( 'click', function()
			{
				$('#hoge_A').click( function(){
					$(this).css({background:'#cc3300'}).animate({width:20, height:20},500)
				}).css({width:200, height:200, background:'#000'}).animate({width:500, height:200},10000)
			}).css({padding:10, marginBottom:10, width:'70%', border:'1px solid #000'})
		}
	}
	
	function post338_sample_B()
	{
		if( $('#js_sample_338_B').html() )
		{
			$('#js_sample_338_B').html('<div id="start_B">CLICK HERE! [ アニメーションの途中で黒のボックスをクリックしてください。 ]<br /><span class="small">CLICKすると色が変わります。</span></div><div id="hoge_B"></div>');
			$('#start_B').one( 'click', function()
			{
				$('#hoge_B').click( function(){
					$(this).css({background:'#cc3300'}).queue([]).animate({width:20, height:20},500, function(){ $(this).stop().queue([]) })
				}).css({width:200, height:200, background:'#000'}).animate({width:500, height:200},10000)
			}).css({padding:10, marginBottom:10, width:'70%', border:'1px solid #000'})
		}
	}
	
	function followme()
	{
		$('body').after('<div id="followme"><a href="http://twitter.com/neuwpe" target="_blank"><img src="/img/interface/followme.gif" alt="follow me!" /></a></div>');
	}
	
	function bloger()
	{
		
		var re_ = $('.re_');
		var hdr_ = $('#contentblk');
		var re_copy = re_.html();
		re_.remove();
		hdr_.append('<div id="recententries_" class="bth re_ clr">'+re_copy+'</div>');
		
		var el_ = $('.el_');
		var eul_ = el_ul_li_ = $('.el_ ul li');
		var et_ = el_ul_li_ = $('.el_ .t');
		var eul_width = eul_.width() + 20;
		var eu_width = eul_width * eul_.length;
		
		 et_.each
		 (
		 	function(i)
		 	{
		 		$(this).html( $(this).html().substring(0,15)+'…' );
		 	}
		 );
		
		if( typeof document.body.style.maxHeight != "undefined" && $.browser.msie  )
		{
			//meie7 over
		}else{
			el_.css('opacity',0);
		}
		el_.scrollLeft(eu_width);
		el_.before('<div class="leftfader fader"></div><div class="rightfader fader"></div>');
		el_.after('<div id="scroller_" class="scroller_ clr"><div class="left_"><p></p></div><div class="right_"><p></p></div></div>');
		
		if( typeof document.body.style.maxHeight != "undefined" && $.browser.msie  )
		{
			//meie7 over
		}else{
			$('.fader').css('opacity',0);
		}
		var scroller_ = $('.scroller_');
		if( typeof document.body.style.maxHeight != "undefined" && $.browser.msie  )
		{
			//meie7 over
		}else{
			scroller_.css('opacity',0);
		}
		
		var s_left = $('#scroller_ .left_');
		var s_right = $('#scroller_ .right_');
		
		var sIntv = setInterval
		(
			function()
			{
				if( typeof document.body.style.maxHeight != "undefined" && $.browser.msie  )
				{
					el_.animate
					(
						{ scrollLeft: 0 },
						{ duration: 1800, easing: "easeOutQuart" }
					)
					scroller_.animate
					(
						{ scrollLeft: 0 },
						{ duration: 2000, easing: "easeOutQuart" }
					)
					scroll_inits_()
				}else{
					$('.fader').animate
					(
						{ opacity: 1 },
						{ duration: 1000, easing: "easeOutQuart",
							complete: function(e)
							{
								if( $(this).attr('class') == 'leftfader fader' )
								{
									
									el_.animate
									(
										{ scrollLeft: 0, opacity: 1 },
										{ duration: 1800, easing: "easeOutQuart" }
									)
									scroller_.animate
									(
										{ scrollLeft: 0, opacity: 1 },
										{ duration: 2000, easing: "easeOutQuart" }
									)
									/* scroller init */
									scroll_inits_()
								}
							}
						}
					)	
				}
				clearInterval(sIntv);
			},1500
		);
	}

	
	
	function scroller( ch )
	{
		var el_ = $('.el_');
		var eul_ = el_ul_li_ = $('.el_ ul li');
		var eul_width = eul_.width() + 15;
		var eu_width = eul_width * eul_.length;
		
		switch(ch)
		{
			case 'left':
				el_.animate
				(
					{ scrollLeft: step-= eul_width },
					{ duration: 1000, easing: "easeOutBounce" }
				)
			break;
			case 'right':
				el_.animate
				(
					{ scrollLeft: step+= eul_width },
					{ duration: 1000, easing: "easeOutBounce" }
				)
			break;
		}
		scroll_inits_()
	}
	
	function scroll_inits_()
	{
		var el_ = $('.el_');
		var eul_ = el_ul_li_ = $('.el_ ul li');
		var eul_width = eul_.width() + 15;
		var eu_width = eul_width * eul_.length;
		var s_left = $('#scroller_ .left_');
		var s_right = $('#scroller_ .right_');
		
		s_left.unbind("click")
		s_right.unbind("click")
		if( step >= ( eu_width - 800 ) )
		{			
			s_right.css('opacity',0.2)
			ovoff(s_right)
		}else{
			s_right.click( function(){ scroller('right') } )
			s_right.css('opacity',1)
			ov(s_right)
		}
		if( step == 0 )
		{
			s_left.css('opacity',0.2);
			ovoff(s_left)
		}else{
			s_left.click( function(){ scroller('left') })
			s_left.css('opacity',1);
			ov(s_left)
		}	
	}
	function rotatedemo()
	{
		if( $('#id249').html() ) $('body').orientaner()
	}

jQuery.fn.extend({
	loopimglinker: function()
	{
		$(this).each( function()
		{
			$(this).children('img').click( function(){ location.href = $(this).parent().children('a').attr('href') })
			ov($(this).children('img'))
		})
	},
	orientaner: function()
	{
		var _this = $(this)
		
		/* デバイス判別 */
		$.browser.android = /android/.test(navigator.userAgent.toLowerCase())
		$.browser.iphone = /iphone/.test(navigator.userAgent.toLowerCase())
		$.browser.ipad = /ipad/.test(navigator.userAgent.toLowerCase())
		$.browser.ipod = /ipod/.test(navigator.userAgent.toLowerCase())
		$.browser.iOS = ( $.browser.ipod || $.browser.ipad || $.browser.iphone )? true : false
		
		/* 傾きイベント */
		var _orientationAddClass = function(device)
		{
			var iR = Math.abs( window.orientation );
			( iR == 90 )? alert(device+'_Longitudinal') : null
		}
		
		/* デバイス別[ android or iPhone&iPad&iPod ] */
		if( $.browser.android ) window.onresize = function(){ _orientationAddClass('android') }
		else if( $.browser.iOS ) window.onorientationchange = function(){ _orientationAddClass('iOS') }
	}
})