$(function () {

	var uri = document.URL.replace(/\\/g, '/').split('/').pop().replace('.html', '').replace('.php', '').replace(/\?.*/, '');

	if (!uri || uri == 'index') {
		uri = 'home';
	}

	$('div#header_box ul li.' + uri + ' a').css('background', 'url(./img/hedmenu_' + uri + '_on.gif) no-repeat 0 0');
	
	if (uri == 'home') {
		$('#main_special').css('display', 'none');
		$('#main01').css('display', 'none');
		$('#main02').css('display', 'none');
		$('#main03').css('display', 'none');
		$('#main04').css('display', 'none');
		$('#main05').css('display', 'none');
		$('#main06').css('display', 'none');
		$('#main07').css('display', 'block');
		$('#main08').css('display', 'none');
		
		$('#item07').css('display', 'none');
		$('#item07_on').css('display', 'block');
		$('#special01_on').css('display', 'none');
		$('#item01_on').css('display', 'none');
		$('#item02_on').css('display', 'none');
		$('#item03_on').css('display', 'none');
		$('#item04_on').css('display', 'none');
		$('#item05_on').css('display', 'none');
		$('#item06_on').css('display', 'none');
		$('#item08_on').css('display', 'none');
		$('.sub_all').css('display', 'none');

	//メイン画像とスクロール画像の切り替え

	$('#sr_main01').click(function() {
			$('#main01').css('display', 'block');
			$('#main02').css('display', 'none');
			$('#main03').css('display', 'none');
			$('#main04').css('display', 'none');
			$('#main05').css('display', 'none');
			$('#main06').css('display', 'none');
			$('#main07').css('display', 'none');
			$('#main08').css('display', 'none');						
			$('#main_special').css('display', 'none');
			
			$('#special01').css('display', 'block');
			$('#item01').css('display', 'none');
			$('#item02').css('display', 'block');
			$('#item03').css('display', 'block');
			$('#item04').css('display', 'block');
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'block');
			$('#item07').css('display', 'block');
			$('#item08').css('display', 'block');			
			$('#special01_on').css('display', 'none');
			$('#item01_on').css('display', 'block');
			$('#item02_on').css('display', 'none');
			$('#item03_on').css('display', 'none');
			$('#item04_on').css('display', 'none');
			$('#item05_on').css('display', 'none');
			$('#item06_on').css('display', 'none');	
			$('#item07_on').css('display', 'none');
			$('#item08_on').css('display', 'none');	
	});

	$('#sr_main02').click(function() {
			$('#main01').css('display', 'none');
			$('#main02').css('display', 'block');
			$('#main03').css('display', 'none');
			$('#main04').css('display', 'none');
			$('#main05').css('display', 'none');
			$('#main06').css('display', 'none');
			$('#main07').css('display', 'none');
			$('#main08').css('display', 'none');		
			$('#main_special').css('display', 'none');
			
			$('#special01').css('display', 'block');
			$('#item01').css('display', 'block');
			$('#item02').css('display', 'none');
			$('#item03').css('display', 'block');
			$('#item04').css('display', 'block');
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'block');
			$('#item07').css('display', 'block');
			$('#item08').css('display', 'block');	
			$('#special01_on').css('display', 'none');
			$('#item01_on').css('display', 'none');
			$('#item02_on').css('display', 'block');
			$('#item03_on').css('display', 'none');
			$('#item04_on').css('display', 'none');
			$('#item05_on').css('display', 'none');
			$('#item06_on').css('display', 'none');
			$('#item07_on').css('display', 'none');
			$('#item08_on').css('display', 'none');	
	});

	$('#sr_main03').click(function() {
			$('#main01').css('display', 'none');
			$('#main02').css('display', 'none');
			$('#main03').css('display', 'block');
			$('#main04').css('display', 'none');
			$('#main05').css('display', 'none');
			$('#main06').css('display', 'none');
			$('#main07').css('display', 'none');
			$('#main08').css('display', 'none');
			$('#main_special').css('display', 'none');
			
			$('#special01').css('display', 'block');
			$('#item01').css('display', 'block');
			$('#item02').css('display', 'block');
			$('#item03').css('display', 'none');
			$('#item04').css('display', 'block');
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'block');
			$('#item07').css('display', 'block');
			$('#item08').css('display', 'block');	
			$('#special01_on').css('display', 'none');
			$('#item01_on').css('display', 'none');
			$('#item02_on').css('display', 'none');
			$('#item03_on').css('display', 'block');
			$('#item04_on').css('display', 'none');
			$('#item05_on').css('display', 'none');
			$('#item06_on').css('display', 'none');
			$('#item07_on').css('display', 'none');
			$('#item08_on').css('display', 'none');	
	});

	$('#sr_main04').click(function() {
			$('#main01').css('display', 'none');
			$('#main02').css('display', 'none');
			$('#main03').css('display', 'none');
			$('#main04').css('display', 'block');
			$('#main05').css('display', 'none');
			$('#main06').css('display', 'none');
			$('#main07').css('display', 'none');
			$('#main08').css('display', 'none');
			$('#main_special').css('display', 'none');

			$('#special01').css('display', 'block');
			$('#item01').css('display', 'block');
			$('#item02').css('display', 'block');
			$('#item03').css('display', 'block');
			$('#item04').css('display', 'none');
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'block');
			$('#item07').css('display', 'block');
			$('#item08').css('display', 'block');		
			$('#special01_on').css('display', 'none');
			$('#item01_on').css('display', 'none');
			$('#item02_on').css('display', 'none');
			$('#item03_on').css('display', 'none');
			$('#item04_on').css('display', 'block');
			$('#item05_on').css('display', 'none');
			$('#item06_on').css('display', 'none');
			$('#item07_on').css('display', 'none');
			$('#item08_on').css('display', 'none');	
	});
	
	$('#sr_main05').click(function() {
			$('#main01').css('display', 'none');
			$('#main02').css('display', 'none');
			$('#main03').css('display', 'none');
			$('#main04').css('display', 'none');
			$('#main05').css('display', 'block');
			$('#main06').css('display', 'none');
			$('#main07').css('display', 'none');
			$('#main08').css('display', 'none');
			$('#main_special').css('display', 'none');

			$('#special01').css('display', 'block');
			$('#item01').css('display', 'block');
			$('#item02').css('display', 'block');
			$('#item03').css('display', 'block');
			$('#item04').css('display', 'block');
			$('#item05').css('display', 'none');
			$('#item06').css('display', 'block');
			$('#item07').css('display', 'block');
			$('#item08').css('display', 'block');		
			$('#special01_on').css('display', 'none');
			$('#item01_on').css('display', 'none');
			$('#item02_on').css('display', 'none');
			$('#item03_on').css('display', 'none');
			$('#item04_on').css('display', 'none');
			$('#item05_on').css('display', 'block');
			$('#item06_on').css('display', 'none');
			$('#item07_on').css('display', 'none');
			$('#item08_on').css('display', 'none');	
	});	
	
	$('#sr_main06').click(function() {
			$('#main01').css('display', 'none');
			$('#main02').css('display', 'none');
			$('#main03').css('display', 'none');
			$('#main04').css('display', 'none');
			$('#main05').css('display', 'none');
			$('#main06').css('display', 'block');
			$('#main07').css('display', 'none');
			$('#main08').css('display', 'none');
			$('#main_special').css('display', 'none');

			$('#special01').css('display', 'block');
			$('#item01').css('display', 'block');
			$('#item02').css('display', 'block');
			$('#item03').css('display', 'block');
			$('#item04').css('display', 'block');
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'none');
			$('#item07').css('display', 'block');
			$('#item08').css('display', 'block');	
			$('#special01_on').css('display', 'none');
			$('#item01_on').css('display', 'none');
			$('#item02_on').css('display', 'none');
			$('#item03_on').css('display', 'none');
			$('#item04_on').css('display', 'none');
			$('#item05_on').css('display', 'none');
			$('#item06_on').css('display', 'block');
			$('#item07_on').css('display', 'none');
			$('#item08_on').css('display', 'none');	
	});		

	$('#sr_main07').click(function() {
			$('#main01').css('display', 'none');
			$('#main02').css('display', 'none');
			$('#main03').css('display', 'none');
			$('#main04').css('display', 'none');
			$('#main05').css('display', 'none');
			$('#main06').css('display', 'none');
			$('#main07').css('display', 'block');
			$('#main08').css('display', 'none');
			$('#main_special').css('display', 'none');

			$('#special01').css('display', 'block');
			$('#item01').css('display', 'block');
			$('#item02').css('display', 'block');
			$('#item03').css('display', 'block');
			$('#item04').css('display', 'block');
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'block');
			$('#item07').css('display', 'none');
			$('#item08').css('display', 'block');	
			$('#special01_on').css('display', 'none');
			$('#item01_on').css('display', 'none');
			$('#item02_on').css('display', 'none');
			$('#item03_on').css('display', 'none');
			$('#item04_on').css('display', 'none');
			$('#item05_on').css('display', 'none');
			$('#item06_on').css('display', 'none');
			$('#item07_on').css('display', 'block');
			$('#item08_on').css('display', 'none');	
	});	

	$('#sr_main08').click(function() {
			$('#main01').css('display', 'none');
			$('#main02').css('display', 'none');
			$('#main03').css('display', 'none');
			$('#main04').css('display', 'none');
			$('#main05').css('display', 'none');
			$('#main06').css('display', 'none');
			$('#main07').css('display', 'none');
			$('#main08').css('display', 'block');
			$('#main_special').css('display', 'none');

			$('#special01').css('display', 'block');
			$('#item01').css('display', 'block');
			$('#item02').css('display', 'block');
			$('#item03').css('display', 'block');
			$('#item04').css('display', 'block');
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'block');
			$('#item07').css('display', 'block');
			$('#item08').css('display', 'none');	
			$('#special01_on').css('display', 'none');
			$('#item01_on').css('display', 'none');
			$('#item02_on').css('display', 'none');
			$('#item03_on').css('display', 'none');
			$('#item04_on').css('display', 'none');
			$('#item05_on').css('display', 'none');
			$('#item06_on').css('display', 'none');
			$('#item07_on').css('display', 'none');
			$('#item08_on').css('display', 'block');
	});	

	$('#sr_special').click(function() {
			$('#main01').css('display', 'none');
			$('#main02').css('display', 'none');
			$('#main03').css('display', 'none');
			$('#main04').css('display', 'none');
			$('#main05').css('display', 'none');
			$('#main06').css('display', 'none');
			$('#main07').css('display', 'none');
			$('#main08').css('display', 'none');
			$('#main_special').css('display', 'block');

			$('#special01').css('display', 'none');
			$('#item01').css('display', 'block');
			$('#item02').css('display', 'block');
			$('#item03').css('display', 'block');
			$('#item04').css('display', 'block');
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'block');	
			$('#item05').css('display', 'block');
			$('#item06').css('display', 'block');
			$('#item07').css('display', 'block');
			$('#item08').css('display', 'block');
			$('#special01_on').css('display', 'block');
			$('#item01_on').css('display', 'none');
			$('#item02_on').css('display', 'none');
			$('#item03_on').css('display', 'none');
			$('#item04_on').css('display', 'none');
			$('#item05_on').css('display', 'none');
			$('#item06_on').css('display', 'none');
			$('#item07_on').css('display', 'none');
			$('#item08_on').css('display', 'none');
	});

	//メインスクロール
		
		// ユーザ定義
		var defaultView = 5;

		//	以下変更不要
		var liHeight = parseInt($('.sr_item').css('height').replace('px', '')) + 5;	  //高さ58
		var clickNo = 0;
		var size = $('.sr_item').size();
		var max = size - defaultView;
		$('#item_inner').css('height', String(liHeight * size) + 'px');

		$('#scroll_down').click(function() {
			if (clickNo < max) {
				clickNo++;
				$('.sr_item').animate({
					top: -1 * liHeight * clickNo
				}, 500);
			}
		});

		$('#scroll_up').click(function() {

			if (clickNo > 0) {
				clickNo--;
				$('.sr_item').css('position', 'relative').animate({
					top: -1 * liHeight * clickNo
				}, 500);
			}
		});
	}
});

