// JavaScript Document
Cufon.replace('.cufonTextR', { fontFamily: 'DIN 1451 Std', hover: true });
Cufon.replace('.cufonTextB', { fontFamily: 'DIN 30640 Std', hover: true });
Cufon.replace('.cufonTextL', { fontFamily: 'DIN 30640L', hover: true });
Cufon.replace('.cufonTextLC', { fontFamily: 'DIN 30640 LC', hover: true });

Cufon.replace('.lookHover', { fontFamily: 'DIN 30640 Std', hover: true });
Cufon.replace('div.filterContainer .CSTcurrentVal', { fontFamily: 'DIN 30640 Std', hover: true });
Cufon.replace('div.contentColumn h1', { fontFamily: 'DIN 30640 Std', hover: true });
Cufon.replace('div.contentColumn strong', { fontFamily: 'DIN 30640L', hover: true });
Cufon.replace('div.s-container h1', { fontFamily: 'DIN 30640 Std', hover: true });
Cufon.replace('div.s-container strong', { fontFamily: 'DIN 30640L', hover: true });




var isIE;
$(document).ready(function() {
    isIE = $.browser.msie;
    fixLayout();

    $('.home-carousel ul').carousel();
    detailActive();

    // swfload();
    buttonShop();
    toggleButton();
    toggleInputFields();
    customSelect('div.contentWrapper, div.form-container');
    focusInputStart();
    showPopUp();
    actionsProduct();
    ratingStars();
    Quantity();
    switchBottom();
    focusInOut();
    checkout();
    prepareProductsScroll();
    blankLeftMenu();

});

(function($) {
    $.fn.carousel = function(options) {

        var defaults = {
            time: 5,
            speed: 500,
            classI: 'acitve',
            pagingHtml: '<span><!-- --></span>',
            preolader: '.preloader'
        }, opts = $.extend(defaults, options);

        var $carousel = this;
        var $paging = this.next();
        var count = $('li', this).length;
        var activeItem = 1;
        var preloadcount = 0;


        start();

        function start() {
            if (count > 1) {
                for (var i = 0; i < count; i++) {
                    $(opts['pagingHtml']).appendTo($paging);
                }
                $('span:nth-child(' + activeItem + ')', $paging).addClass('active');
                $('li:nth-child(' + activeItem + ')', $carousel).addClass('active').fadeIn(opts['speed']);
                timer();
            } else {
                $('li:nth-child(' + activeItem + ')', $carousel).addClass('active').fadeIn(opts['speed']);
            }
        }

        function timer() {
            rotateTimer = setInterval(function() {
                activeItem++
                rotate(activeItem);
            }, opts['time'] * 1000);
        }

        function rotate(itemc) {
            if ($('li', $carousel).is(':animated')) return
            clearInterval(rotateTimer);
            $('li.active', $carousel).fadeOut(opts['speed']);
            if (activeItem > count) activeItem = 1;
            $('span:nth-child(' + activeItem + ')', $paging).addClass('active').siblings().removeClass('active');
            $('li:nth-child(' + activeItem + ')', $carousel).addClass('active').fadeIn(opts['speed'], timer()).siblings().removeClass('active');
        }

        $('.pagination span').live('click', function() {
        
            if ($('li.active', $carousel).index() == $(this).index()) return false
            activeItem = $(this).index() + 1;
            rotate(activeItem);
        });
    };
})(jQuery);

function blankLeftMenu() {
    if ($('div.columnMenu ul li').length == 0) {
        $('div.columnMenu').remove();
        $('div.columnProductsOver').addClass('noLeft');
    }
}

function detailActive() {
    $('a.active', '.extraImageMainContainer').removeClass('active');
    $('a:nth-child(1)', '.extraImageMainContainer').addClass('active');
 
    $('a', '.extraImageMainContainer').live('mousedown', function() {
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
    });
}

function focusInputStart() {
    if (isIE) {
        setTimeout(function() { $('input.focusfirst').focus(); }, 1000);
    } else {
        $('input.focusfirst').focus();
    }
    $('input.focusfirst').parent('.inputHolder, .textarea-back').addClass('focusI');
}

