﻿banner_title = [
        "<a href='Web/Portfolio/Default.aspx?sitename=nettrader_game'><b class='tb1'>Facebook-игра Nettrader —</b><br><b class='tb2'>торговля на фондовом</b><br><b class='tb3'>рынке</b></a>",
        "<a href='Web/Portfolio/Default.aspx?sitename=portfolio_coral'><b class='tb1'>Разработка программного</b><br><b class='tb2'>обеспечения для компании</b><br><b class='tb3'>Coral Travel</b></a>",
        "<a href='Web/Portfolio/Default.aspx?sitename=alpla'><b class='tb1'>Создан сайт, а так же</b><br><b class='tb2'>англоязычная версия для</b><br><b class='tb3'>компании ALPLA</b></a>",
		"<a href='Web/Portfolio/Default.aspx?sitename=portfolio_jura'><b class='tb1'>JURA – крупнейший</b><br><b class='tb2'>поставщик кофемашин для</b><br><b class='tb3'>дома, офиса, ресторанов</b></a>",
        "<a href='Web/Portfolio/Default.aspx?sitename=ageytomesh'><b class='tb1'>Создан сайт для</b><br><b class='tb2'>дизайн-бюро Агей Томеш,</b><br><b class='tb3'>основанного в 2001 году</b></a>",
        "<a href='Web/Portfolio/Default.aspx?sitename=npmos'><b class='tb1'>Разработан сайт для</b><br><b class='tb2'>Межрегионального</b><br><b class='tb3'>Объединения Строителей</b></a>",
        "<a href='Web/Portfolio/Default.aspx?sitename=tvoyrobot'><b class='tb1'>Вышла новая версия сайта</b><br><b class='tb2'>по продаже роботов для</b><br><b class='tb3'>группы компаний Финвал</b></a>",
        "<a href='Web/Portfolio/Default.aspx?sitename=ftbl'><b class='tb1'>Разработка модулей и</b><br><b class='tb2'>приложений&nbspдля&nbsp;социальной</b><br><b class='tb3'>сети ftbl.com</b></a>",
        "<a href='Web/Portfolio/Default.aspx?sitename=%F1arnival'><b class='tb1'>Сайт для официального</b><br><b class='tb2'>приоритетного партнера</b><br><b class='tb3'>мировых круизных линий</b></a>",
        "<a href='Web/Portfolio/Default.aspx?sitename=atlantis'><b class='tb1'>Сайт партнера мировых</b><br><b class='tb2'>круизных линий АТЛАНТИС</b><br><b class='tb3'>ЛАЙН МОРСКИЕ КРУИЗЫ</b></a>"
       
        ];

