// JavaScript Document jquery.stoneasy.js

// CUFON textreplacements
Cufon.replace('h1', {hover:true});
Cufon.replace('.cufon', { hover: true });
Cufon.replace('#MainMenu a', { hover: true });


function SetCheckoutActionAndSubmit(setActionTo, setIdentifierTo, setCheckoutStepTo) {
    var submitOK = true;

    if (setActionTo == "checkoutFinishStep3" && setCheckoutStepTo == "4") {
        // check if a radiobutton is checked
        var isSelected = false;

        for (i = 0; i < document.frmCheckout.paymentmethod.length; i++) {
            if (document.frmCheckout.paymentmethod[i].checked) {
                isSelected = true;
                break;
            }
        }

        if (!isSelected) {
            alert("Please choose the payment method!");
            submitOK = false;
        }
    } else if (setActionTo == "checkoutFinishStep4" && setCheckoutStepTo == "5") {
        if (document.frmCheckout.accept.checked != 1) {
            alert("Please accept terms and conditions!");
            submitOK = false;
        }
    }
    
    if (submitOK) {
        document.frmCheckout.action.value = setActionTo;
        document.frmCheckout.identifier.value = setIdentifierTo;
        document.frmCheckout.checkoutstep.value = setCheckoutStepTo;

        document.frmCheckout.submit();
    }
}

/////////////////////////////////////////////////////// JQUERY //////////////////////////////////////////////////////////////////


$('document').ready(function () {

    // Splash page open/collapse
    var openCountry = null;
    $('.initClose').hide();
    $('.headerClicker').click(function () {
        if (openCountry != null && openCountry != this)
            $(openCountry).next().toggle();

        $(this).next().toggle();
        if (openCountry != this) {
            openCountry = this;
        } else {
            openCountry = null;
        }
    });

    // Twitter integration
    $(".twitter").getTwitter({
        userName: "stoneasy",
        numTweets: 1,
        loaderText: "",
        slideIn: false,
        slideDuration: 750,
        showHeading: false,
        headingText: "",
        showProfileLink: false,
        showTimestamp: true // nodig om link naar stoneasy twitter te maken, anders worden links verwijderd!
    });

    // Cycle voor foto's
    $('#Pictures').cycle({ pager: '#PicturesPager', timeout: 0, fx: 'scrollHorz', speed: 850 });

    // Cycle voor your latest order
    $('#ProductHolder').cycle({ fx: 'scrollHorz', speed: 500, timeout: 0, next: '#NextProduct', prev: '#PrevProduct' });
    $(".containerHolder").each(function (i) {
        $(this).cycle({ fx: 'scrollHorz', speed: 500, timeout: 0, next: '#NextContainer', prev: '#PrevContainer' });
    });
    // hack for ie -> invisible productcontainer on startup
    $(".containerHolder").css("height", "150px");


    // Cycle voor text pager items
    $('#TextPagerItems').cycle({ fx: 'fade', speed: 1500, timeout: 8000, next: '#PagerNext', prev: '#PagerPrev' });
    $('.TextPagerRight div:eq(1)').cycle({ fx: 'fade', speed: 1500, timeout: 8000, next: '.TextPagerRightNext', prev: '.TextPagerRightPrev' });



    // percent berekening van your target WIDGET
    var target = parseFloat($('#TargetProgress').attr("target"));
    var progress = parseFloat($('#TargetProgress').attr("current"));

    var pct = (progress / target);

    if (pct > 1) {
        pct = 1;
    }

    var setWidth = ($('#YourTargetContent').width() * pct) - 15;
    if (setWidth < 0) {
        setWidth = 1;
    }
    $('#TargetProgress').animate({ width: setWidth + 'px' }, 0);

    // percent berekening van your target BIG
    var target_big = parseFloat($('.TargetProgressBig').attr("target"));
    var progress_big = parseFloat($('.TargetProgressBig').attr("current"));

    var pct_big = (progress_big / target_big);
    var setWidth_big = ($('.YourTargetContentBig').width() * pct_big) - 15; // 10px(right) + 5px(left) padding moet er terug af!
    if (setWidth_big < 0) {
        setWidth_big = 1;
    }
    $('.TargetProgressBig').animate({ width: setWidth_big + 'px' }, 875);


    // Order history collapseing divs
    $('.details').hide();
    $('.btSpan').click(function () {
        $(this).parent().parent().next().slideToggle(500);

        if ($(this).children().text().indexOf(openText) != -1) {
            $(this).children().text(closeText);
        } else {
            $(this).children().text(openText);
        }

    });

    // Read more functionality
    var curropen = null; // id of current open item
    $('.FaqText').hide();
    $('.readMore').click(function () {

        $('#txt' + curropen).toggle('slow');
        $('a.' + curropen).text(openText);

        if ($(this).attr('id') != curropen) {
            $('#txt' + $(this).attr('id')).toggle('slow');
            curropen = $(this).attr('id');
            $('a.' + curropen).text(closeText);
        } else {
            curropen = null;
        }
    });


    // Custom selectboxes
    $('.SelectBox').selectbox({ onChangeCallback: changeSelectBox });
    $('.inpSelect').selectbox({ inputClass: "selectboxContact", containerClass: "selectbox-wrapper-contact" });
    $('.SelectBoxBlue').selectbox({ inputClass: "selectboxBlue", containerClass: "selectbox-wrapper-blue", onChangeCallback: openItem });
    $('.Country').selectbox({ inputClass: "selectboxHelp", containerClass: "selectbox-wrapper-help", onChangeCallback: changeLang });

    // correct selectbox pos if not logged in
    if (!loginOk) {
        $('.selectboxHelp').css("margin-left", "800px");
        $('div.selectbox-wrapper-help').css("margin-left", "800px");
    }

    function changeLang() {
        document.frmCountry.submit();
    }

    function changeSelectBox(args) {
        document[args.frm].submit();
    }

    function openItem(args) {
        $.scrollTo($('#txt' + args.selectedVal).parent(), 500, {
            onAfter: function () {
                if (curropen != args.selectedVal) {
                    $('#txt' + curropen).toggle('slow');
                    $('a.' + curropen).text(openText);
                    $('#txt' + args.selectedVal).toggle('slow');
                    $('a.' + args.selectedVal).text(closeText);
                } else {
                    $('#txt' + args.selectedVal).toggle('slow');
                    if (curropen == null) {
                        $('a.' + args.selectedVal).text(closeText);
                    } else {
                        $('a.' + args.selectedVal).text(openText);
                    }

                }
                curropen = args.selectedVal;
            }
        });
    }


    // numeric steppers
    $.each($('.NumericStepper'), function () {
        $(this).spinner({ max: $(this).attr('max'), min: $(this).attr('min') });
    });

    // fade in 'added to cart'
    $('#AddedToBasket').fadeIn(3000);


    // help popup
    var $help;
    if (helpText) {
        if (helpText != "") {
            $help = $('<div id="HelpWindow"></div>')
                    .html(helpText)
                    .dialog({ autoOpen: false, title: helpTitle, modal: false, width: 400, height: 'auto' });

            $('#HelpButton').click(function () {
                $help.dialog('open');
            });
        }
    }

});


// maak van de twitters een cycle eens ze geladen zijn!
function TwitterLoaded() {
    // Cycle voor twitter berichten
    
    /*$('.twitted ul').cycle({
        fx: 'scrollVert',
        speed: 1000,
        timeout: 10000,
        cleartype: false
    });*/

}