$(function(){

    var page = $('#page');
    var pageOffset = page.offset();
    var shadowCss = {
      width : '5px',
      position:'absolute',
      height : page.height(),
      top : 0,
      backgroundColor : '#000'
    };
    $('<div></div>').attr({
      id : 'leftShadow1'
    }).css(shadowCss).css({
      left : pageOffset.left - 5
    }).fadeTo(0, 0.45).appendTo($('body'));

    $('<div></div>').attr({
      id : 'leftShadow2'
    }).css(shadowCss).css({
      left : pageOffset.left - 10 
    }).fadeTo(0, 0.2).appendTo($('body'));

    $('<div></div>').attr({
      id : 'rightShadow1'
    }).css(shadowCss).css({
      left : pageOffset.left + 800 
    }).fadeTo(0, 0.45).appendTo($('body'));

    $('<div></div>').attr({
      id : 'rightShadow2'
    }).css(shadowCss).css({
      left : pageOffset.left + 800 + 5
    }).fadeTo(0, 0.2).appendTo($('body'));
    /*
    $('#menu').css({
       left : pageOffset.left + 700,
       top : 40,
       position : 'absolute',
       display: 'block'
    });
    */

    $('#showCommentForm').click(function(e){
      var formF = $('#commentForm');
      if(formF.css('display') == 'none'){
        $('#showCommentForm').text('フォームを閉じる');
        formF.css('top', e.pageY - 400).css('left', 180).fadeIn('normal').fadeTo('normal', 0.95);
      } else {
        formF.fadeOut('normal');
        $('#showCommentForm').text('フォームを開く！！');
      }
    });
    
    $('#commentForm .closeLabel').click(function(e){
      $('#commentForm').fadeOut('normal');
      $('#showCommentForm').text('フォームを開く！！');
    });

    $.fn.fancyzoom.defaultsOptions.imgDir='./js/jquery.fancyzoom/resources/';
    $('div.screenshot a').fancyzoom({overlay:0.5, showoverlay:true});
    $('img.fixpng').ifixpng();

    $(window).bind("resize", resizeContainer);


})

var resizeContainer = function(){
  setTimeout(function(){
    var pageOffset = $('#page').offset();
    $('#leftShadow1').css({left : pageOffset.left - 5});
    $('#leftShadow2').css({left : pageOffset.left - 10});
    $('#rightShadow1').css({left : pageOffset.left + 800});
    $('#rightShadow2').css({left : pageOffset.left + 805});
  },0);
}