/*
     FILE ARCHIVED ON 1:35:12 Oct 10, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:50:08 Dec 13, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/**  -*- coding: utf-8 -*-
 *	dvery-st.ru
 *  @author: ast <wx-ast@ya.ru>
 *  2011
 */

var position = 0;
var curPos = 0;

$(document).ready(function() {
    $(".door img.reflect").reflect({height: 57});
    $(".ctg-list-in img.reflect").reflect();
    
    $('div.door img.noimg').hide();
    $('div.door img.noimg:first').show();
    
    $('ul.door-tone-in li a').live('click', function() {
        var tone = $(this).attr('class');
        var glass = $('ul.door-glass-in li#' + tone + ':first a').html();
        $('ul.door-glass-in li').hide();
        $('ul.door-glass-in li#' + tone).show();
        $('div.door div.noimg').hide();
        tone = tone.substring(4);
        $('#img_' + tone + glass).parent().show();
        $('span.noprice').hide();
        $('#price_' + tone + glass).show();
        $('a.fancy').hide();
        $('a.fancy.tone_' + tone + glass).show();
        return false;
    });
    
    $('ul.door-glass-in li a').live('click', function() {
        var glass = $(this).html();
        var tone = $(this).parent().attr('id');
        tone = tone.substring(4);
        $('div.door div.noimg').hide();
        $('#img_' + tone + glass).parent().show();
        $('span.noprice').hide();
        $('#price_' + tone + glass).show();
        $('a.fancy').hide();
        $('a.fancy.tone_' + tone + glass).show();
        return false;
    });
    
    $('ul.door-front-in li a').live('click', function() {
        var front = $(this).html();
        $('div.door div.noimg').hide();
        $('#front_' + front).parent().show();
        $('span.noprice').hide();
        $('#price_front_' + front).show();
        $('a.fancy').hide();
        $('a.fancy.front_' + front).show();
        return false;
    });
    
    $('ul.door-back-in li a').live('click', function() {
        var back = $(this).html();
        $('div.door div.noimg').hide();
        $('#back_' + back).parent().show();
        $('a.fancy').hide();
        $('a.fancy.back_' + back).show();
        return false;
    });
    
    $('#door_1 a.fancy').fancybox();
    
    // sliderGallery = list-container
    // items = ctg-list-in
    $('div.list-container').each(function () {
        var ul = $('ul', this);
        var width = $('ul > li', this).length * $('ul li:first', this).outerWidth();
        ul.width(width);
        $(this).css('overflow-x', 'hidden');
        var productWidth = ul.innerWidth() - $(this).outerWidth();
        var container = $(this).parent();
        
        if (productWidth > 0) {
            $('div.slider', container).show();
            $('div.left',container).click(function() {
                $('.handle', container).css('left', 0);
                ul.css('left', 0);
            });
            $('div.right',container).click(function() {
                var handle = $('.handle', container);
                var handleLeft = handle.parent().innerWidth() - handle.width();
                handle.css('left', handleLeft);
                ul.css('left', productWidth * -1);
            });
            $('.handle', container).draggable({
                axis: 'x',
                containment: 'parent',
                drag: function(event, ui) {
                    var left = $(this).position().left / ($(this).parent().innerWidth() - $(this).width());
                    left = productWidth * left * -1;
                    ul.css('left', left);
                },
                stop: function(event, ui) {
                    $(this).removeClass('hover');
                }
            }).mousedown(function() {
                $(this).addClass('hover');
            }).mouseup(function() {
                $(this).addClass('hover');
            });
        }
    });
    
    /**
     *	Слайдер на главной
     */
    var width = $('#slider .item').length * $('#slider .item:first').outerWidth();
    $('#slider .items-container').width(width);
    $('#slider .prev').click(function() {
        move($('#slider .items-container'), true);
        return false;
    });
    $('#slider .next').click(function() {
        move($('#slider .items-container'), false);
        return false;
    });
    findPos();
    $('#slider .item a').click(function() {
        var oldLink = $('#slider .item.active').removeClass('active').find('a');
        $(this).parent().addClass('active');
        findPos();
        if (oldLink) {
            activateDoor($(this), oldLink);
        }
        return false;
    });
    
    $('#content div.b-right ul.fabrics a').click(function() {
        if (!$(this).parent().parent().hasClass('active')) {
            var activeLink = $(this).parent().parent().parent().find('li.active').removeClass('active').find('a').attr('href').split('#')[1];
            if (activeLink) {
                $('#' + activeLink).hide();
                var link = $(this).attr('href').split('#')[1];
                if (link) {
                    $(this).parent().parent().addClass('active');
                    $('#' + link).show();
                }
            }
        }
        return false;
    });
});

function move(el, left)
{
    var width = $('.item', el).width();
    var count = el.width() / width;
    var countInWindow = el.parent().width() / width;
    if (left) {
        if (position > 0) {
            position--;
        }
        if (curPos > 0) {
            curPos--;
        }
    } else {
        if (position < count - countInWindow) {
            position++;
        }
        if (curPos < count - 1) {
            curPos++;
        }
    }
    var left = position * width * -1;
    el.css('left', left);
    var oldLink = $('#slider .item.active').removeClass('active').find('a');
    var link = $('#slider .item:eq(' + (curPos) + ')').addClass('active').find('a');
    activateDoor(link, oldLink);
}

function findPos()
{
    var pos = 0;
    $('#slider .item').each(function() {
        if ($(this).hasClass('active')) {
            curPos = pos;
        } else {
            pos++;
        }
    });
}

function activateDoor(link, oldLink)
{
    var id = link.attr('href').split('#door')[1].split('_');
    var collection = parseInt(id[1]);
    id = parseInt(id[0]);
    
    var oldId = oldLink.attr('href').split('#door')[1].split('_');
    var oldCollection = parseInt(oldId[1]);
    oldId = parseInt(oldId[0]);
    
    $('#a-info' + oldCollection).hide().find('h1.door' + oldId).hide();
    $('#a-price' + oldId).hide();
    $('#a-info' + collection).show().find('h1.door' + id).show();
    $('#a-price' + id).show();
}