var m3Selected = document.getElementById("m3_1");

var MoveValue;
var MoveValue_ = 0;
var Interval;
var IsMapResize = 0;
var menusel;

function m3_sel(val)
{

if (m3Selected != null)
{
    m3Selected.className = "m3_0";
} else {
    m3Selected = document.getElementById("m3_1");
    m3Selected.className = "m3_0";
}


m3Selected = document.getElementById(val);
m3Selected.className = "m3_sel";

var m4 = document.getElementById("m4");


switch (val)
{
    case "m3_1":
        m4.innerHTML = '<a class="AP1" href="/project/4/">Энергосберегающие технологии<br />для жилого дома &#8594;</a>';
        MoveValue = 0;
        MoveIPreview();
    break;
    case "m3_2":
        m4.innerHTML = '<a class="AP1" href="/project/1/">Энергосберегающие технологии<br />для торгового центра &#8594;</a>';
        MoveValue = 847;
        MoveIPreview();
    break;
    case "m3_3":
        m4.innerHTML = '<a class="AP1" href="/project/2/">Энергосберегающие технологии<br />для гостиницы &#8594;</a>';
        MoveValue = 1694;
        MoveIPreview();
    break;
    case "m3_4":
        m4.innerHTML = '<a class="AP1" href="/project/3/">Энергосберегающие технологии<br />для котеджа &#8594;</a>';
        MoveValue = 2541;
        MoveIPreview();
    break;
}
    
    return false;
}



function MoveIPreview()
{

var IPreview = document.getElementById("IPreview");
var Left = IPreview.offsetLeft;
var POS = 0;

    MoveValue_ = -MoveValue;
    POS = Left + MoveValue;
    $("#IPreview").animate({"left": "-="+POS+"px"}, "slow");

   
}


