$(document).ready(function() {
	var shiftSpeed = 1500; //スライドスピード
	var SlideWidth = 910; //スライドの大きさ
	var SlideHeight = 500; //スライドの幅
	var columnCount = 3; //縦列の数
	var rowCount = 3; //横列の数

	$("ul#nav li a").click( function() {
		navIndex = $("ul#nav li a").index(this); 
		shiftBoxes( navIndex  );
	});

	function shiftBoxes(boxN) {
		var col = ( (boxN) % rowCount ) * -1; 
		var row = Math.floor( (boxN) / columnCount ) * -1; 
		$("#panel").stop().animate({
			left: SlideWidth * col,
			top: SlideHeight * row },
			shiftSpeed, "easeInOutCubic"  ); 
	}
  });


/* ポップアップウインドウ */
         var profiles={
            window800:{
               height:800,
               width:800,
               status:1
            },
            window200:{
               height:200,
               width:200,
               status:1,
               resizable:0
            },
            windowNew:{
               height:600,
               width:700,
               center:1,
			   createnew:0
            },
            windowNewForm:{
               height:600,
               width:700,
               center:1,
			   scrollbars:1,
               createnew:0
            }
         };
         $(function(){
            $(".popupwindow").popupwindow(profiles);
         });