var currentToyStatisticsLetterNumber = 18,
    dxToyStatistics = navigator.userAgent.indexOf("MSIE 6") > 0 ? 70 : 30,
    ochagPictures, ochagPicturesLeft = new Array(),
    i, dx, xFull, yFull;

var grey2Satur, grey2SaturDefaultWidth = 361,
    defaultSaturHeight = 141,
    defaultSaturTop = 58,
    grey2sketch1, grey2sketch2, grey2sketch3, grey2DefaultSketch1Left = 467,
    grey2DefaultSketch2Left = 711,
    grey2DefaultSketch3Left = 985;

var grey3White2, grey3White3, grey3defaultWhite2Left = 293,
    grey3defaultWhite3Left = 604;

var pHolidayBig, pHolidayHeart, pHolidayOne, pHolidayStripe, pHolidayThree, pHolidayDefaultBigRight = 40,
    pHolidayDefaultHeartRight = 589,
    pHolidayDefaultOneRight = 810,
    pHolidayDefaultStripeRight = 990,
    pHolidayDefaultThreeRight = 1300;

var pStatisticsLetters, pStatisticsLettersWidth;

var pAutoCars, pAutoDefaultCarsLeft = [0, 563, 1009, 1455, 453],
    pAutoGap, pAutoFirst3carsSize;

var pLazyAntsStyleFolder, pLazyAntsStyleFolderLeftMin = 86,
    pLazyAntsStyleFolderLeftNormal = 123,
    pLazyAntsStyleFolderLeftMax = 272,
    pLazyAntsStyleEnvelope, pLazyAntsStyleEnvelopeLeftMin = 354,
    pLazyAntsStyleEnvelopeLeftNormal = 387,
    pLazyAntsStyleEnvelopeLeftMax = 724,
    pLazyAntsStyleBlank, pLazyAntsStyleBlankLeftMin = 495,
    pLazyAntsStyleBlankLeftNormal = 662,
    pLazyAntsStyleBlankLeftMax = 1088,
    pLazyAntsStyleCards, pLazyAntsStyleCardsLeftNormal = 977,
    pLazyAntsStyleCardsLeftMax = 1383;

var pLazyAntsSiteSleepingOne, pLazyAntsSiteSleepingOneStartWidth = 681,
    pLazyAntsSiteSleepingOneEndWidth = 937,
    pLazyAntsSiteAntsHouse, pLazyAntsSiteAntsHouseStartLeft = 739,
    pLazyAntsSiteAntsHouseEndLeft = 934,
    pLazyAntsSiteCook, pLazyAntsSiteCookStartLeft = 1315,
    pLazyAntsSiteCookEndLeft = 1492,
    pLazyAntsSiteText, pLazyAntsSiteTextStartWidth = 270,
    pLazyAntsSiteTextEndWidth = 526,
    pLazyAntsSiteDxMax = 160;

var letters;

var sizes = [1000, 1260, 1340, 1660, 1920],
    mkt, h1, h1Size = [38, 47, 53, 69],
    h1MarginLeft = [292, 292, 295, 343, 602],
    application, applicationLeft, applicationLeftPaddingRight = [60, 60, 90],
    advantages, advantagesSize = [19, 21],
    advantagesLeft = [550, 630, 665, 835, 1095],
    advantagesTop = [180, 198, 209, 220],
    headerInner, headerInnerMarginLeft = [104, 104, 130],
    coord, coordLeft = [441, 465, 465];