function Diagram(val)
{

var DImage = document.getElementById("DImage");
var DText = document.getElementById("DText");

DImage.style.display="none";

    switch(val)
    {
        case 1:
        DText.innerHTML = "<b><i>Земля.</i></b><br/>Рассмотрим общеизвестный факт, состоящий в том, что по мере погружения в глубокую шахту температура её стенок растёт с увеличением глубины со скоростью приблизительно 30ºС на 1000 метров (где-то больше, где-то меньше).<br/>Тепловой насос берет тепло темли и передает его Вам  необходимом количестве и качестве."
        DImage.innerHTML = '<img alt="Тепло земли" style="border: solid 6px #9B9D9E;" src="images/elem/i_earth_0.jpg" />\
<p style="padding-left: 10px; color: #000; margin-top: 10px; font-style: italic;">&#8212; в земле всегда тепло. Круглый год температура в земле держится в среднем +15<sup>o</sup> градусов - на глубине свыше 8-ми метров.<br/>Вот почему установки получающие тепло или холод, от земли в 2 - 2,5 раза эффективнее, воздушых установок, котороые работают при не стабильных температурах от -20 до + 40 градусов цельсия, что делает невозможным поддерживать высокую эффективность на протяжении всего года.</p>';
        break;
        case 2:
        DText.innerHTML = "<b><i>Топливо.</i></b><br/>Несмотря на огромное разнообразие видов топлива, основными источниками энергии остаются нефть, природный газ, и уголь. Положение дел 100 лет назад было освещено Менделеевым. Первые два ископаемых топлива исчерпаемы в ближайшем будущем.<br./>За последние 20 лет мировое энергоротребление возросло на 30 % (и этот рост, по-видимому, продолжится в связи ростом потребности бурно развивающихся стран азиатского региона).";
        DImage.innerHTML = '<img alt="Топливо" style="border: solid 6px #9B9D9E;" src="images/elem/i_fuel_0.jpg" />\
<p style="padding-left: 10px; color: #000; margin-top: 10px; font-style: italic;">&#8212; основной показатель топлива — теплотворная способность (теплота сгорания). Для целей сравнения видов топлива введено понятие условного топлива (теплота сгорания одного килограмма «условного топлива» (у.т.) составляет 29,3 МДж или 7000 ккал.<br/>От теплоты сгорания топлива можно получать: электроэнергию, тепло и холод.<br/>Так например из 1 куб/м газа можно получить - 35 мДж энергии, это - 9 кВт электроэнергии, 6,3 кВт тепловой энергии.</p>';
        break;
        case 3:
        DText.innerHTML = "<b><i>Солнце</i></b> — центральная и единственная звезда Солнечной системы, вокруг которой обращаются другие объекты этой системы: планеты и их спутники, карликовые планеты и их спутники, астероиды, метеороиды, кометы и космическая пыль.<br/>Наиболее мощным источником энергии для человечества является Солнце, которое будет светить еще как минимум 3-4 миллиарда лет. Годовое количество солнечной энергии почти в 15 тысяч раз превышает потребности населения нашей планеты, однако только незначительная ее часть используется на хозяйственные нужды.";
        DImage.innerHTML = '<img alt="Солнце" style="border: solid 6px #9B9D9E;" src="images/elem/i_sun_0.jpg" />\
<p style="padding-left: 10px; color: #000; margin-top: 10px; font-style: italic;">&#8212; солнце дарит нам свою энергию вот уже миллионы лет.  Летом, мы греемся на солнце получая его бескорыстное тепло, а зимой ждем его возвращения. Количество тепловой энергии определяется мощностью солнечного излучения попадающего на поверхность. Получение солнечной энергии не постоянно и зависит от времени года, географического расположения и времени суток. Так например в летнее время получение с 1кв/м коллектора тепловой энергии может достигать до 350 Ватт в 8 часов утра и до 800 Ватт в 12 часов дня Что не совсем много, как например в случае с тепловым насосом...</p>';
        break;
        case 4:
        DText.innerHTML = "<b><i>Вода</i></b> на Земле может существовать в трёх основных состояниях — жидком, газообразном и твёрдом и в свою очередь приобретать самые разные формы, которые зачастую соседствуют друг с другом. Водный пар и облака в небе, морская вода и айсберги, горные ледники и горные же реки, водоносные слои в земле. Вода способна растворять в себе много веществ, приобретая тот или иной вкус. Из-за важности воды, «как источника жизни» её нередко подразделяют на типы.";
        DImage.innerHTML = '<img alt="Вода" style="border: solid 6px #9B9D9E;" src="images/elem/drops.jpg" />\
<p style="padding-left: 10px; color: #000; margin-top: 10px; font-style: italic;">&#8212; вода очень хороший теплопроводник, обладает феноменально-высокой теплоемкостью и используется в качестве основного теплоносителя. Вот почему, воду массово применяют там, где нужна доставка тепла или холода. Нагревать воду затратное дело. Мы знаем, как экономить на отоплении до 7 раз, при этом не понижая качества отопления. Сэкономленные деньги вы сможете перспективно вложить и не думать о больших затратах на отопление.</p>';
        break;
        case 5:
        DText.innerHTML = "<b><i>Воздух</i></b> — естественная смесь газов, главным образом азота и кислорода, составляющая земную атмосферу. В воздухе содержится кислород, необходимый для нормального существования подавляющего числа живых организмов (дыхание, аэробы). Сжиганием топлива на воздухе человечество издавна получает необходимое для жизни и производственной деятельности тепло.";
        DImage.innerHTML = '<img alt="Воздух" style="border: solid 6px #9B9D9E;" src="images/elem/i_air_0.jpg" />\
<p style="padding-left: 10px; color: #000; margin-top: 10px; font-style: italic;">&#8212; для справки: удельная теплоемкость воздуха значительно меньше воды, 1 куб суого воздуха в 1000 раз меньше теплоемкость, чем воды. Температура воздуха колеблется в зависимости от времени года и географичесокой расположенности объекта. По этому отбор тепла от воздуха не всегда эффективен, например зимой. И наоборот в южных регионах будет лучше и дешевле чем отбор тепла от земли.</p>';
        break;
    }
    
    
    $('#DImage').fadeIn('slow', function() {
        // Animation complete
      });

    
    
    return false;
}

