//для верхнего меню

var timeoutID = null;

var menu = null;

var elm = null;

var isOnMenu = false;

var isOpen = false;



function showLayer(elem, id)

{

    if(menu != null && elm != null && isOpen)

        removeLayer(elm);

        

    //устанавливаем ширину всплывающего слоя равной ширине закладки

    var w = $("#"+id).width()-15;  

    menu = $("#"+id+" div div");

    menu.width(w);

    

    if(!isOpen)

        menu.show(100);

    isOpen = true;

    isOnMenu = true;

    elm = elem;

    

    $(elem).bind("mouseout", function(){

        isOnMenu = false; 

        timeoutID = window.setTimeout("removeLayer()", 500);

    });

    $(elem).bind("mouseover", function(){

        isOnMenu = true;

    });

    

    menu.bind("mouseover", function(){

        isOnMenu = true; isOpen = true;

        $(elem).unbind("mouseout");       

    });

    menu.bind("mouseout", function(){  

        isOnMenu = false; isOpen = false;

        timeoutID = window.setTimeout("removeLayer()", 500);

    });    

}



function removeLayer()

{    

    if(isOnMenu)

        return;

        

    if(menu != null)

        menu.css({"display":"none"});

        

    menu = null; 

    elm = null;        

    isOnMenu = false;

    isOpen = false;    

    window.clearTimeout(timeoutID);

}



//для портфолио

function showInfo(elm, text, src, lnk)

{

    if($(".bigPhoto").html() != null)

        $(".bigPhoto").remove();

        

    //вывод опсиание работы

    var container = $("#portfolioText");    

    container.html(text);

    container.attr("class", "textApp");

    

    var div = $(elm).parent().parent();

    var photo = $("<div class='bigPhoto'></div>").appendTo(div);

    var lp = 131;

    if($(elm).parent().attr("class").indexOf("2") > -1)

        lp = 241;

    if($(elm).parent().attr("class").indexOf("3") > -1)    

        lp = 353;        

        

    photo.css({"left":lp+"px"});

    

    //создаем увеличенное изображение и ссылку на работу

    var img = $("<a href='"+lnk+"'><img src='"+src+"' alt=''/></a>").appendTo(photo);

    $(photo).mouseout(function(){

        $(photo).remove();

        container.html("Портфолио");       

        container.attr("class", "text");

    });

    container.mouseover(function(){

        $(photo).remove();

        container.html("Портфолио");       

        container.attr("class", "text");

    });

}



function insertRightColumn()

{

  var rightColHTML = '';

      

  rightColHTML += '<div class="time">';

  rightColHTML += '  <big>Мы ценим Ваше <strong>ВРЕМЯ!</strong></big>';

  rightColHTML += '  <div>(495) 517-32-21 <span>ICQ 213 7 213 14</span> <span><a href="">optimizatia@mail.ru</a></span></div>'; 

  rightColHTML += '</div>';

  rightColHTML += '<ul class="rightMenu">';

  rightColHTML += '  <li><a href="/">Главная</a></li>';

  rightColHTML += '  <li><a href="/stoimost.html">Стоимость услуг</a></li>';

  rightColHTML += '  <li><a href="/sozda.html">Создание сайтов</a></li>';

  rightColHTML += '  <li><a href="/dizsite.html">Дизайн сайтов</a></li>';

  rightColHTML += '  <li><a href="/raskr.html">Раскрутка сайтов</a></li>';

  rightColHTML += '  <li><a href="/prodsiteg.html">Продвижение сайтов</a></li>';

  rightColHTML += '  <li><a href="/optimizatia.html">Оптимизация сайтов</a></li>';

  rightColHTML += '  <li><a href="/rekl.html">Реклама сайтов</a></li>';

  rightColHTML += '  <li><a href="/podde.html">Поддержка сайтов</a></li>';

  rightColHTML += '  <li><a href="/kontakt.html">Контакты</a></li>';

  rightColHTML += '</ul>';

  rightColHTML += '<div class="clear"></div>';


  //$(rightColHTML).append($('.rightArea'));

  $('.rightArea').prepend(rightColHTML);  

}



function insertSlogan()

{

  var sloganHTML = '<div class="titleDiv"><a href="http://www.optimizatia.ru/"><img src="/templates/img/logo.gif" alt="Оптимизация.ru" /></a> МЫ РЯДОМ! <em>Ваш сайт будет работать</em></div>';

  $('.slogan').html(sloganHTML);

  $('#firstheader').insertBefore('.titleDiv');

}



function insertWorkData()

{

  var workDataHTML = '';

  workDataHTML += '<div class="p1"><span><img src="/templates/img/8.gif" alt="8" /></span><big>Мы</big> лет <strong>работаем</strong></div>';

  workDataHTML += '<div class="p2"><span><img src="/templates/img/280.gif" alt="280" /></span><big>Мы</big> проектов <strong>создали</strong></div>';

  $('.workData').html(workDataHTML);

}



$(document).ready(function() {      

  insertRightColumn();  

  insertSlogan();  

  insertWorkData();

  insertStages();

});