/// <reference path="jquery-1.3.2.js/>

$(document).ready(function() {

    $("#promosbox #tabs").tabs();
    //$("#promosbox #tabs div.tabcontainer div.tabwrapper").corner("tr bl br");
    // $("#promosbox #tabs div.tabcontainer").corner("tr bl br");
    $("#promosbox #tabs div.tabcontainer div.tabwrapper").corner("8px tr bl br").parent().css('padding', '1px').corner("7px tr bl br cc:#fff");

    var $tabs = $('#promosbox #tabs').tabs(); // first tab selected

    $('.nutinfolink').click(function() { // bind click event to link
        $tabs.tabs('select', 3); // switch to third tab
        return false;
    });

    $('.ga_af').click(function() {
        pageTracker._trackPageview('/aquafull/' + $(this).attr('href'));
    });

    $('.ga_fbites').click(function() {
        pageTracker._trackPageview('/fullbites/' + $(this).attr('href'));
    });

    $('.ga_fbar').click(function() {
        pageTracker._trackPageview('/fullbar/' + $(this).attr('href'));
    });

    $('.ga_fcombo').click(function() {
        pageTracker._trackPageview('/fullcombo/' + $(this).attr('href'));
    });

    //picker setup
    $('#nutrition .displayarea div').hide(); // Hide all divs
    $('#nutrition .displayarea div:first').show(); // Show the first div
    $('#nutrition .displayarea div:first div').show();
    $('#nutrition .displayarea div:first div div .panel').hide();
    $('#nutrition .displayarea div:first div div .panel:first').show();
    $('#nutrition .displayarea div:first div div .panel:first > div').show();

    $('#nutrition ul li:first').addClass('active'); // Set the class for active state

    $("#nutrition ul li a[href^='#']").click(function() { // When link is clicked
        $('#nutrition ul li').removeClass('active'); // Remove active class from links
        $(this).parent().addClass('active'); //Set parent of clicked link class to active

        var currentTab = $(this).attr('href'); // Set currentTab to value of href attribute
        $('.displayarea div').hide(); // Hide all divs
        $('.displayarea ' + currentTab).show(); // Show the first div
        $('.displayarea ' + currentTab + ' div').show();
        $('.displayarea ' + currentTab + ' div div .panel').hide();
        $('.displayarea ' + currentTab + ' div div .panel:first').show();
        $('.displayarea ' + currentTab + ' div div .panel:first > div').show();
        $('.displayarea ' + currentTab + ' div div .panel div.controls div.nutinfo div.flavorItem').removeAttr('style');

        if ($f("player")) {
            if ($f("player").isPlaying()) {
                $f("player").stop();
            }
        }

        if ($f("player2")) {
            if ($f("player2").isPlaying()) {
                $f("player2").stop();
            }
        }

        return false;
    });

    $('.flavorsRotator1 .wrapper > div').hide();
    $('.flavorsRotator1 .wrapper div:first').show();
    $('.flavorsRotator1 .wrapper div:first div.flavorItem').removeAttr('style');
    //flavors rotator forward/back button
    $('.flavorsRotator1 a.action').click(function() {
        //next panel to shows id
        var currentFlavor = $(this).attr("href");
        $('.flavorsRotator1 .wrapper > div').hide();
        $(currentFlavor).show();
        $(currentFlavor).children().show();
        $(currentFlavor + ' div.controls div.nutinfo div.flavorItem').removeAttr('style');

        return false;
    });

    $('.flavorsRotator2 .wrapper > div').hide();
    //$('.flavorsRotator2 .wrapper div:first').show();
    $('.flavorsRotator2 .wrapper div:first div.flavorItem').removeAttr('style');
    //flavors rotator forward/back button
    $('.flavorsRotator2 a.action').click(function() {
        //next panel to shows id
        var currentFlavor = $(this).attr("href");
        $('.flavorsRotator2 .wrapper > div').hide();
        $(currentFlavor).show();
        $(currentFlavor).children().show();
        $(currentFlavor + ' div.controls div.nutinfo div.flavorItem').removeAttr('style');

        return false;
    });

    $('.flavorsRotator3 .wrapper > div').hide();
    //$('.flavorsRotator3 .wrapper div:first').show();
    $('.flavorsRotator3 .wrapper div:first div.flavorItem').removeAttr('style');
    //flavors rotator forward/back button
    $('.flavorsRotator3 a.action').click(function() {
        //next panel to shows id
        var currentFlavor = $(this).attr("href");
        $('.flavorsRotator3 .wrapper > div').hide();
        $(currentFlavor).show();
        $(currentFlavor).children().show();
        $(currentFlavor + ' div.controls div.nutinfo div.flavorItem').removeAttr('style');

        return false;
    });

    $('.cvv2help').click(function() {
        if ($("#cvv2help").is(':hidden')) {
            $("#cvv2help").fadeIn('fast');
        } else {
            $("#cvv2help").fadeOut('fast');
        }
    });

    $('.fs1').live("click", function() {
        //$('.fs1').click(function() {
        if ($(".fs1modal").is(':hidden')) {
            $(".fs1modal").fadeIn('fast');
            $("[id$='_currmodal']").val('fs1');
        } else {
            $(".fs1modal").fadeOut('fast');
            $("[id$='_currmodal']").val('');
        }

        return false;
    });

    $('.fs2').live("click", function() {
        //$('.fs2').click(function() {
        if ($(".fs2modal").is(':hidden')) {
            $(".fs2modal").fadeIn('fast');
            $("[id$='_currmodal']").val('fs2');
        } else {
            $(".fs2modal").fadeOut('fast');
            $("[id$='_currmodal']").val('');
        }

        return false;
    });

    $('.fs3').live("click", function() {
        //$('.fs3').click(function() {
        if ($(".fs3modal").is(':hidden')) {
            $(".fs3modal").fadeIn('fast');
            $("[id$='_currmodal']").val('fs3');
        } else {
            $(".fs3modal").fadeOut('fast');
            $("[id$='_currmodal']").val('');
        }

        return false;
    });

    $('.fs4').live("click", function() {
        //$('.fs4').click(function() {
        if ($(".fs4modal").is(':hidden')) {
            $(".fs4modal").fadeIn('fast');
            $("[id$='_currmodal']").val('fs4');
        } else {
            $(".fs4modal").fadeOut('fast');
            $("[id$='_currmodal']").val('');
        }

        return false;
    });

    $('.fs5').live("click", function() {
        //$('.fs5').click(function() {
        if ($(".fs5modal").is(':hidden')) {
            $(".fs5modal").fadeIn('fast');
            $("[id$='_currmodal']").val('fs5');
        } else {
            $(".fs5modal").fadeOut('fast');
            $("[id$='_currmodal']").val('');
        }

        return false;
    });

    $("a[name^='faq-']").each(function() {
        $(this).click(function() {
            if ($("#" + this.name).is(':hidden')) {
                $("#" + this.name).fadeIn('fast');
            } else {
                $("#" + this.name).fadeOut('fast');
            }

            $(this).toggleClass("faqarrow");
            return false;
        });
    });

    $("a.flv").flowplayer("/media/flowplayer.commercial-3.1.5.swf", {
        wmode: 'transparent',
        key: '#$29e3b50396f4cb5a849',        
        clip: {
            autoPlay: false,
            autoBuffering: true
        },
        plugins: {
            controls: {
            url: '/media/flowplayer.controls-tube-3.1.5.swf',
                buttonColor: '#000000',
                backgroundColor: '#aaaaaa',
                borderRadius: '0px',
                backgroundGradient: 'none',
                progressGradient: 'none',
                bufferColor: '#000000',
                progressColor: '#000000',
                sliderGradient: 'none',
                sliderColor: '#ffffff',
                tooltipColor: '#C9C9C9',
                bufferGradient: 'none',
                timeBgColor: '#262626',
                volumeSliderGradient: 'none',
                tooltipTextColor: '#D00000',
                timeColor: '#ffffff',
                durationColor: '#ffffff',
                buttonOverColor: '#88D753',
                volumeSliderColor: '#000000',
                height: 24               
            }
        },
        onLoad: function() {
        }

    });

    $("a.flvauto").flowplayer("/media/flowplayer.commercial-3.1.5.swf", {
        wmode: 'transparent',
        key: '#$29e3b50396f4cb5a849',        
        clip: {
            autoPlay: true,
            autoBuffering: true
        },
        plugins: {
            controls: {
            url: '/media/flowplayer.controls-tube-3.1.5.swf',
                buttonColor: '#000000',
                backgroundColor: '#aaaaaa',
                borderRadius: '0px',
                backgroundGradient: 'none',
                progressGradient: 'none',
                bufferColor: '#000000',
                progressColor: '#000000',
                sliderGradient: 'none',
                sliderColor: '#ffffff',
                tooltipColor: '#C9C9C9',
                bufferGradient: 'none',
                timeBgColor: '#262626',
                volumeSliderGradient: 'none',
                tooltipTextColor: '#D00000',
                timeColor: '#ffffff',
                durationColor: '#ffffff',
                buttonOverColor: '#88D753',
                volumeSliderColor: '#000000',
                height: 24               
            }
        },
        onLoad: function() {
        }

    });

    //$("#testimonials > ul").tabs({ fx: { opacity: "toggle"} }).tabs();

    $("a.tmlink").each(function() {
        $(this).click(function() {
            var id = this.id;

            $("#nav-fragment-1").removeClass("ui-tabs-selected");
            $("#nav-fragment-2").removeClass("ui-tabs-selected");
            $("#nav-fragment-3").removeClass("ui-tabs-selected");
            $("#nav-fragment-4").removeClass("ui-tabs-selected");

            if ($f("tmplayer")) {
                if ($f("tmplayer").isPlaying()) {
                    $f("tmplayer").stop();
                }

                if (id == 1) {
                    $f("tmplayer").play("/media/testimonials/sean.flv");
                    $("#nav-fragment-1").addClass("ui-tabs-selected");
                }
                else if (id == 2) {
                    $f("tmplayer").play("/media/testimonials/holly.flv");
                    $("#nav-fragment-2").addClass("ui-tabs-selected");
                }
                else if (id == 3) {
                    $f("tmplayer").play("/media/testimonials/kathy.flv");
                    $("#nav-fragment-3").addClass("ui-tabs-selected");
                }
                else if (id == 4) {
                    $f("tmplayer").play("/media/testimonials/lindsey.flv");
                    $("#nav-fragment-4").addClass("ui-tabs-selected");
                }
            }

            return false;
        });
    });

    $("a.reslink").each(function() {
        $(this).click(function() {
            var id = this.id;

            $("#nav-fragment-1").removeClass("ui-tabs-selected");
            $("#nav-fragment-2").removeClass("ui-tabs-selected");
            $("#nav-fragment-3").removeClass("ui-tabs-selected");
            $("#nav-fragment-4").removeClass("ui-tabs-selected");

            if ($f("prepplayer")) {
                if ($f("prepplayer").isPlaying()) {
                    $f("prepplayer").stop();
                }
                if (id == 1) {
                    $f("prepplayer").play("/media/preparation/mindfullness.flv");
                    $("#nav-fragment-1").addClass("ui-tabs-selected");
                }
                else if (id == 2) {
                    $f("prepplayer").play("/media/preparation/motivation.flv");
                    $("#nav-fragment-2").addClass("ui-tabs-selected");
                }
                else if (id == 3) {
                    $f("prepplayer").play("/media/preparation/startrightaway.flv");
                    $("#nav-fragment-3").addClass("ui-tabs-selected");
                }
                else if (id == 4) {
                    $f("prepplayer").play("/media/preparation/mosteffectiveuse.flv");
                    $("#nav-fragment-4").addClass("ui-tabs-selected");
                }
            }

            return false;
        });
    });

    $("a.expectlink").each(function() {
        $(this).click(function() {
            var id = this.id;

            $("#nav-fragment-5").removeClass("ui-tabs-selected");
            $("#nav-fragment-6").removeClass("ui-tabs-selected");
            $("#nav-fragment-7").removeClass("ui-tabs-selected");

            if ($f("expectplayer")) {
                if ($f("expectplayer").isPlaying()) {
                    $f("expectplayer").stop();
                }

                if (id == 5) {
                    $f("expectplayer").play("/media/expectations/oneweekafter.flv");
                    $("#nav-fragment-5").addClass("ui-tabs-selected");
                }
                else if (id == 6) {
                    $f("expectplayer").play("/media/expectations/twotothreeweeks.flv");
                    $("#nav-fragment-6").addClass("ui-tabs-selected");
                }
                else if (id == 7) {
                    $f("expectplayer").play("/media/expectations/threeplusweeks.flv");
                    $("#nav-fragment-7").addClass("ui-tabs-selected");
                }
            }

            return false;
        });
    });

    $(".trufflavorimage a").hover(function() {
        var container = $(this).parent().parent();

        //$(this).children().css({ 'z-index': '7001' });
        $(this).children().fadeIn("fast");

    }, function() {
        var container = $(this).parent().parent();

        //$(this).children().css({ 'z-index': '-1' });
        $(this).children().fadeOut("fast");
    });

    $(".fbarflavorimage a").hover(function() {
        var container = $(this).parent().parent();
        
        //$(this).children().css({ 'z-index': '7001' });
        $(this).children().fadeIn("fast");

    }, function() {
        var container = $(this).parent().parent();

        //$(this).children().css({ 'z-index': '-1' });
        $(this).children().fadeOut("fast");
    });

    $(".fbitesflavorimage a").hover(function() {
        var container = $(this).parent().parent();

        //$(this).children().css({ 'z-index': '10000' });
        $(this).children().fadeIn("fast");

    }, function() {
        var container = $(this).parent().parent();

        //$(this).children().css({ 'z-index': '-1' });
        $(this).children().fadeOut("fast");
    });

    $(".aquaflavorimage a").hover(function() {
        var container = $(this).parent().parent();

        //$(this).children().css({ 'z-index': '10000' });
        $(this).children().fadeIn("fast");

    }, function() {
        var container = $(this).parent().parent();

        //$(this).children().css({ 'z-index': '-1' });
        $(this).children().fadeOut("fast");
    });

    $("a.faqlink").each(function() {
        $(this).click(function() {
            var id = this.id;

            $("#nav-fragment-8").removeClass("ui-tabs-selected");
            $("#nav-fragment-9").removeClass("ui-tabs-selected");
            $("#nav-fragment-10").removeClass("ui-tabs-selected");
            $("#nav-fragment-11").removeClass("ui-tabs-selected");
            $("#nav-fragment-12").removeClass("ui-tabs-selected");
            $("#nav-fragment-13").removeClass("ui-tabs-selected");
            $("#nav-fragment-14").removeClass("ui-tabs-selected");
            $("#nav-fragment-15").removeClass("ui-tabs-selected");
            $("#nav-fragment-16").removeClass("ui-tabs-selected");
            $("#nav-fragment-17").removeClass("ui-tabs-selected");

            if ($f("faqplayer")) {
                if ($f("faqplayer").isPlaying()) {
                    $f("faqplayer").stop();
                }

                if (id == 8) {
                    $f("faqplayer").play("/media/faqs/fullbarforkids.flv");
                    $("#nav-fragment-8").addClass("ui-tabs-selected");
                }
                else if (id == 9) {
                    $f("faqplayer").play("/media/faqs/fullbarthanksgiving.flv");
                    $("#nav-fragment-9").addClass("ui-tabs-selected");
                }
                else if (id == 10) {
                    $f("faqplayer").play("/media/faqs/howshouldifeelafter.flv");
                    $("#nav-fragment-10").addClass("ui-tabs-selected");
                }
                else if (id == 11) {
                    $f("faqplayer").play("/media/faqs/impulsecontrol.flv");
                    $("#nav-fragment-11").addClass("ui-tabs-selected");
                }
                else if (id == 12) {
                    $f("faqplayer").play("/media/faqs/emotionaleating.flv");
                    $("#nav-fragment-12").addClass("ui-tabs-selected");
                }
                else if (id == 13) {
                    $f("faqplayer").play("/media/faqs/offthewagon.flv");
                    $("#nav-fragment-13").addClass("ui-tabs-selected");
                }
                else if (id == 14) {
                    $f("faqplayer").play("/media/faqs/usefullbarforever.flv");
                    $("#nav-fragment-14").addClass("ui-tabs-selected");
                }
                else if (id == 15) {
                    $f("faqplayer").play("/media/faqs/weightlossplateau.flv");
                    $("#nav-fragment-15").addClass("ui-tabs-selected");
                }
                else if (id == 16) {
                    $f("faqplayer").play("/media/faqs/notlosingweight.flv");
                    $("#nav-fragment-16").addClass("ui-tabs-selected");
                }
                else if (id == 17) {
                    $f("faqplayer").play("/media/faqs/boredofprograms.flv");
                    $("#nav-fragment-17").addClass("ui-tabs-selected");
                }
            }

            return false;
        });
    });


    //modal opening functions

    //attribute items


    $('.modalopen').live("click", function() {
        initModals();
        var modal = $(this).parent().find('div.modaltoopen');
        if (modal.is(':hidden')) {
            modal.fadeIn('fast');
            $("[id$='_currmodal']").val(modal.attr('id'));
        } else {
            modal.fadeOut('fast');
            $("[id$='_currmodal']").val('');
        }

        return false;
    });

    $('.modalclose').live("click", function() {
        initModals();
        var modal = $(this).parent().parent().parent();
        if (modal.is(':hidden')) {
            modal.fadeIn('fast');
            $("[id$='_currmodal']").val(modal.attr('id'));
        } else {
            modal.fadeOut('fast');
            $("[id$='_currmodal']").val('');
        }
        return false;
    });

    initModals();
    initBigModals();

    function initModals() {
        $('div.modalContainer').each(function() {
            var remainder = 0;
            remainder = $(this).children(".hid").val();
            remainder = parseInt(remainder);

            var label = $(this).find('.boxleft');
            var btn = $(this).find('.submit');
            var boxtotal = $(this).find('.boxtotal');

            if (remainder == 1) {
                label.html("1 box left");
                boxtotal.html("1 box");
            }
            else {
                label.html(remainder + " boxes left");
                boxtotal.html(remainder + " boxes");
            }

            btn.attr('disabled', 'disabled');
        });
    }

    function initBigModals() {
        $('div.bigmodalContainer').each(function() {
            //first value
            var remainder1 = 0;
            remainder1 = $(this).children(".hid1").val();
            remainder1 = parseInt(remainder1);

            var label = $(this).find('.boxleft1');
            var btn = $(this).find('.submit');
            var boxtotal = $(this).find('.boxtotal1');

            if (remainder1 == 1) {
                label.html("1 box left");
                boxtotal.html("1 box");
            }
            else {
                label.html(remainder1 + " boxes left");
                boxtotal.html(remainder1 + " boxes");
            }

            //second value
            var remainder2 = 0;
            remainder2 = $(this).children(".hid2").val();
            remainder2 = parseInt(remainder2);

            var label = $(this).find('.boxleft2');
            var btn = $(this).find('.submit');
            var boxtotal = $(this).find('.boxtotal2');

            if (remainder2 == 1) {
                label.html("1 box left");
                boxtotal.html("1 box");
            }
            else {
                label.html(remainder2 + " boxes left");
                boxtotal.html(remainder2 + " boxes");
            }

            //third value
            var remainder3 = 0;
            remainder3 = $(this).children(".hid3").val();
            remainder3 = parseInt(remainder3);

            var label = $(this).find('.boxleft3');
            var btn = $(this).find('.submit');
            var boxtotal = $(this).find('.boxtotal3');

            if (remainder3 == 1) {
                label.html("1 box left");
                boxtotal.html("1 box");
            }
            else {
                label.html(remainder3 + " boxes left");
                boxtotal.html(remainder3 + " boxes");
            }

            btn.attr('disabled', 'disabled');
        });
    }

    //  $("a.modalclose").live("click", function() { return closeModals() });
    $('div.modalContainer select').live("click", function() {
        var parent = $(this).closest("div.modalContainer");
        var boxestopick = parent.find(".hid").val();
        var currcount = 0;
        var remainder = 0;

        if ($(this).val() != '') {
            parent.find('select').each(function() {
                currcount = parseInt(currcount);
                var value = $(this).val();
                value = parseInt(value);
                currcount += value;
            });
        }

        if (currcount > boxestopick) {
            $(this).val("0");
        }

        remainder = parseInt(boxestopick) - parseInt(currcount);
        remainder = parseInt(remainder);

        if (remainder < 0) {
            remainder = 0;
        }

        var label = parent.find('.boxleft');
        var btn = parent.find('.submit');

        if (parseInt(remainder) == 1) {
            label.html("1 box left");
        }
        else {
            label.html(remainder + " boxes left");
        }

        if (parseInt(remainder) == 0) {
            btn.removeAttr('disabled');
        }
        else {
            btn.attr('disabled', 'disabled');
        }
    });

    $('div.bigmodalContainer select.selector1').live("click", function() {
        var parent = $(this).closest("div.bigmodalContainer");
        var boxestopick = parent.find(".hid1").val();
        var currcount = 0;
        var remainder = 0;

        if ($(this).val() != '') {
            parent.find('select.selector1').each(function() {
                currcount = parseInt(currcount);
                var value = $(this).val();
                value = parseInt(value);
                currcount += value;
            });
        }

        if (currcount > boxestopick) {
            $(this).val("0");
        }

        remainder = parseInt(boxestopick) - parseInt(currcount);
        remainder = parseInt(remainder);

        if (remainder < 0) {
            remainder = 0;
        }

        var label = parent.find('.boxleft1');
        var btn = parent.find('.submit');

        if (parseInt(remainder) == 1) {
            label.html("1 box left");
        }
        else {
            label.html(remainder + " boxes left");
        }

        if (parseInt(remainder) == 0) {
            btn.removeAttr('disabled');
        }
        else {
            btn.attr('disabled', 'disabled');
        }
    });

    $('div.bigmodalContainer select.selector2').live("click", function() {
        var parent = $(this).closest("div.bigmodalContainer");
        var boxestopick = parent.find(".hid2").val();
        var currcount = 0;
        var remainder = 0;

        if ($(this).val() != '') {
            parent.find('select.selector2').each(function() {
                currcount = parseInt(currcount);
                var value = $(this).val();
                value = parseInt(value);
                currcount += value;
            });
        }

        if (currcount > boxestopick) {
            $(this).val("0");
        }

        remainder = parseInt(boxestopick) - parseInt(currcount);
        remainder = parseInt(remainder);

        if (remainder < 0) {
            remainder = 0;
        }

        var label = parent.find('.boxleft2');
        var btn = parent.find('.submit');

        if (parseInt(remainder) == 1) {
            label.html("1 box left");
        }
        else {
            label.html(remainder + " boxes left");
        }

        if (parseInt(remainder) == 0) {
            btn.removeAttr('disabled');
        }
        else {
            btn.attr('disabled', 'disabled');
        }
    });

    $('div.bigmodalContainer select.selector3').live("click", function() {
        var parent = $(this).closest("div.bigmodalContainer");
        var boxestopick = parent.find(".hid3").val();
        var currcount = 0;
        var remainder = 0;

        if ($(this).val() != '') {
            parent.find('select.selector3').each(function() {
                currcount = parseInt(currcount);
                var value = $(this).val();
                value = parseInt(value);
                currcount += value;
            });
        }

        if (currcount > boxestopick) {
            $(this).val("0");
        }

        remainder = parseInt(boxestopick) - parseInt(currcount);
        remainder = parseInt(remainder);

        if (remainder < 0) {
            remainder = 0;
        }

        var label = parent.find('.boxleft3');
        var btn = parent.find('.submit');

        if (parseInt(remainder) == 1) {
            label.html("1 box left");
        }
        else {
            label.html(remainder + " boxes left");
        }

        if (parseInt(remainder) == 0) {
            btn.removeAttr('disabled');
        }
        else {
            btn.attr('disabled', 'disabled');
        }
    });

    function WriteToDebug(message) {
        $('span.debug').append(message);
    }
});