$(function() {

$('#blogirs_box').css('display', 'none');

	$('#ram_click').click(function() {
			$('#ram_box').css('display', 'block');
			$('#blogirs_box').css('display', 'none');
	})
	$('#blogirs_click').click(function() {
			$('#ram_box').css('display', 'none');
			$('#blogirs_box').css('display', 'block');
	})
});

var cnt = 0;
var delIdx = 0;
var top = -10;        // スライド開始位置(相対値)
var maxCnt = 15;      // 最大表示件数
var speed = 1000;     // スライド速度(ミリ秒)
var interval = 2000;  // スライド実行間隔(ミリ秒)

$(function() {

	setInterval(function() {
		if ($('#sub' + cnt).size() > 0) {
			var addRow = '<ul id="' + cnt + '" style="opacity:0;position:relative;z-index:1;top:' + top + 'px;overflow:hidden;height:0px;">' + $('#sub' + cnt).html() + '</ul>';
			$('#twitter_hidden').html(addRow + $('#twitter_hidden').html());
			//setOpacity(document.getElementById(cnt), 0); 
			$('#' + cnt).animate({top:"0px", opacity:1, height:"115px"}, speed);

			cnt++;
			if (cnt > maxCnt) {
				$('#' + delIdx).remove();
				delIdx++;
			}
		}
	}, interval);
	
	
});


function setOpacity(elem, op){
    // IE6.0, IE7.0  
    elem.style.filter = 'alpha(opacity=' + (op * 100) + ')';  
    // Firefox, Netscape  
    elem.style.MozOpacity = op;  
    // Chrome, Safari, Opera  
    elem.style.opacity = op;  
}