banner_text = [
        "<b class='tt1'>Facebook-игра Nettrader —</b><br><b class='tt2'>это возможность играть на</b><br><b class='tt3'>фондовой бирже </b><br><b class='tt4'>на виртуальные деньги.</b><br><b class='tt5'>Компании — реальны,</b><br><b class='tt6'>котировки — тоже.</b>",
        "<b class='tt1'>Доработка программного</b><br><b class='tt2'>обеспечения сайта и интеграция</b><br><b class='tt3'>с&nbsp;корпоративной&nbsp;информационной</b><br><b class='tt4'>системой для бронирования</b><br><b class='tt5'>туров для компании Корал</b><br><b class='tt6'>Тревел. ASP.NET.</b>",
        "<b class='tt1'>ALPLA – ведущий мировой</b><br><b class='tt2'>производитель и поставщик</b><br><b class='tt3'>пластиковой упаковки и цельных</b><br><b class='tt4'>упаковочных комплектов. </b><br><b class='tt5'>Была проведена интеграция</b><br><b class='tt6'> сайта с системой заказчика.</b>",
		"<b class='tt1'>Дизайн сайта по требованию</b><br><b class='tt2'>заказчика был взят с основного</b><br><b class='tt3'>сайта компании. Наполнение</b><br><b class='tt4'>сайта информацией</b><br><b class='tt5'>осуществлялось сотрудниками</b><br><b class='tt6'>нашей компании.</b>",
        "<b class='tt1'>Сайт интегрирован с системой</b><br><b class='tt2'>приема платежей с помощью</b><br><b class='tt3'>кредитных карт Chronopay.</b><br><b class='tt4'>Технология разработки:</b><br><b class='tt5'>Microsoft ASP.NET 3.5.</b>",
        "<b class='tt1'>Была перенесена новостная база</b><br><b class='tt2'>со старой версии, состоящая из</b><br><b class='tt3'>нескольких тысяч новостей. На</b><br><b class='tt4'>новой версии сайта посетителю</b><br><b class='tt5'>представляется возможность</b><br><b class='tt6'>осуществить подписку.</b>",
        "<b class='tt1'>На сайте представлен широкий</b><br><b class='tt2'>ассортимент роботов различного</b><br><b class='tt3'>типа и назначения - от мелких до</b><br><b class='tt4'> роботов.</b><br><b class='tt5'>Технология разработки: </b><br><b class='tt6'>Microsoft ASP.NET 3.5.</div>",
        "<b class='tt1'>FTBL - социальная сеть для</b><br><b class='tt2'>футбольных болельщиков.</b><br><b class='tt3'>Новости мирового футбола.</b><br><b class='tt4'>Актуальные новости.</b><br><b class='tt5'>Проект выполнен совместно с</b><br><b class='tt6'>компанией Agey Tomesh.</b>",
        "<b class='tt1'>Система поиска круизов была</b><br><b class='tt2'>интегрирована с сайтом</b><br><b class='tt3'>АТЛАНТИС ЛАЙН, благодаря чему</b><br><b class='tt4'>появилась возможность</b><br><b class='tt5'>администрировать базу</b><br><b class='tt6'>по круизам.</b>",
        "<b class='tt1'>Компания является партнёром</b><br><b class='tt2'>крупнейших мировых лидирующих</b><br><b class='tt3'>круизных холдингов. В рамках</b><br><b class='tt4'>изменений произведены</b><br><b class='tt5'>работы по улучшению дизайна,</b><br><b class='tt6'>техническая модернизация.</b>"
      
        ];

banner_img = [
        "/img/banners_index/nettrader.jpg",
        "/img/banners_index/coral_1600x409.jpg",
        "/img/banners_index/alpla_1600x409.JPG",
		"/img/banners_index/jura_1600x409.jpg",
        "/img/banners_index/ageytomesh_1600x409.png",
        "/img/banners_index/npmos_1600x409.jpg",
        "/img/banners_index/robot_1600x409.jpg",
        "/img/banners_index/ftbl_1600x409.jpg",
        "/img/banners_index/carnival_1600x409.jpg",
        "/img/banners_index/atlantis_1600x409.jpg"
       
        ];

link_name = [
        "Facebook-игра Nettrader",
        "Сайт компании Coral Travel",
        "Сайт компании ALPLA",
		"Сайт компании JURA",
        "Сайт для дизайн-бюро Агей Томеш",
        "Сайт для МОС",
        "Сайт по продаже роботов",
        "Cоциальная сеть FTBL",
        "Сайт партнера АТЛАНТИС ЛАЙН",
        "Сайт АТЛАНТИС ЛАЙН"
                ];

window["currBanIndex"] = 0;
var isAnimTitle = false;
var isAnimText = false;
var isAnimImg = false;
var isAnimUpLink = false;
var isAnimBotLink = false;

//var images = [];

function getArrayIndex(index) {

    var cIndex = index;

    if (index < 0 || index >= banner_img.length) {
        if ((index < 0) && ((banner_img.length + index) >= 0)) {
            cIndex = banner_img.length + index;
        }

        if ((index >= banner_img.length) && (((index - banner_img.length) >= 0) && (index - banner_img.length < banner_img.length))) {
            cIndex = index - banner_img.length;
        }
    }

    return cIndex;
}