function fixLayout() {
    $('.hoverhome').parent().hover(
		function() {
		    $('.hoverhome', this).animate({ opacity: 1 }, 300);
		},
		function() {
		    $('.hoverhome', this).animate({ opacity: 0.8 }, 300);
		}
	);

    if ($('div.columnMenu ul li a.active').parent().next('ul').length || $('div.columnMenu ul li a.active').next('ul').length) {
        $('div.columnMenu ul li a.active').before('<span class="activeMenuItem"></span>');
    } else { }
    $('div.order-history-container ul li:nth-child(2n+2)').addClass('odd');
    $('div.content-faq ul.sub-faq-links li:even').addClass('odd');
}

function checkout() {
    $('.cupon').attr("readonly", true);
    $('div.checkout-steps ul li.active').prev('li').addClass('passed');
}

function orderAcc(as) {
    if ($(as).next().hasClass('displayOrder')) {
        $(as).next().removeClass('displayOrder');
    }
    else {
        $(as).next().addClass('displayOrder');
    }
    return false;
}

function faqOpen(faq) {
    if ($(faq).parent().hasClass('active')) {
        $(faq).parent().removeClass('active');
        Cufon.replace('ul.main-faq-links .cufonTextB', { fontFamily: 'DIN 30640 Std' });
        $(faq).next().hide();
    }
    else {
        $(faq).parent().addClass('active');
        Cufon.replace('ul.main-faq-links .cufonTextB', { fontFamily: 'DIN 30640 Std' });
        $(faq).next().show();
    }
    return false;
}

function faqOpenIn(faq){
	if ($(faq).hasClass('active')) { 
		$(faq).removeClass('active');
		$(faq).next().hide();
	}
	else { 
		$(faq).addClass('active');
		$(faq).next().show();
	}
	return false;
}

function focusInOut() {
    $('input, textarea').focusin(function() {
        $(this).parent('.inputHolder, .textarea-back').addClass('focusI');
        $(this).parent('.inputHolder').next('.button').addClass('focusI');
    });
    $('input, textarea').focusout(function() {
        $(this).parent('.inputHolder, .textarea-back').removeClass('focusI');
        $(this).parent('.inputHolder').next('.button').removeClass('focusI');
    });
}
function switchBottom() {
    var $titleContainer = $('div.bootom-detail');
    var $title = $('div.bootom-detail > span');
    var $contentContainer = $('div.bootom-detail div');
    if ($('div.comparable-wear-container').length) {
        $('div.bootom-detail span:eq(0)').addClass('active');
        $('div.comparable-wear-container').show();
        Cufon.refresh('.cufonTextL', { fontFamily: 'DIN 30640L', hover: true });
    }
    else {
        $('div.bootom-detail span:eq(0)').addClass('active');
        $('div.block-reviews').show();
        Cufon.refresh('.cufonTextL', { fontFamily: 'DIN 30640L', hover: true });
    }
    $title.each(function() {
        $(this).click(function() {
            $('div.bootom-detail span').removeClass('active');
            $(this).addClass('active');
            var indexI = $(this).index();
            $('div.bootom-detail div div.item').each(function() {
                $(this).hide();
            });
            $('div.bootom-detail div div.item:eq(' + indexI + ')').show();
            Cufon.refresh('.cufonTextL', { fontFamily: 'DIN 30640L', hover: true });
        });
    });
}

