// housetohouse.co.jp Setting JavaScript


// scroll

$(function(){
     $(".toTop a").click(function(){
     $('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
     return false;
     })
});


// slidePanel

$(function(){
	$("#section07inner").css("display","none");
	$(".seeMore").toggle(function(){
		$(".seeMore").text("さらに街の風景を見る");
	},function(){
		$(".seeMore").text("さらに街の風景を見る");
	});
	$(".seeMore").toggle(function(){
		$(".seeMore").removeClass("about");
		$(this).addClass("selected");
	},function(){
		$(this).removeClass("selected");
	});
	$(".seeMore").click(function(){
		$("#section07inner:not(:animated)").slideToggle("slow");
	});
	$(".seeMore").mouseover(function(){
		$(this).addClass("seeMoreOn");
	}).mouseout(function(){
		$(this).removeClass("seeMoreOn");
	});
});


//　tab

window.onload=function() {
tab.setup = {
   tabs: document.getElementById('companyNavi').getElementsByTagName('li'),
	pages: [
		document.getElementById('cNav01'),
		document.getElementById('cNav02'),
		document.getElementById('cNav03'),
		document.getElementById('cNav04')
   ]
}
tab.init();
}

var tab = {
   init: function(){
      var tabs = this.setup.tabs;
      var pages = this.setup.pages;
      
      for(i=0; i<pages.length; i++) {
         if(i !== 0) pages[i].style.display = 'none';
         tabs[i].onclick = function(){ tab.showpage(this); return false; };
      }
   },
   
   showpage: function(obj){
      var tabs = this.setup.tabs;
      var pages = this.setup.pages;
      var num;
      
      for(num=0; num<tabs.length; num++) {
         if(tabs[num] === obj) break;
      }
      
      for(var i=0; i<pages.length; i++) {
         if(i == num) {
            pages[num].style.display = 'block';
            tabs[num].className = 'selected';
         }
         else{
            pages[i].style.display = 'none';
            tabs[i].className = null;
         }
      }
   }
}



// print

$(document).ready(function(){
    $(".printer").click(function(){             // 印刷ボタンが押されたら
        $("body").addClass("print");            // body classに"print"を追加
        window.print();                         // 印刷を実行
        var timeout = setTimeout(function(){
            $("body").removeClass("print");     // body classから"print"を削除
        }, 1000);
        return false;                           // 終了
    });
});