jQuery.noConflict();

jQuery(function(){
  jQuery(window).bind("resize", resizeHandler);
});

// リサイズはんどら
function resizeHandler(){
  var W = jQuery(window).width();
  var H = jQuery(window).height();
  var header_posi = jQuery("#header").position();
  var kbl = jQuery("#kysBannerLink");
  var kysBannerLink_posi = kbl.position();
  
  //console.log("W: "+W + "  H: "+ H);
  //console.log(kysBannerLink_posi);
  
  if(W < 700){
    jQuery(window).unbind("resize", resizeHandler);
    
    // 擬音
    gion1(1000);
    
    kbl.css({"position":"absolute", "top":kysBannerLink_posi.top, "left":kysBannerLink_posi.left});
    kbl.insertBefore(jQuery("#page"));
    
    jQuery("#menu").css({"float":"none", "margin":"0", "border-left":0, "border-top":"1px solid #FFF", "background-color":"#D8D3CA"});
    jQuery("#menu").animate({width:"100%"},600);
    jQuery("#menu").css({"position":"absolute", "top":"150px", "left":"0px"});
    jQuery("#menu").animate({top:"1000px"},600);
    
    kbl.animate({
      top:header_posi.top,
      left : header_posi.left
    }, 1300,"linear",
      function(){
        //console.log("完了");
        jQuery("#header").prepend(kbl);
        kbl.css({"position":"relative", "top":"0px", "left":"0px", "float":"left"});
        jQuery("#header h1").animate({fontSize:"90px","margin-top":"-5px"}, 1000);
        
        
        jQuery("#menu").insertBefore(jQuery("#footer")).addClass("clearfix");
        jQuery("#menu").css({"width":"580px", "position":"relative", "top":"0px", "left":"0px"});
        //jQuery("#menu").css({width:"580px", "float":"none", "background-color":"#D8D3CA", "margin":"0", "border-left":0, "border-top":"1px solid #FFF"});
        jQuery("#menu ul li:first").remove();
        jQuery("#menu ul li").css({"float":"left", "width":"180px", "margin":"0 0.5em", "padding":"0"});
        
        jQuery("#page").animate({width:"600px"},1000);
        jQuery("#header").animate({width:"580px"},1000);
      });
  }
}

// 擬音
function gion1(t){
    jQuery('<div id="jojogogo" style="position:absolute;top:150px;left:200px;z-index:200;"><img src="http://www.kys-lab.com/ueda/01_mt/js/jojogogo.gif" /></div>').insertBefore(jQuery("#page"));
    jQuery("#jojogogo").fadeTo(100, 0.7);
    jQuery("#jojogogo").animate({"top":"190px","left":"90px"},80);
    jQuery("#jojogogo").animate({"top":"20px","left":"150px"},80);
    jQuery("#jojogogo").animate({"top":"170px","left":"50px"},90);
    jQuery("#jojogogo").animate({"top":"100px","left":"-50px"},90);
    jQuery("#jojogogo").animate({"top":"170px","left":"50px"},100);
    jQuery("#jojogogo").animate({"top":"-100px","left":"-150px"},100);
    jQuery("#jojogogo").animate({"top":"170px","left":"50px"},90);
    jQuery("#jojogogo").animate({"top":"100px","left":"-50px"},90);
    jQuery("#jojogogo").animate({"top":"170px","left":"50px"},100);
    jQuery("#jojogogo").animate({"top":"-100px","left":"-150px"},100);
    
    window.setTimeout(function(){jQuery("#jojogogo").hide("900", function(){jQuery("#jojogogo").remove();});}, t);
}