function customSelect(obj) {

    var deviceAgent = navigator.userAgent.toLowerCase();
    var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);
    if (agentID) {
        $('select').each(function() {
            $(this).addClass('idevice');
        });
        return;
    }
    $('select', obj).each(function() {
        var isOpen = false;
        var orig_name = $(this).attr('name');
        var orig_text = $('option:selected', this).text();
        var orig_value = $(this).val();
        var html = '<span class="CSTinputHolder"><input type="text" value="' + orig_value + '" name="' + orig_name + '" /></span>' +
				'<span class="CSTcurrentVal">' + orig_text + '<ins>' + orig_text + '</ins></span>' +
				'<span class="CSTarrow"><!--  --></span>' +
				'<span class="CSTlistHolder"><span class="list">' +
				customSelectList(this) +
				'</span><span class="tl"><!--  --></span><span class="t"><!--  --></span><span class="l"><!--  --></span></span>';
        $(this).wrap('<span class="CSTselectHolder"></span>');
        $(this).after(html);
        Cufon.replace('div.filterContainer .CSTcurrentVal', { fontFamily: 'DIN 30640 Std', hover: true });
        var $orig_select = $(this);
        var $cst_holder = $orig_select.parent();
        var $cst_input = $('span.CSTinputHolder input', $cst_holder);
        var $cst_currentval = $('span.CSTcurrentVal', $cst_holder);
        var $cst_arrow = $('span.CSTarrow', $cst_holder);
        var $cst_list = $('span.CSTlistHolder', $cst_holder);
        var listHeight;

        $('span.list span', $cst_list)
		.mousedown(function() {
		    var this_text = $('em.text', this).text();
		    var this_val = $('em.val', this).text();
		    $cst_currentval.html(this_text + '<ins>' + this_text + '</ins>');
		    $('span.list span', $cst_list).removeClass('selected');
		    $(this).addClass('selected');
		    $cst_holder.addClass('CSTchanged');
		    $orig_select.val(this_val);
		    $orig_select.change();
		    $cst_input.blur();
		    return true
		});

        function customSelectSearch(arg) {
            for (var i = 0; i < opt_text_array.length; i++) {
                if (opt_text_array[i].charAt(0).toLowerCase().indexOf(arg.toLowerCase()) + 1) { //.toLowerCase()
                    return i;
                };
            };
        }

        $cst_input
		.focus(function() {
		    var selectItemsCount = $("span.list span", $cst_holder).length;
		    if (selectItemsCount != opt_text_array.length) {
		        customSelectList($orig_select);
		    }
		    var optIndex;
		    $(this).keypress(function(e) {
		        var classBool = $orig_select.hasClass('ddlbCountry') || $orig_select.hasClass('countrySelect') || $orig_select.closest('.countrySelect').hasClass('countrySelect');
		        if ((selectItemsCount > 8) && (classBool)) {
		            var $conSel = $('.container-select', $cst_list);
		            var selectItemHeight = 39;
		            var elTop = $conSel.position().top
		            var $currEl = $('span.list span.selected', $cst_list).index();
		            character = '';
		            if (!e) var e = window.event;
		            if (e.keyCode) code = e.keyCode;
		            else if (e.which) code = e.which;
		            var character = String.fromCharCode(code);
		            if (code != 13) {
		                optIndex = parseInt(customSelectSearch(character));
		            }
		            if (code == 13) {
		                $('span.list span', $cst_list).filter('.selected').trigger('mousedown');
		            }
		            $('span.list span:eq(' + optIndex + ')', $cst_list).addClass('selected')
		                    .siblings('span')
		                    .removeClass('selected');
		            if (optIndex > selectItemsCount - 7) {
		                $conSel.css({
		                    top: -optIndex * selectItemHeight + 234
		                })
		            } else {
		                $conSel.css({
		                    top: -optIndex * selectItemHeight
		                })
		            }

		            var slideMoveHeight = 258;
		            var itemsHolderHeight = 260;
		            var sliderHeight = new Number();
		            var sliderMaxX = new Number();
		            var itemsHolderMaxX = new Number();
		            var sliderStep = new Number();
		            var elTop = $conSel.position().top
		            sliderHeight = Math.floor(slideMoveHeight * itemsHolderHeight / (selectItemsCount * selectItemHeight));
		            sliderMaxX = slideMoveHeight - sliderHeight;
		            itemsHolderMaxX = selectItemsCount * selectItemHeight - itemsHolderHeight;
		            scrollTop = -((slideMoveHeight - sliderHeight + 9) / itemsHolderMaxX) * elTop
		            $('.scrollSelectSlider', $cst_list).css('top', scrollTop);
		            e.stopPropagation();
		            e.preventDefault();
		            return false;
		        }
		    })



		    $cst_holder.addClass('CSTposRelative');
		    listHeight = $cst_list.height();
		    $('span.l', $cst_list).css('height', listHeight);
		    $cst_list.css('top', 17 - (listHeight - 14) / 2);
		    if (isIE) {
		        $cst_list.show();
		    } else {
		        $cst_list.fadeIn(300);
		    }
		})
		.blur(function() {

		    if ($.browser.webkit || isIE) {
		        if (isOpen) {
		            isOpen = true;
		            $(this).focus();
		            return;
		        }
		    }
		    $cst_list.hide();
		    $cst_holder.removeClass('CSTposRelative');
		    Cufon.replace('div.filterContainer .CSTcurrentVal', { fontFamily: 'DIN 30640 Std', hover: true });
		});
        $cst_arrow.click(function() {
            $cst_input.focus();
        });

        $cst_currentval.click(function() {
            $cst_input.focus();
        });

        $('span.list span', $cst_list).last().addClass('lastItem');

        selectItemsCount = $("span.list span", $cst_holder).length;
        if (selectItemsCount > 8) {
            var selectItemHeight = 39;
            var slideMoveHeight = 258;
            var itemsHolderHeight = 260;
            var sliderHeight = new Number();
            var sliderMaxX = new Number();
            var itemsHolderMaxX = new Number();
            var sliderStep = new Number();

            $cst_list.append('<div class="scrollSelectHolder"><div class="scrollSelectBar"><div class="scrollSelectSlider"><span class="first"></span><span class="second"></span></div></div>');
            $cst_list.addClass('fixOver');
            $('span.list', $cst_list).wrapInner('<div class="container-select"></div>');

            $("span.list div.container-select", $cst_list).height(selectItemsCount * selectItemHeight);
            sliderHeight = Math.floor(slideMoveHeight * itemsHolderHeight / (selectItemsCount * selectItemHeight));
            sliderMaxX = slideMoveHeight - sliderHeight;
            itemsHolderMaxX = selectItemsCount * selectItemHeight - itemsHolderHeight;
            sliderStep = Math.round(sliderMaxX / selectItemsCount);

            var changefloat = parseFloat((slideMoveHeight) / (selectItemsCount * selectItemHeight));

            $sss = $("div.scrollSelectSlider", $cst_list);
            $sss.height(sliderHeight);
            $sss.draggable({ axis: "y", containment: "parent" });
            $sss.bind("drag", function(event, ui) {
                var itemsHolderX = -parseInt($(this).css("top")) * itemsHolderMaxX / sliderMaxX;
                $(this).parent().parent().parent().children('span.list').children().css("top", itemsHolderX);
            }).mousedown(function() { isOpen = true; }).mouseout(function() { isOpen = false; });

            $('.container-select', $cst_list).mousewheel(function(event, delta) {
                var elTop = parseInt($(this).position().top);
                var scrollTop = parseInt($('.scrollSelectSlider', $cst_list).position().top);
                var maxElTop = parseInt($(this).height() - 275);

                if (delta > 0) {
                    elTop += 30;
                    scrollTop = scrollTop - parseFloat(30 * changefloat);
                }
                else {
                    elTop -= 30;
                    scrollTop = scrollTop + parseFloat(30 * changefloat);
                }

                if (elTop > 0) {
                    elTop = 0;
                    scrollTop = 0;
                }
                if (scrollTop < 0) scrollTop = 0
                if (scrollTop > slideMoveHeight - sliderHeight) scrollTop = slideMoveHeight - sliderHeight
                if (elTop < -maxElTop) {
                    elTop = -maxElTop;
                    scrollTop = slideMoveHeight - sliderHeight;
                }

                $('.scrollSelectSlider', $cst_list).css('top', scrollTop);
                $(this).css('top', elTop);
                return false;
            });
        }
    });
}