function ImageChange(obj, cls)
{
   obj.className=cls;
}


function ObjH(val, opt)
{


    if (menusel != val)
    {

        id = document.getElementById(val);

        switch(opt)
        {
            case 0:
                id.style.display = "none";
            break;
            case 1:
                id.style.display = "block";
            break;
        }

    }
}

/*Изменение положения контейнера: продукция и услуги*/
function DocLoad(Resize, obj)
{
    var docHeight = $(document).height();
    var docWidth = $(document).width();
    
    var objResize = document.getElementById(obj);
    var objWidth = $("#"+obj).width();
    var objHeight = $("#"+obj).height();

    
    
    /*Resize*/
    
    switch(Resize)
    {
        /*Move object Width*/
        case "Width":
        
        var newPos = (docWidth / 2) - (objWidth /2);
        
            objResize.style.left =  newPos + "px";
            
            $("#ProductionMenu").fadeIn("slow");

        break;
    }


	addEvent(window, "resize", function() { DocLoad(Resize, obj); } );
}


/*Utilites*/
function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

/*Utilites*/


function MapMove(vector)
{

    var obj = document.getElementById("solutionsMart");
    var WindowX = getClientWidth();
    var WindowY = getClientHeight();
    
    var offsetX = obj.offsetWidth + obj.offsetLeft;
    var offsetXR = obj.offsetWidth - obj.offsetLeft;
    
    var offsetY = obj.offsetHeight + obj.offsetTop;
    var offsetYR = obj.offsetHeight - obj.offsetTop;
    
    
    //alert(offsetY);
    
    
    

    switch(vector)
    {
        case "top":
            if (offsetY > WindowY)
                $("#solutionsMart").animate({"top": "-=30px"}, "slow");
            break;
        case "bottom":
            if (offsetYR > WindowY)
                $("#solutionsMart").animate({"top": "+=30px"}, "slow");
            break;
        case "left":
            if (offsetX > WindowX)
                $("#solutionsMart").animate({"left": "-=30px"}, "slow");
            break;
        case "right":
            if (offsetXR > WindowX)
                $("#solutionsMart").animate({"left": "+=30px"}, "slow");
            break;
    }
    
    
    return false;
}


function MapResize()
{

if (IsMapResize < 1)
{
    $("#RoadMap").animate( { width: + getClientWidth() + "px" });
    IsMapResize = 1;
 } else {
    $("#RoadMap").animate( { width:"650px" });
    IsMapResize = 0;
 }
    return false;
}


function ProdunctionsOnLoad(id, clsName)
{

    menusel = id;

    var select = document.getElementById(id);

    DocLoad("Width", "ProductionMenu");
    
    select.className = clsName;
    
    for (var lnk = document.links, j = 0; j < lnk.length; j++)
    {
        if (lnk [j].href == document.URL)
        {
            lnk [j].style.color = '#000';
            lnk [j].style.fontWeight = 'bold';
            lnk [j].style.textDecoration = 'none';
         }
    }

    

    window.scrollBy(0,152);


	/*Add event how window resize*/
	addEvent(window, "resize", function() { ProdunctionsOnLoad(id, clsName); } );

}


/*Function window resize*/

var addEvent = function(elem, type, eventHandle) {
    if (elem == null || elem == undefined) return;
    if ( elem.addEventListener ) {
        elem.addEventListener( type, eventHandle, false );
    } else if ( elem.attachEvent ) {
        elem.attachEvent( "on" + type, eventHandle );
    }
};


$(function() {
    // --- Using the default options:
    $("h2.expand").toggler();
    // --- Other options:
    //$("h2.expand").toggler({method: "toggle", speed: 0});
    //$("h2.expand").toggler({method: "toggle"});
    //$("h2.expand").toggler({speed: "fast"});
    //$("h2.expand").toggler({method: "fadeToggle"});
    //$("h2.expand").toggler({method: "slideFadeToggle"});    
    //$("#content").expandAll({trigger: "h2.expand", ref: "div.demo", localLinks: "p.top a"});
});