document.documentElement.id = "js";

$(function(){


// ПРОКРУТКА ТЕКСТА ПОД ИКОНКАМИ
// Создаём необходимые вложенные блоки
$('#services .d').wrapInner('<div class="e"><div class="f" /></div>');

// Глобальный объект для хранения переменных модуля прокрутки
var textScrollSP = {};

$('#services li').hover(
    function(){
        textScrollSP.scrollContainer = $(this).find('.f');          // элемент, который мы скроллим
        var topPos = 0;                                             // смещение элемента по оси Y
        var path = textScrollSP.scrollContainer.height() - 100;     // сколько элементу нужно пройти пикселей
        var speed = 100;                                            // Скорость прокрутки (чем меньше значение тем выше скорость)

        // Функция отмотки в начало
        textScrollSP.scrollBack = function(){
            textScrollSP.scrollContainer.stop().animate(
                { top : '0' },
                500,
                function(){ topPos = 0; }
            );
        }

        // функция контролирующая прокрутку
        textScrollSP.scrollFunc = function(){
            textScrollSP.scrollContainer.css('top', function(){ return (topPos--) + 'px'; })
            if (topPos == -(path)) {
                clearInterval(textScrollSP.interval);
                setTimeout(textScrollSP.scrollBack, 1000);
                setTimeout(function(){
                    textScrollSP.interval = setInterval(textScrollSP.scrollFunc, speed);
                }, 2500)
            }
        }

        // Если размер scrollContainer больше его родительского элемента, тогда скроллим
        if (path > 0) {
            textScrollSP.interval = setInterval(textScrollSP.scrollFunc, speed);
        }

    },
    function(){
        clearInterval(textScrollSP.interval);
        textScrollSP.scrollBack();
    });



// ПОДПИСИ К ПОЛЯМ В ФОРМЕ АВТОРИЗАЦИИ
$('#login label').click(function(){
    $(this).hide();
});

// Эта функция специально для IE8 у которого почему-то label не перекрывает полностью input
$('#login .inp input').click(function(){
    $(this).prev().hide();
});

$('#login .inp input').blur(function(){
    if ($(this)[0].value == '') {
        $(this).prev().show();
    }
});

})