function customSelectList(selectObj) {
    var html = '';
    var i = 0;
    opt_text_array = [];
    $('option:not(:first-child)', selectObj).each(function() {
        var opt_text = $(this).text();
        var opt_val = $(this).val();
        opt_text_array[i] = opt_text;
        html += '<span' + (($(this).attr('selected')) ? ' class="selected"' : '') + '><em class="text">' + opt_text + '</em><em class="val">' + opt_val + '</em></span>'
        i++;
    });
    return html;
}

function actionsProduct() {
    $("div.imageProductOver").mouseover(function() {
        $("img", this).addClass("hoverOp");
        $("div.shopNowContainer", this).css("display", "block");
        $("div.lookHover", this).css("display", "block");
    });
    $("div.imageProductOver").mouseout(function() {
        $("img", this).removeClass("hoverOp");
        $("div.shopNowContainer", this).css("display", "none");
        $("div.lookHover", this).css("display", "none");
    });
}

function Quantity() {
    $('div.quantityContainer').each(function() {
        $('span.btnAdd', this).live('click', function() {
            var $textInput = $(this).parent().prev().children('.quantityQ');
            $textInput.val(parseInt($textInput.val()) + 1);
        });
        $('span.btnRemove', this).live('click', function() {
            var $textInput = $(this).parent().prev().children('.quantityQ');
            var newQty = $textInput.val() - 1;
            newQty > 0 ? $textInput.val(newQty) : $textInput.val(0);
        });
    });
}

