$(document).ready(function(){
	$(".btn-slide").toggle(function(){
		$(this).parent().parent().find(".panel").animate({"width": "+=120px"}, "slow");
		$(this).toggleClass("active"); return false;
	},function(){
		$(this).parent().parent().find(".panel").animate({"width": "-=120px",opacity: "hide"}, "slow");
		$(this).toggleClass("active"); return false;
	});	 
$(".panel div#services").hover(
      function () {
        $(this).append($("<span>Услуги</span>"));
      }, 
      function () {
        $(this).find("span:last").remove();
      }
    );
$(".panel div#folio").hover(
      function () {
        $(this).append($("<span>Работы</span>"));
      }, 
      function () {
        $(this).find("span:last").remove();
      }
    );
$(".panel div#price").hover(
      function () {
        $(this).append($("<span>Цены</span>"));
      }, 
      function () {
        $(this).find("span:last").remove();
      }
    );
$(".panel div#news").hover(
      function () {
        $(this).append($("<span>Новости</span>"));
      }, 
      function () {
        $(this).find("span:last").remove();
      }
    );
$(".panel div#contacts").hover(
      function () {
        $(this).append($("<span>Контакты</span>"));
      }, 
      function () {
        $(this).find("span:last").remove();
      }
    );
$(".panel div#home").hover(
      function () {
        $(this).append($("<span>Главная</span>"));
      }, 
      function () {
        $(this).find("span:last").remove();
      }
    );
	$(".panel div#contacts").click(function () { window.location = 'contacts.html';});
	$(".panel div#home").click(function () { window.location = 'index.html';});
	$(".panel div#news").click(function () { window.location = 'blog';});
	$(".panel div#price").click(function () { window.location = 'price.doc';});
	$(".panel div#folio").click(function () { window.location = 'folio.html';});
	$(".panel div#services").click(function () { window.location = 'services.html';});
});