var BaseURL = Utilities.GetBaseURL();
var wbpageid = "";
var currentwbpageid = "";
var isView = false;
var puPos = 0;
$(document).ready(function() {
    $('.pop').fadeTo(0, 0);
    $('.tabList li').fadeOut(0);
    $('.tabList li').eq(0).fadeIn(0);
    $('a.overlay').click(function() {
        close();
    });
    $('a.qV').click(function() {
        currentwbpageid = wbpageid;
        wbpageid = $(this).parents('.prd').children('a.showQuickView').attr("wbpageid");
        if (currentwbpageid == wbpageid && isView) {
            quickViewClose();
        } else {
            var quickViewBox = $(this).parents('.prds').find(".AJAXQuickView");
            quickViewBox.load(BaseURL + "AJAX/QuickView.aspx?WBPageID=" + wbpageid);
            quickView();
        }
    });
    $('a.qvClose').click(function() {
        quickViewClose();
    });
    $('.tabs a:not(".on")').live('click', function() {
        var nT = $(this).index();
        $('.tabs a').removeClass('on');
        $(this).addClass('on');
        $('.tabList li').fadeOut('slow', function() {
            $('.tabList li').eq(nT).fadeIn('slow');
        });
    });
    $('.descIcons span').fadeOut(0);
    $('.descIcons img').hover(function() {
        $('+ span', this).fadeIn('slow');
    }, function() {
        $('+ span', this).fadeOut('slow');
    });

    $('.color span').fadeOut(0);
    $('.color img').hover(function() {
        pUPos = $(this).position();
        $('+ span', this).css('left', pUPos.left + 'px').stop().fadeIn('slow', function() { $(this).css('opacity', '1'); })
    }, function() {
        $('+ span', this).stop().fadeOut('slow', function() { $(this).css('opacity', '0'); });
    });

    $('span#matDesc').fadeOut(0);
    $('.matIcon').hover(function() {
        pos = $(this).position();
        $('span#matDesc').css({'left' : pos.left+60}).fadeIn('slow');
    }, function() {
        $('span#matDesc').fadeOut('slow');
    });

});

function quickView() {
    $('.quickView').animate({ top: '0' }, 'slow');
    isView = true;
}

function quickViewClose() {
    curHeight = $('.quickView').height() * (-1) - 40 + 'px';
    $('.quickView').animate({ top: curHeight }, 'slow');
    isView = false;
}

function bgFunc() {
    var $bgImage = $('#bgImage img')
    $bgImage.eq(0).unwrap();
    $($bgImage).fadeTo(0, 0);
    var totalImages = $('#bgImage').children().size();
    $($bgImage).eq(0).fadeTo(0, 1);
    fadeBg(totalImages);
}

function fadeBg(totalImages) {
    var currentBg = $('#bgImage img').eq(0);
    var cI = 0;
    setInterval(function() {
        currentBg.fadeTo(3000, 0);
        if (cI + 1 == totalImages) {
            cI = 0;
        } else {
            cI++;
        }
        currentBg = $('#bgImage img').eq(cI);
        currentBg.fadeTo(3000, 1);
    }, 10000);
}