function ratingStars() {
    $('div.customRatingStars').each(function() {
        var $holder = $(this);
        var startVote = -1;
        $('div.ratings_stars', $holder).each(function(i) {
            if ($(this).hasClass('ratings_over')) { startVote = i; }
            $(this).hover(
				function() {
				    $('div.ratings_stars', $holder).removeClass('ratings_over');
				    $('div.ratings_stars:lt(' + (i + 1) + ')', $holder).addClass('ratings_over');
				},
				function() {
				    $('div.ratings_stars', $holder).removeClass('ratings_over');
				    $('div.ratings_stars:lt(' + (startVote + 1) + ')', $holder).addClass('ratings_over');
				}
			);
        });
    });
}


function popPupQuick() {
    var $overlayLayer = $('div.overlay');
    var $closeBtn = $('span.closeBtn');
    $('div.topMainBlock').css("z-index", "0").css("position", "static");
    $('div.headerLayer').css("z-index", "0").css("position", "static");
    $($overlayLayer).css('visibility', 'visible').animate({ opacity: 0.6 }, 100).height($(document).height());
    $('div.popQuick div.popUpHolder').css('display', 'block');
    Cufon.replace('.cufonTextB', { fontFamily: 'DIN 30640 Std', hover: true });
    Cufon.replace('.cufonTextL', { fontFamily: 'DIN 30640 Std', hover: true });
    if ($('div.sizeContainer span.CSTselectHolder').length) { } else {
        customSelect('div.sizeContainer');
    }
    $($closeBtn).click(function() {
        $($overlayLayer).css('visibility', 'hidden').animate({ opacity: 0 }, 100);
        $('div.popQuick div.popUpHolder').css('display', 'none');
    });
    $($overlayLayer).click(function() {
        $($overlayLayer).css('visibility', 'hidden').animate({ opacity: 0 }, 100);
        $('div.popQuick div.popUpHolder').css('display', 'none');
    });
}

function systemPopup() {
    var $overlayLayer = $('div.overlay');
    var $closeBtn = $('span.closeBtn');
    $($overlayLayer).css('visibility', 'visible').animate({ opacity: 0.6 }, 100).height($(document).height());
    $('div.popSystem div.popUpHolder').css('display', 'block');
    Cufon.replace('.cufonTextB', { fontFamily: 'DIN 30640 Std', hover: true });
    Cufon.replace('.cufonTextL', { fontFamily: 'DIN 30640 Std', hover: true });
    $($closeBtn).click(function() {
        $($overlayLayer).css('visibility', 'hidden').animate({ opacity: 0 }, 100);
        $('div.popSystem div.popUpHolder').css('display', 'none');
    });
    $($overlayLayer).click(function() {
        $($overlayLayer).css('visibility', 'hidden').animate({ opacity: 0 }, 100);
        $('div.popSystem div.popUpHolder').css('display', 'none');
    });
}

