
function pageLoad(sender, args) {
    /*Timeouts in seconds*/
    var cycleTimeout = 5;
    var carouselTimeout = 14.9; //14.9;
    var carouselSwapSpeed = 1000;

    var carouselitemcount = 1;
    var carouselitemclass = "";

    var hideBrandButtonsSpeed = 900;
    var showBrandButtonsSpeed = 400;
    var hideBrandBoxSpeed = 300;
    var showBrandBoxSpeed = 100;

    showBrandButtons = function(carousel, li, index, state) {
        jQuery('.bottomleftbox', li).fadeIn(showBrandButtonsSpeed);
        jQuery('.brandbutton', li).fadeIn(showBrandButtonsSpeed);
        jQuery('.intro', li).fadeIn(showBrandButtonsSpeed);
    }
    hideBrandButtons = function(carousel, li, index, state) {
        if (state != "init") {
            jQuery('.bottomleftbox').fadeOut(hideBrandButtonsSpeed);
            jQuery('.brandbutton').fadeOut(hideBrandButtonsSpeed);
            jQuery('.bottomleftboxcontainer').fadeOut(hideBrandButtonsSpeed);
            jQuery('.intro', li).fadeOut(hideBrandButtonsSpeed);
        }
    }


    if ($jq.browser.msie && $jq.browser.version == "6.0") {
        $jq('.time').pngFix();
        $jq('.strapline').pngFix();

        $jq(".bottomleftbox").click(function(event) {
            var container = $jq(this).parent();
            var bottomleftbox = $jq(".bottomleftboxcontainer", container);

            alert(bottomleftbox.is(":visible"));
            if (bottomleftbox.is(":visible")) {
                // Hide - slide up.
                alert('hide');
                $jq('.intro', container).hide();
                bottomleftbox.hide();
                $jq(this).removeClass("active");
            } else {
                // Show - slide down.
                alert('show');
                $jq('.intro', container).show();
                bottomleftbox.show();
                $jq(this).addClass("active");
                loadSifrFonts();
            }
        });
    }
    else {
        

        $jq('.twentyfoursevenitem .images').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	        , timeout: (cycleTimeout * 1000)
        });


        $jq(".bottomleftbox").click(function(event) {
            var container = $jq(this).parent();
            var bottomleftbox = $jq(".bottomleftboxcontainer", container);

            if (bottomleftbox.is(":visible")) {
                // Hide - slide up.
                $jq('.intro', container).fadeIn(showBrandButtonsSpeed);
                bottomleftbox.slideUp(hideBrandBoxSpeed);
                $jq(this).removeClass("active");
            } else {
                // Show - slide down.
                $jq('.intro', container).fadeOut(1);
                bottomleftbox.slideDown(showBrandBoxSpeed);
                $jq(this).addClass("active");
                loadSifrFonts();
            }
        });



        $jq(".twentyfoursevenitem").each(function(index) {
            if (carouselitemcount == 1) {
                $jq(".jcarousel-control").html("<ul></ul>");
                carouselitemclass = "active";
            }
            $jq(".jcarousel-control ul").html($jq(".jcarousel-control ul").html() + "<li><a class='" + carouselitemclass + "' id='carouselbutton" + carouselitemcount + "' href='#'>" + carouselitemcount + "</a></li>");
            carouselitemcount++;
            carouselitemclass = "";
        });


        $jq("#twentyfourseven").jcarousel({
            scroll: 1,
            auto: carouselTimeout,
            animation: carouselSwapSpeed,
            wrap: "last",
            itemVisibleInCallback: {
                onBeforeAnimation: hideBrandButtons,
                onAfterAnimation: showBrandButtons

            },
            initCallback: function(jc, state) {
                if (state == 'init') {

                    jc.buttonNext[0].style.display = 'none';
                    jc.buttonPrev[0].style.display = 'none';
                    jQuery('.jcarousel-control a').bind('click', function() {
                        jQuery('.jcarousel-control a').removeClass('active')
                        jc.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
                        jQuery(this).addClass('active');
                        return false;
                    });
                    jc.startAutoOrig = jc.startAuto;
                    jc.startAuto = function() {
                        if (!jc.paused) {
                            jc.startAutoOrig();
                        }
                    }
                    jc.pause = function() {
                        jc.paused = true;
                        jc.stopAuto();
                    };
                    jc.play = function() {
                        jc.paused = false;
                        jc.startAuto();
                    };
                    $jq('li.jcarousel-item').mouseover(function() {
                        jc.pause();
                    });
                    $jq('li.jcarousel-item').mouseout(function() {
                        jc.play();
                    });
                }
                jc.scroll(jQuery.jcarousel.intval('1'));
                //                jc.play();
            }
        });

    }

    /*Put brand button in correct place*/
    var carouselcontrol = $jq(".jcarousel-control");
    var brandbutton = $jq(".brandbutton");
    if (carouselcontrol != null) {
        if (brandbutton != null) {
            brandbutton.css("margin-left", carouselcontrol.width() + "px");
        }
    }
    loadSifrFonts();

}


