$(function() {

    var t, t2, obj, op;
    var cm; 	// для отображения процентов
    razz = $('.vkl').height()
    function appear(x)   // x - конечное значение прозрачности
    {
        op = (obj.style.opacity) ? parseFloat(obj.style.opacity) : parseInt(obj.style.filter) / 100;
        alert('h');
        if (op < x) {
            clearTimeout(t2);
            op += 0.05;
            obj.style.opacity = op;
            obj.style.filter = 'alpha(opacity=' + op * 100 + ')';
            t = setTimeout('appear(' + x + ')', 20);
        }
    }
    function disappear(x) {
        op = (obj.style.opacity) ? parseFloat(obj.style.opacity) : parseInt(obj.style.filter) / 100;

        if (op > x) {
            clearTimeout(t);
            op -= 0.05;
            obj.style.opacity = op;
            obj.style.filter = 'alpha(opacity=' + op * 100 + ')';
            t2 = setTimeout('disappear(' + x + ')', 20);
        }
    }
    var tabContainers = $('div.tabs > div');
    var opContainers = $('div.opisaniy > div');
    wid = document.getElementById('center_content').offsetWidth;
    dd = 0;
    if (wid % 2 != 0) { wid = wid - 1; dd = 1; }
    kkoll = document.getElementById('kkol').style.width;
    len = kkoll.length - 2;
    kkoll = kkoll.substring(0, len);
    wid = wid - 50;
    $('.textop').width(wid - 350);
    wid = wid / kkoll;
    proc = wid;
    wid = wid - 24;


    $('.vk').width(proc);
    $('.sernovkl').width(wid);
    $('.seravkl').width(wid);

    if (dd == 1) {
        $('.vk:last').width(proc + 1);
        $('.vkll a:last .sernovkl').width(wid + 1);
        $('.vkll a:last .seravkl').width(wid + 1);
    }

    $('div.tabs div.vkll a').click(function() {
        tabContainers.hide().filter(':first').show();
        tabContainers.filter(this.hash).show();
        $('div.tabs div.vkll a').removeClass('selected');
        $(this).addClass('selected');

        $('.leftavkl').addClass('leftnovkl');
        $('.rightavkl').addClass('rightnovkl');
        $('.seravkl').addClass('sernovkl');

        $('.leftavkl').removeClass('leftavkl');
        $('.rightavkl').removeClass('rightavkl');
        $('.seravkl').removeClass('seravkl');

        $('a.selected div.vk div.leftnovkl').addClass('leftavkl');
        $('a.selected div.vk div.leftnovkl').removeClass('leftnovkl');
        $('a.selected div.vk div.rightnovkl').addClass('rightavkl');
        $('a.selected div.vk div.rightnovkl').removeClass('rightnovkl');
        $('a.selected div.vk div.sernovkl').addClass('seravkl');
        $('a.selected div.vk div.sernovkl').removeClass('sernovkl');

        $(this.hash + ' div.hhr a').filter(':first').click();

        $('a div.vk div.leftavkl').removeClass('hoverleft');
        $('a div.vk div.leftnovkl').removeClass('hoverleft');
        $('a div.vk div.rightavkl').removeClass('hoverright');
        $('a div.vk div.rightnovkl').removeClass('hoverright');
        $('a div.vk div.sernovkl').removeClass('hoverser');
        $('a div.vk div.seravkl').removeClass('hoverser');

        return false;
       //}).filter(':last').click();
       }).filter(':first').click(); //Менять тут
     
    $('div.hhr a').click(function() {

        leng = this.hash.length;
        kkolll = this.hash.substring(1, leng - 1);
        document.getElementById(kkolll + 'k').src = imag[kkolll];
        //$(this.hash + ' img').src = '/images/i/head_right_bottom.jpg';
        //$(this.hash + ' img').style = 'height:5000px;';
        opContainers.animate({ opacity: 0 }, 1);
        opContainers.hide().filter(this.hash).show();
        $(this.hash).animate({ opacity: 1 }, 700);
        opContainers.removeClass('vbid');
        $('div.hhr a').removeClass('selected');
        $(this).addClass('selected');
        $('div.hhr a img').removeClass('vbid');
        $('a.selected img').addClass('vbid');

        /*if ($(this.hash + ' .textop').height() > 260) {
            $('.vkl').height(razz + $(this.hash + ' .textop').height() - 260);
            $('.tabs').height(razz + $(this.hash + ' .textop').height() - 260);
        }*/

        return false;
    });

    $('div.hhr a').filter(':first').click(); //Менять тут
    //$('#98 div.hhr a').filter(':first').click();
    
    $(window).resize(function() {
        wid = document.getElementById('center_content').offsetWidth;
        dd = 0;
        if (wid % 2 != 0) { wid = wid - 1; dd = 1; }
        kkoll = document.getElementById('kkol').style.width;
        len = kkoll.length - 2;
        kkoll = kkoll.substring(0, len);
        wid = wid - 50;
        $('.textop').width(wid - 350);
        wid = wid / kkoll;
        proc = wid;
        wid = wid - 24;
        $('.vk').width(proc);
        $('.sernovkl').width(wid);
        $('.seravkl').width(wid);

        if (dd == 1) {
            $('.vk:last').width(proc + 1);
            $('.vkll a:last .sernovkl').width(wid + 1);
            $('.vkll a:last .seravkl').width(wid + 1);
        }
    });
    $('div.op a').hover(function() {
	$('div.op a').removeClass('slrmok');
	$(this).addClass('slrmok');
    }, function() {
	$('div.op a').removeClass('slrmok');
    });
   $('div.esheb').hover(function() {
	$(this).removeClass('esheb');
	$(this).addClass('eshebb');
    }, function() {
	$(this).removeClass('eshebb');
	$(this).addClass('esheb');
    });


    $('div.tabs div.vkll a').hover(function() {
        $('a div.vk div.leftnovkl').removeClass('hoverleft');
        $(this.hash + 'sl div.vk div.leftnovkl').addClass('hoverleft');
        $('a div.vk div.leftavkl').removeClass('hoverleft');
        //$(this.hash + 'sl div.vk div.leftavkl').addClass('hoverleft');
        $('a div.vk div.rightnovkl').removeClass('hoverright');
        $(this.hash + 'sl div.vk div.rightnovkl').addClass('hoverright');
        $('a div.vk div.rightavkl').removeClass('hoverright');
        //$(this.hash + 'sl div.vk div.rightavkl').addClass('hoverright');
        $('a div.vk div.sernovkl').removeClass('hoverser');
        $(this.hash + 'sl div.vk div.sernovkl').addClass('hoverser');
        $('a div.vk div.seravkl').removeClass('hoverser');
        //$(this.hash + 'sl div.vk div.seravkl').addClass('hoverser');
    }, function() {
        $('a div.vk div.leftavkl').removeClass('hoverleft');
        $('a div.vk div.leftnovkl').removeClass('hoverleft');
        $('a div.vk div.rightavkl').removeClass('hoverright');
        $('a div.vk div.rightnovkl').removeClass('hoverright');
        $('a div.vk div.sernovkl').removeClass('hoverser');
        $('a div.vk div.seravkl').removeClass('hoverser');
    });
});