var isIE6 = false;
var index = {
    init: function() {
        //  Åñëè IE6, òî íàäî èìèòèðîâàòü ðàáîòó :hover äëÿ div'îâ
        if (isIE6) {
            $('#product').hover(function(){
                $('#product span.icons').css('visibility', 'visible');
            }, function(){
                $('#product span.icons').css('visibility', 'hidden');
            });

            $('mainpage_navigation a').mouseenter(function() {
                if ($(this).attr('id') == 'product') {
                    $('#product span.icons').css('visibility', 'visible');
                }
                bgPosition = $(this).css('background-position').split(' ');
                bgPosition[1] = '-261px';
                $(this).css('background-position', bgPosition.join(" "));
            }).mouseleave(function() {
                if ($(this).attr('id') == 'product') {
                    $('#product span.icons').css('visibility', 'hidden');
                }
                bgPosition = $(this).css('background-position').split(' ');
                bgPosition[1] = '0px';
                $(this).css('background-position', bgPosition.join(" "));
            });
        }

        $('#product').mouseenter(function() {
            var icons = $(this).children('.icons');
            var listIndex = 1; // Èíèöèàëèçàöèÿ ñ÷åò÷èêà ñäâèãà ñïèñêà
            var list = $(this).children('ol');
            var listItems = list.children('li');
            list.show();
            var coins = $('#product div.coins');
            coins.show();
            window.commonPeriod = setInterval(function() {
		// ìîíåòêè
                var currentBgPosition = coins.css('background-position').split(" ");
                currentBgPosition_x = parseInt(currentBgPosition[0]);
                var newBgPosition_x = (currentBgPosition_x == -990) ? 0 : currentBgPosition_x - 33;
                coins.css('background-position', newBgPosition_x + 'px 0px');

		// ïðîäóêòû
		if (newBgPosition_x == 0) {
		        var bgPosition = icons.css('background-position').split(" ");
		        bgPosition_x = parseInt(bgPosition[0], 10) - 140;
		        icons.animate({backgroundPosition:'(' + bgPosition_x + 'px 0px)'}, 300);
		        // Ïîäïèñè
		        listIndex++;
		        list.animate({left:'-=140'}, 300);
		        var currentListElement = $(listItems[listIndex]);
		        list.children('li.active').children('span').fadeOut(300);
		        currentListElement.attr('class', 'active').children('span').fadeIn(300);
		        // Åñëè åñòü ïðåäïðåäûäóùèé ýëåìåíò, òî ïåðåíîñèì åãî â ñàìûé êîíåö
		        var toMove = currentListElement.prev().prev();
		        if (toMove.length > 0) {
		            toMoveCloned = toMove.clone();
		            toMoveCloned.insertAfter($(listItems.last()));
		            listItems = list.children('li');
		        }
		}
	    }, 33);
        }).mouseleave(function() {
            clearInterval(window.commonPeriod);
            $('#product div.coins').hide();
            // ×èñòèì  DOM ïîñëå ðàáîòû "êàðóñåëè"
            $('#product ol li:gt(5)').remove();
            $('#product ol li:eq(1)').addClass('active').children('span').show();
            $(this).children('span').css('background-position', '-70px 0px');
            $('#product ol').css('left', '-70px').hide();
        });
    }
};

$(document).ready(function() {
    if ($.browser.msie && $.browser.version == '6.0') {
        isIE6 = true;
    }
    index.init();
});



// HOW IT WORKS POPUPS BEGINS
jQuery(document).ready(function() {
	if ($("#popup_1").length) {
		$("#popup_1").fancybox({
			'padding'           : 0,
			'width'				: 650,
			'height'			: 520
		});
	}
	if ($("#popup_2").length) {
		$("#popup_2").fancybox({
			'padding'           : 0,
			'width'				: 650,
			'height'			: 520
		});
	}
	if ($("#popup_3").length) {
		$("#popup_3").fancybox({
			'padding'           : 0,
			'width'				: 520,
			'height'			: 650
		});
	}
});
// HOW IT WORKS POPUPS ENDS