function sizeGrey()
{
    function size2()
	{
        dx = xFull > 1720 ? xFull - 1720 : 0;
        
		if (dx > 99)
			dx = 99;

		grey2Satur.style.width = grey2SaturDefaultWidth + dx + "px";
        grey2Satur.style.height = defaultSaturHeight * (grey2SaturDefaultWidth + dx) / grey2SaturDefaultWidth + "px";
        grey2Satur.style.top = defaultSaturTop - ((defaultSaturHeight * (grey2SaturDefaultWidth + dx) / grey2SaturDefaultWidth) - defaultSaturHeight) / 2 + "px";
        grey2sketch1.style.left = grey2DefaultSketch1Left + dx + "px";
        grey2sketch2.style.left = grey2DefaultSketch2Left + dx + "px";
        grey2sketch3.style.left = grey2DefaultSketch3Left + dx + "px";

		document.getElementById("process-2").getElementsByTagName("div")[1].style.visibility = "visible";
    }

    function size3()
	{
        dx = xFull > 1620 ? xFull - 1620 - (document.getElementById("process-4").offsetWidth + document.getElementById("process-5").offsetWidth - 810) : 0;

	    grey3White2.style.left = grey3defaultWhite2Left + dx / 2 + "px";
        grey3White3.style.left = grey3defaultWhite3Left + dx + "px";
        grey3White2.style.visibility = xFull <= 988 ? "hidden" : "";

		document.getElementById("process-3").getElementsByTagName("div")[1].style.visibility = "visible";
    }

    size2();
    size3();
}
function sizeProjects()
{
    function sizeMkt()
	{
        h1.style.fontSize = solveSizes(h1Size) + 'px';
        h1.style.marginLeft = solveSizes(h1MarginLeft) + 'px';
        advantages.style.fontSize = solveSizes(advantagesSize) + 'px';
        advantages.style.left = solveSizes(advantagesLeft) + 'px';
        advantages.style.top = solveSizes(advantagesTop) + 'px';
        headerInner.style.marginLeft = solveSizes(headerInnerMarginLeft) + 'px';
        coord.style.left = solveSizes(coordLeft) + 'px';
        mkt.getElementsByTagName('div')[1].style.visibility = 'visible';
    }
    function sizeHoliday() {
        dx = xFull > 1470 ? xFull - 1470 : 0;
        pHolidayHeart.style.right = pHolidayDefaultHeartRight + 0.25 * dx + "px";
        pHolidayOne.style.right = pHolidayDefaultOneRight + 0.5 * dx + "px";
        pHolidayStripe.style.right = pHolidayDefaultStripeRight + 0.75 * dx + "px";
        pHolidayThree.style.right = pHolidayDefaultThreeRight + dx + "px";
        document.getElementById("holiday").getElementsByTagName("div")[3].style.visibility = "visible";
    }
    function sizeStatistics() {
        dx = xFull > pStatisticsLettersWidth + 90 ? xFull - (pStatisticsLettersWidth + 90) : 0;
        for (var i = 1; i < 26; i++) pStatisticsLetters[i].style.left = dx * i / 25 + "px";
        document.getElementById("toy-statistics-45sites").style.left = pStatisticsLetters[currentToyStatisticsLetterNumber].offsetLeft - dxToyStatistics + pStatisticsLetters[currentToyStatisticsLetterNumber].offsetWidth / 2 + "px";
        document.getElementById("toy-statistics-45sites").style.top = pStatisticsLetters[currentToyStatisticsLetterNumber].offsetTop - document.getElementById("toy-statistics").getElementsByTagName("div")[2].offsetTop - document.getElementById("toy-statistics-45sites").offsetHeight + "px";
        document.getElementById("toy-statistics").getElementsByTagName("div")[2].style.visibility = "visible";
    }
    function sizeAuto() {
        pAutoFirst3carsSize = pAutoCars[0].offsetWidth + pAutoCars[1].offsetWidth + pAutoCars[2].offsetWidth + 112;
        pAutoGap = xFull > pAutoFirst3carsSize ? (xFull - pAutoFirst3carsSize) / 3 : 0;
        if (pAutoGap > 40) pAutoGap = 40;
        for (var i = 0; i < 4; pAutoCars[i].style.left = pAutoDefaultCarsLeft[i] + pAutoGap * (i+++1) + "px");
        pAutoCars[4].style.left = pAutoDefaultCarsLeft[4] + pAutoGap + "px";
        document.getElementById("avtoprodaga").getElementsByTagName("div")[1].style.visibility = "visible";
    }
    function sizeLazyAntsStyle() {
        pLazyAntsStyleFolder.style.left = (xFull <= 1000 ? pLazyAntsStyleFolderLeftMin : xFull <= 1260 ? (pLazyAntsStyleFolderLeftMin + (pLazyAntsStyleFolderLeftNormal - pLazyAntsStyleFolderLeftMin) * (xFull - 1000) / 260) : pLazyAntsStyleFolderLeftNormal + (pLazyAntsStyleFolderLeftMax - pLazyAntsStyleFolderLeftNormal) * (xFull - 1260) / 660) + "px";
        pLazyAntsStyleEnvelope.style.left = (xFull <= 1000 ? pLazyAntsStyleEnvelopeLeftMin : xFull <= 1260 ? (pLazyAntsStyleEnvelopeLeftMin + (pLazyAntsStyleEnvelopeLeftNormal - pLazyAntsStyleEnvelopeLeftMin) * (xFull - 1000) / 260) : pLazyAntsStyleEnvelopeLeftNormal + (pLazyAntsStyleEnvelopeLeftMax - pLazyAntsStyleEnvelopeLeftNormal) * (xFull - 1260) / 660) + "px";
        pLazyAntsStyleBlank.style.left = (xFull <= 1000 ? pLazyAntsStyleBlankLeftMin : xFull <= 1260 ? (pLazyAntsStyleBlankLeftMin + (pLazyAntsStyleBlankLeftNormal - pLazyAntsStyleBlankLeftMin) * (xFull - 1000) / 260) : pLazyAntsStyleBlankLeftNormal + (pLazyAntsStyleBlankLeftMax - pLazyAntsStyleBlankLeftNormal) * (xFull - 1260) / 660) + "px";
        pLazyAntsStyleCards.style.left = (xFull <= 1260 ? pLazyAntsStyleCardsLeftNormal : pLazyAntsStyleCardsLeftNormal + (pLazyAntsStyleCardsLeftMax - pLazyAntsStyleCardsLeftNormal) * (xFull - 1260) / 660) + "px";
        document.getElementById("lazy-ants-style").getElementsByTagName("div")[1].style.visibility = "visible";
    }
    function sizeLazyAntsSite() {
        dx = xFull > 1760 ? xFull - 1760 : 0;
        pLazyAntsSiteSleepingOne.style.width = pLazyAntsSiteSleepingOneStartWidth + (pLazyAntsSiteSleepingOneEndWidth - pLazyAntsSiteSleepingOneStartWidth) * dx / pLazyAntsSiteDxMax + "px";
        pLazyAntsSiteAntsHouse.style.left = pLazyAntsSiteAntsHouseStartLeft + (pLazyAntsSiteAntsHouseEndLeft - pLazyAntsSiteAntsHouseStartLeft) * dx / pLazyAntsSiteDxMax + "px";
        pLazyAntsSiteCook.style.left = pLazyAntsSiteCookStartLeft + (pLazyAntsSiteCookEndLeft - pLazyAntsSiteCookStartLeft) * dx / pLazyAntsSiteDxMax + "px";
        pLazyAntsSiteText.style.width = pLazyAntsSiteTextStartWidth + (pLazyAntsSiteTextEndWidth - pLazyAntsSiteTextStartWidth) * dx / pLazyAntsSiteDxMax + "px";
        document.getElementById("lazy-ants").getElementsByTagName("div")[1].style.visibility = "visible";
    }
    function sizeOchag() {
        var pOchagContainer = document.getElementById("ochag-items"),
            pOchagItems = pOchagContainer.getElementsByTagName("img"),
            pOchagItemsCount = pOchagItems.length,
            pOchagItemsCorellation = 37,
            pOchagRightBorder = 30,
            pOchagBoardLeftEdge = 170,
            pOchagGap = null,
            pOchagMiscWidth;
        document.getElementById("ochag-board-left").style.width = (xFull > 600 + 560 + pOchagBoardLeftEdge ? xFull - 600 - pOchagBoardLeftEdge : 560) + "px";
        pOchagMiscWidth = xFull < 600 + 560 + pOchagBoardLeftEdge ? xFull - pOchagBoardLeftEdge - 660 : 500;
        if (pOchagMiscWidth < 198) pOchagMiscWidth = 198;
        document.getElementById("ochag-misc-inner").style.width = pOchagMiscWidth + "px";
        for (i = 0; i < pOchagItemsCount; i++) if (ochagPicturesLeft[i] + pOchagItemsCorellation > pOchagContainer.offsetLeft + pOchagContainer.offsetWidth - pOchagRightBorder) {
            pOchagItemsCount = i;
            pOchagGap = ((pOchagContainer.offsetWidth - pOchagRightBorder) - (ochagPicturesLeft[i - 1] - pOchagItems[0].offsetLeft)) / (pOchagItemsCount - 1);
            break;
        } else pOchagItems[i].style.visibility = "visible";
        if (!pOchagGap) pOchagGap = ((pOchagContainer.offsetWidth - pOchagRightBorder) - (ochagPicturesLeft[pOchagItemsCount - 1] - pOchagItems[0].offsetLeft)) / (pOchagItemsCount - 1);
        for (i = 1; i < pOchagItemsCount; i++) pOchagItems[i].style.marginLeft = pOchagGap * i + "px";
        for (i = pOchagItemsCount; i < pOchagItems.length; i++) pOchagItems[i].style.visibility = "hidden";
        document.getElementById("ochag").getElementsByTagName("div")[2].style.visibility = "visible";
        document.getElementById("ochag-misc").style.visibility = "visible";
    }
    sizeMkt();
    sizeHoliday();
    sizeStatistics();
    sizeAuto();
    sizeLazyAntsStyle();
    sizeLazyAntsSite();
    sizeOchag();
}
function sizeAll() {
    xFull = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth)),
    yFull = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));
    if (xFull > 1920) xFull = 1920;
    sizeAnchors();
    sizeGrey();
    sizeProjects();
}
function init() {
    ochagPictures = document.getElementById("ochag-items").getElementsByTagName("img");
    for (i = 0; i < ochagPictures.length; i++) ochagPicturesLeft[i] = ochagPictures[i].offsetLeft + ochagPictures[i].offsetWidth;
    grey2Satur = document.getElementById("sketch-satura");
    grey2sketch1 = document.getElementById("sketch-fountain-1");
    grey2sketch2 = document.getElementById("sketch-fountain-2");
    grey2sketch3 = document.getElementById("sketch-fountain-3");
    grey3White2 = document.getElementById("white-beauty-2");
    grey3White3 = document.getElementById("white-beauty-3");
    pHolidayBig = document.getElementById("holiday-big");
    pHolidayHeart = document.getElementById("holiday-heart");
    pHolidayOne = document.getElementById("holiday-one");
    pHolidayStripe = document.getElementById("holiday-stripe");
    pHolidayThree = document.getElementById("holiday-three");
    pStatisticsLetters = document.getElementById("toy-statistics").getElementsByTagName("div")[2].getElementsByTagName("span")[0].getElementsByTagName("span");
    pStatisticsLettersWidth = document.getElementById("toy-statistics-letters").offsetWidth;
    pAutoCars = document.getElementById("avtoprodaga").getElementsByTagName("div")[1].getElementsByTagName("img");
    pLazyAntsStyleFolder = document.getElementById("lazy-ants-style-folder");
    pLazyAntsStyleEnvelope = document.getElementById("lazy-ants-style-envelope");
    pLazyAntsStyleBlank = document.getElementById("lazy-ants-style-blank");
    pLazyAntsStyleCards = document.getElementById("lazy-ants-style-cards");
    pLazyAntsSiteSleepingOne = document.getElementById("lazy-ants-sleeping-one");
    pLazyAntsSiteAntsHouse = document.getElementById("lazy-ants-house");
    pLazyAntsSiteCook = document.getElementById("lazy-ants-cook");
    pLazyAntsSiteText = document.getElementById("lazy-ants").getElementsByTagName("div")[3];
    letters = document.getElementById("toy-statistics").getElementsByTagName("div")[2].getElementsByTagName("span")[0].getElementsByTagName("span");
	for (i = 0; i < 26; i++)
		letters[i].onmouseover = toyStatisticsPutMouse;
    mkt = document.getElementById('mkt');
    h1 = mkt.getElementsByTagName('h1')[0];
    advantages = document.getElementById('mkt-advantages');
    headerInner = document.getElementById('mkt-header-inner');
    coord = document.getElementById('mkt-coord');
    sizeAll();
}
window.onresize = sizeAll;
window.onload = init;

function toyStatisticsPutMouse()
{
    document.getElementById("toy-statistics-45sites").style.left = this.offsetLeft - dxToyStatistics + this.offsetWidth / 2 + "px";
    document.getElementById("toy-statistics-45sites").style.top = this.offsetTop - document.getElementById("toy-statistics").getElementsByTagName("div")[2].offsetTop - document.getElementById("toy-statistics-45sites").offsetHeight + "px";
    document.getElementById("toy-statistics-sites-number").innerHTML = Math.round(this.offsetHeight * 0.64);
    for (i = 0; i < 26; i++) letters[i].style.color = "#000";
    this.style.color = "#ffa000";
    currentToyStatisticsLetterNumber = this.innerHTML.charCodeAt(0) - 'a'.charCodeAt(0);
}