// JavaScript Document

$(document).ready(function(){
screenshotPreview();
/*******************左側メニューここから*******************/
//ボタンの場所を指定
var rBtn = $('ul#menuBtn>li.right');
var lBtn = $('ul#menuBtn>li.left');
//リストの場所を指定
var nowList = $('ul#menuListNow');
var oldList = $('ul#menuListOld');
var title = $('div>ul>li');
//ボタンをイニシャライズ
rBtn.children('span').addClass('off');
//ボタンの動作
lBtn.click(
	function(){
		rBtn.children('span').addClass('off');
		lBtn.children('span').removeClass('off');
		nowList.children('li').removeClass('hiden');
		oldList.children('li').addClass('hiden');
	}
);
rBtn.click(
	function(){
		rBtn.children('span').removeClass('off');
		lBtn.children('span').addClass('off');
		nowList.children('li').addClass('hiden');
		oldList.children('li').removeClass('hiden');
	}
);
//リストの動作
title.hover(
function(){
	$(this).children('div').removeAttr('id');
	},
	function(){
}
);
/*******************左側メニューここまで*******************/
});

/*******************サムネイルの表示ここから*******************/
this.screenshotPreview = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 30;		
	/* END CONFIG */
	$("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");								 
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};
/*******************サムネイルの表示ここまで*******************/