function popPupSize() {
    var $overlayLayer = $('div.overlayS');
    var $closeBtn = $('span.closeBtnS');
    $($overlayLayer).css('visibility', 'visible').animate({ opacity: 0.6 }, 100).height($(document).height());
    $('div.popPupSize div.popUpHolderSize').css('display', 'block');
    var marginLeft = -$('div.popUpHolderSize').width() / 2 + 'px';
    var marginTop = -$('div.popUpHolderSize').height() / 2 + 'px';
    $('div.popPupSize div.popUpHolderSize').css({ 'margin-left': marginLeft, 'margin-top': marginTop });
    $($closeBtn).click(function() {
        $($overlayLayer).css('visibility', 'hidden').animate({ opacity: 0 }, 100);
        $('div.popPupSize div.popUpHolderSize').css('display', 'none');
    });
    $($overlayLayer).click(function() {
        $($overlayLayer).css('visibility', 'hidden').animate({ opacity: 0 }, 100);
        $('div.popPupSize div.popUpHolderSize').css('display', 'none');
    });
}

$.fn.delay = function(time, callback) {
    jQuery.fx.step.delay = function() { };
    return this.animate({ delay: 1 }, time, callback);
}

function addToCart() {
    $('div.overlay').css('visibility', 'hidden');
    $('div.overlay').animate({ opacity: 0 }, 100);
    $('div.popQuick div.popUpHolder').hide();
    $('div.topMainBlock').css("z-index", "0").css("position", "static");
    $('div.headerLayer').css("z-index", "0").css("position", "static");
    var leftpos = $('#cartDiv').offset().left;
    var toppos = $('#cartDiv').offset().top;
    $('.cartHeader2').css('left', leftpos);
    $('.cartHeader2').css('top', toppos);
    $('html, body').animate({ scrollTop: 0 }, 0);
    if (isIE) {
        $('div.cartHeader2 div.popUpHolder div.popUpContent').show().delay(5000, function() { $(this).hide(); });
    } else {
        $('div.cartHeader2 div.popUpHolder div.popUpContent').fadeIn(200).delay(5000, function() { $(this).fadeOut(300); });
    }
}

function swfload(linkflash) {
    var flashvars = {};
    var params = {};
    params.wmode = "transparent";
    params.quality = "best";
    params.scale = "noscale";
    var attributes = {};
    attributes.id = "logoFlash";
    attributes.align = "middle";
    swfobject.embedSWF(linkflash, "logoAlternative", "920", "130", "9.0.0", false, flashvars, params, attributes);
}

function buttonShop() {
    $("span.buttonShop").mousedown(function() {
        $(this).addClass("active");
    });
}

function toggleInputFields() {
    $("input.decorInput").each(function() {
        if ($(this).parent('span.inputHolder').length) { }
        else {
            $(this).wrap('<span class="inputHolder"></span>');
            $(this).after('<ins></ins>');
        }
    });
}

function toggleInputFieldsPayment() {
    $("table.bottom-cart .decorInput").wrap('<span class="inputHolder"></span>').after('<ins></ins>');
}

function toggleButton() {
    $(".btnDecor").each(function() {
        $(this).wrap('<span class="btnDecorated"></span>');
        $(this).before('<span class="btnLeft"></span>');
        $(this).after('<span class="btnRight"></span>');
        $(this).wrap('<span class="btnMid"></span>');
        $(this).removeClass('btnDecor')
    });
}

