function insertLeftSidebar()
{
  var headTitleHTML = '<span id="header1">Партнер</span>';
  $('#top-menu').prepend(headTitleHTML);

  var topMenuHTML = '';
  topMenuHTML += '<ul>';
  topMenuHTML += '  <li><a href="/">Главная</a></li>';
  topMenuHTML += '  <li><a href="/okompanii.html">О компании</a></li>';
  topMenuHTML += '  <li><a href="/wy.html">Виды услуг</a></li>';
  topMenuHTML += '  <li><a href="/stoimost.html">Стоимость</a></li>';
  topMenuHTML += '  <li><a href="/kontakt.html">Контакты</a></li>';
  topMenuHTML += '</ul>';
  $('#top-menu').append(topMenuHTML);
  
  var leftSidebarHTML = '<a href="/remontkvartia.html"><img src="templates/images/04.gif" alt="ремонт квартир" title="ремонт квартир" /></a><a href="/remontofisov.html"><img src="templates/images/05.gif" alt="ремонт офисов" title="ремонт офисов" /></a><a href="/stroitelstvokottedjey.html"><img src="templates/images/06.gif" alt="строительство коттеджей" title="строительство коттеджей" /></a><a href="/fasadnieraboti.html"><img src="templates/images/07.gif"  alt="фасадные работы" title="фасадные работы" /></a>';
  $('#left-sidebar').html(leftSidebarHTML);
}

function insertFooter()
{
  var footerHTML = '';
  footerHTML += '<span id="address">г.Москва, ул.Кузнецкий мост, д.25/2 офис 478 Тел. 772-56-22</span>';
  footerHTML += '<span id="copyright">Все права защищены, 2008-2009</span>';
  footerHTML += '<span id="contacts"><span id="redtext">Наш email:</span> <a href="mailto:info@pastroim.ru">info@pastroim.ru</a></span>';
  
  $('#footer').html(footerHTML);
}

function resetPortfolio()
{
  $("#work1").css("width", "212px");
  $("#work1").css("border", "0");
  $("#work1").css("top", "15px");
  $("#work2").css("width", "137px");
  $("#work2").css("border", "0");
  $("#work2").css("top", "15px");
  $("#work3").css("width", "136px");
  $("#work3").css("border", "0");
  $("#work3").css("top", "15px");
  $("#work4").css("width", "136px"); 
  $("#work4").css("border", "0");
  $("#work4").css("top", "15px");
}

function insertPortfolio()
{
  var portfolioHTML = '';
  portfolioHTML += '<div id="portfolio">';
  portfolioHTML += '  <p>Часть наших работ:</p>'
  portfolioHTML += '  <div id="work1"></div>';
  portfolioHTML += '  <div id="work2"></div>';
  portfolioHTML += '  <div id="work3"></div>';
  portfolioHTML += '  <div id="work4"></div>';
  portfolioHTML += '  <div id="clear"></div>';
  portfolioHTML += '</div>';
  $('#header-title').append(portfolioHTML);
}

$(document).ready(function() {
  insertPortfolio();
  insertLeftSidebar();
  insertFooter();
  resetPortfolio();
  
  $("#work1").mouseover(function(){
    $("#work1").css("width", "212px");
    $("#work1").css("border", "6px solid #646567");
    $("#work1").css("top", "9px");    
    $("#work2").css("width", "135px");
    $("#work3").css("width", "136px");
    $("#work4").css("width", "126px");
  });  
  
  $("#work1").mouseout(function(){
    resetPortfolio();    
  });
  
  $("#work2").mouseover(function(){
    $("#work2").css("width", "212px");
    $("#work2").css("border", "6px solid #646567");
    $("#work2").css("top", "9px"); 
    $("#work1").css("width", "135px");
    $("#work3").css("width", "136px");
    $("#work4").css("width", "126px");
  });  
  
  $("#work2").mouseout(function(){
    resetPortfolio();
  });
  
  $("#work3").mouseover(function(){
    $("#work3").css("width", "286px");
    $("#work3").css("border", "6px solid #646567");
    $("#work3").css("top", "9px"); 
    $("#work1").css("width", "111px");
    $("#work2").css("width", "110px");
    $("#work4").css("width", "102px");
  });  
  
  $("#work3").mouseout(function(){
    resetPortfolio();
  });
  
  $("#work4").mouseover(function(){
    $("#work4").css("width", "286px");
    $("#work4").css("border", "6px solid #646567");
    $("#work4").css("top", "9px"); 
    $("#work1").css("width", "101px");
    $("#work2").css("width", "111px");
    $("#work3").css("width", "111px");
  });  
  
  $("#work4").mouseout(function(){
    resetPortfolio();
  });
});