function ChangeBanner(flag) {

    if (isAnimTitle || isAnimText || isAnimImg || isAnimUpLink || isAnimBotLink) {
        return;
    }

    isAnimTitle = true;
    isAnimText = true;
    isAnimImg = true;
    isAnimUpLink = true;
    isAnimBotLink = true;

    animDuration = 1000; //продолжительность анимации

    if (flag == "next") {
        window["currBanIndex"]++;
    }
    if (flag == "prev") {
        window["currBanIndex"]--;
    }

    window["currBanIndex"] = getArrayIndex(window["currBanIndex"]);

    //для верхней ссылки
    $(".linkPrevNext a").html(link_name[getArrayIndex(window["currBanIndex"] - 1)]);

    //для нижней ссылки
    $(".linkNNext a").html(link_name[getArrayIndex(window["currBanIndex"] + 1)]);

    //изображение
    //debugger;
    var image = $($("#images img")[window["currBanIndex"]]);
    $(".nextBan").parent().html("").append(image.clone().addClass("nextBan"));

    //заголовок
    $(".nextTitle").html(banner_title[window["currBanIndex"]]);

    //текст
    $(".nextText").html(banner_text[window["currBanIndex"]]);

    //изображение
    $(".currentBan").fadeOut('slow', function () {
        var currBan = $(this);
        currBan.removeClass('currentBan');
        currBan.addClass('nextBan');
        isAnimImg = false;
    });
    $(".nextBan").fadeIn('slow', function () {
        var nextBan = $(this);
        nextBan.removeClass('nextBan');
        nextBan.addClass('currentBan');
        isAnimImg = false;
    });

    //заголовок
    $(".currentTitle").animate({ top: "101px" }, animDuration, function () {
        var currTitle = $(this);
        currTitle.css('top', '-64px');
        currTitle.removeClass('currentTitle');
        currTitle.addClass('nextTitle');
        isAnimTitle = false;
    });
    $(".nextTitle").animate({ top: '20px' }, animDuration, function () {
        var nextTitle = $(this);
        nextTitle.removeClass('nextTitle');
        nextTitle.addClass('currentTitle');
        isAnimTitle = false;
    });

    //текст
    $(".currentText").animate({ right: "-330px" }, animDuration / 2, function () {
        var currText = $(".currentText");
        $(".nextText").animate({ right: "0px" }, animDuration / 2, function () {
            var nextText = $(".nextText");
            nextText.removeClass('nextText');
            nextText.addClass('currentText');
            currText.removeClass('currentText');
            currText.addClass('nextText');
            isAnimText = false;
        });

    });

    //верхняя ссылка
    $(".linkPrevCurrent").animate({ top: "51px" }, animDuration, function () {
        var currUpLink = $(this);
        currUpLink.css('top', '-20px');
        currUpLink.addClass('linkPrevNext');
        currUpLink.removeClass('linkPrevCurrent');
        currUpLink.children('a').html(link_name[getArrayIndex(window["currBanIndex"] + 1)]);
        isAnimUpLink = false;
    });

    $(".linkPrevNext").animate({ top: "17px" }, animDuration, function () {
        var nextUpLink = $(this);
        nextUpLink.removeClass('linkPrevNext');
        nextUpLink.addClass('linkPrevCurrent');
        isAnimUpLink = false;
    });

    //нижняя ссылка

    $(".linkNCurrent").animate({ bottom: "-15px" }, animDuration, function () {
        var currBotLink = $(this);
        currBotLink.css('bottom', '57px');
        currBotLink.addClass('linkNNext');
        currBotLink.removeClass('linkNCurrent');
        currBotLink.children('a').html(link_name[getArrayIndex(window["currBanIndex"] - 1)]);
        isAnimBotLink = false;
    });

    $(".linkNNext").animate({ bottom: "19px" }, animDuration, function () {
        var nextBotLink = $(this);
        nextBotLink.removeClass('linkNNext');
        nextBotLink.addClass('linkNCurrent');
        isAnimBotLink = false;
    });

}

//начальная инициализация
$(document).ready(function () {

    //предварительная загрузка изображений
    prefetchImg();

    //изображение
    $(".currentBan").attr("src", banner_img[0]);
    //$(".nextBan").fadeOut('fast');


    //заголовок
    $(".currentTitle").html(banner_title[0]);
    $(".nextTitle").css('top', '-64px');

    //текст
    $(".currentText").html(banner_text[0]);
    $(".nextText").css('right', '-330px');

    //для верхней ссылки
    $(".linkPrevCurrent a").html(link_name[getArrayIndex(-1)]);
    $(".linkPrevNext a").html(link_name[getArrayIndex(-2)]);
    $(".linkPrevNext").css('top', '-19px');

    //для нижней ссылки
    $(".linkNCurrent a").html(link_name[getArrayIndex(1)]);
    $(".linkNNext a").html(link_name[getArrayIndex(2)]);
    $(".linkNNext").css('bottom', '56px');

});

function prefetchImg() {
    var images = $("#images");
    for (var i = 0; i < banner_img.length; i++) {
        var image = new Image();
        image.src = banner_img[i];
        image.width = 1600;
        image.height = 409;
        image.alt = "";
        $(image).css("display", "none");
        images.append($(image));
    }
}