function makeHomeRotator() {
    var rotObj = new Object();
    var itemsCount = $('div.rotatorContainer div.item').length;
    var currentRotItem;
    var isFading = false;
    var homeRotatorTime = 3;
    var homeRotatorTimer;
    $('div.rotatorContainer').append('<div class="rotator-pager"></div>');
    for (var i = 0; i < itemsCount; i++) {
        $('div.rotator-pager').append('<div class="item"><!--  --></div>');
    }
    $('div.rotator-pager div.item').each(function(i) {
        $(this)
		.hover(
			function() {
			    $(this).addClass('hover');
			},
			function() {
			    $(this).removeClass('hover');
			}
		)
		.click(
			function() {
			    if ($(this).hasClass('active')) return;
			    if (isFading) return;
			    isFading = true;
			    $('div.rotator-pager div.item').removeClass('active');
			    $(this).addClass('active');
			    clearInterval(homeRotatorTimer);
			    $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').fadeOut(400);
			    currentRotItem = i + 1;
			    $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').fadeIn(400,
					function() {
					    isFading = false;
					    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 1000);
					}
				);
			}
		)
    });
    currentRotItem = 1;
    $('div.rotator-pager div.item:nth-child(1)').addClass('active');
    $('div.rotatorContainer > div.item:nth-child(1)').show();
    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 1000);
    function rotate() {
        $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').stop(true, true);
        clearInterval(homeRotatorTimer);
        $('div.rotator-pager div.item').removeClass('active');
        $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').fadeOut(600);
        currentRotItem++;
        if (currentRotItem > itemsCount) currentRotItem = 1;
        $('div.rotator-pager div.item:nth-child(' + currentRotItem + ')').addClass('active');
        $('div.rotatorContainer > div.item:nth-child(' + currentRotItem + ')').fadeIn(600,
			function() {
			    isFading = false;
			    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 2000);
			}
		);
    }
}

function makeHomeImage() {
    var rotObj = new Object();
    var itemsCount = $('div.imageRotate a').length;
    var currentRotItem;
    var isFading = false;
    var homeRotatorTime = 5;
    var homeRotatorTimer;
    
    currentRotItem = 1;
    $('div.imageRotate > a:nth-child(1)').show();
    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 1000);
    function rotate() {
        $('div.imageRotate > a:nth-child(' + currentRotItem + ')').stop(true, true);
        clearInterval(homeRotatorTimer);
       
        $('div.imageRotate > a:nth-child(' + currentRotItem + ')').fadeOut(600);
        currentRotItem++;
        if (currentRotItem > itemsCount) currentRotItem = 1;
        $('div.imageRotate > a:nth-child(' + currentRotItem + ')').fadeIn(600,
			function() {
			    isFading = false;
			    homeRotatorTimer = setInterval(rotate, homeRotatorTime * 2000);
			}
		);
    }
}
function showPopUp() {
    $('.showPopUp').hover(
	function() {
	    $(this).find('div.popUpContent').stop(true, true);
	    $(this).addClass('hoverl');
	    if ($.browser.msie == true) {
	        $(this).find('div.popUpContent:first').show();
	    } else {
	        $(this).find('div.popUpContent:first').show();
	        $(this).addClass('hoverl');
	    }
	},
		function() {
		    if ($.browser.msie == true) {
		        $(this).find('div.popUpContent:first').hide();
		        $('.showPopUp').removeClass('hoverl');
		    } else {
		        $(this).find('div.popUpContent:first').hide();
		        $(this).removeClass('hoverl');
		    }
		}
	);
}

function showgal(linkim, altText) {
    if (linkim.length) {
        $('div.gallery-popup div.popupHolder img').attr("src", linkim);
        $('div.gallery-popup div.popupHolder img').attr("alt", altText);
        var $overlayLayer = $('div.overlay');
        var $closeBtn = $('span.closeBtn');
        var $galpopup = $('div.gallery-popup');
        $galpopup.show().css('opacity', 0);        
        $('div.gallery-popup img').load(function() {
            var marginLeft = -$(this).width() / 2 - 30 + 'px';
            var marginTop = -$(this).height() / 2 + 'px';
            $galpopup.css({ 'margin-left': marginLeft, 'margin-top': marginTop });
            $overlayLayer.css('visibility', 'visible').animate({ opacity: 0.6 }, 100).height($(document).height());
            $galpopup.css('opacity', 1);
        });
      
        $closeBtn.click(function() {
            $overlayLayer.css('visibility', 'hidden').animate({ opacity: 0 }, 100);
            $galpopup.css('display', 'none');
        });
        $overlayLayer.click(function() {
            $overlayLayer.css('visibility', 'hidden').animate({ opacity: 0 }, 100);
            $galpopup.css('display', 'none');
        });
    }
    else { }
}

$(document).ready(function() {
    $('.wordcount').each(function() {
        //maximum limit of characters allowed.
        var maxlimit = 200;
        // get current number of characters
        var length = $(this).val().length;
        if (length >= maxlimit) {
            $(this).val($(this).val().substring(0, maxlimit));
            length = maxlimit;
        }
        // update count on page load
        $(this).parent().find('.counter').html((maxlimit - length) + ' characters left');
        // bind on key up event
        $(this).keyup(function() {
            // get new length of characters
            var new_length = $(this).val().length;
            if (new_length >= maxlimit) {
                $(this).val($(this).val().substring(0, maxlimit));
                //update the new length
                new_length = maxlimit;
            }
            // update count
            $(this).parent().find('.counter').html((maxlimit - new_length) + ' characters left');
        });
    });
});

function updateProductsScroll(leftmarg) {
    var prodItemWidth = 187;
    prodItemsCount = $("div.choice-tv div.tv-one-container").length;
    $("div.choice-tv").width(prodItemsCount * prodItemWidth);
    $("div.choice-tv").css("left", leftmarg);
}

function prepareProductsScroll() {
    var prodItemWidth = 187;
    var slideMoveWidth = 842;
    var itemsHolderWidth = 935;
    var prodItemsCount = new Number();
    var sliderWidth = new Number();
    var sliderMaxX = new Number();
    var itemsHolderMaxX = new Number();
    var sliderStep = new Number();

    prodItemsCount = $("div.choice-tv div.tv-one-container").length;
    if (prodItemsCount < 5) {
        $(".scrollHolder").hide();
        return;
    }

    $("div.choice-tv").width(prodItemsCount * prodItemWidth);

    sliderWidth = Math.floor(slideMoveWidth * itemsHolderWidth / (prodItemsCount * prodItemWidth));
    sliderMaxX = slideMoveWidth - sliderWidth;
    itemsHolderMaxX = prodItemsCount * prodItemWidth - itemsHolderWidth;
    sliderStep = Math.round(sliderMaxX / prodItemsCount);

    $("div.scrollSlider").width(sliderWidth);
    $("div.scrollSlider").draggable({ axis: "x", containment: "parent" });

    $("div.scrollSlider").bind("drag", function(event, ui) {
        var itemsHolderX = -parseInt($(this).css("left")) * itemsHolderMaxX / sliderMaxX;
        $("div.choice-tv").css("left", itemsHolderX);
    });

    $("div.scrollSlider").bind("dragstop", function(event, ui) {
        var tmpIX = Math.round(parseInt($("div.choice-tv").css("left")) / prodItemWidth) * prodItemWidth;
        $("div.choice-tv").animate({ left: tmpIX }, 300);
        var tmpSX = -tmpIX * sliderMaxX / itemsHolderMaxX;
        $("div.scrollSlider").animate({ left: tmpSX }, 300);
    });

    $("div.scrollHolder a.rightArrow").bind("click", function() {
        var tmpIX = Math.round(parseInt($("div.choice-tv").css("left")) / prodItemWidth - 1) * prodItemWidth;
        if (-tmpIX > itemsHolderMaxX) return;
        $("div.choice-tv").animate({ left: tmpIX }, 300);
        var tmpSX = -tmpIX * sliderMaxX / itemsHolderMaxX;
        $("div.scrollSlider").animate({ left: tmpSX }, 300);
    });

    $("div.scrollHolder a.leftArrow").bind("click", function() {
        var tmpIX = Math.round(parseInt($("div.choice-tv").css("left")) / prodItemWidth + 1) * prodItemWidth;
        if (tmpIX > 0) return;
        $("div.choice-tv").animate({ left: tmpIX }, 300);
        var tmpSX = -tmpIX * sliderMaxX / itemsHolderMaxX;
        $("div.scrollSlider").animate({ left: tmpSX }, 300);
    });
}