function ScriptsReady() {

    // init home slider
    if ($('#home-slider ul').length) {
        $('#home-slider ul').innerfade({ speed: 'slow', timeout: 4000, type: 'sequence', containerheight: '220px' });
    }

    // init vertical slider
    try {
        $('div.slider-vertical').sliderVertical({ height: 420 });
    }
    catch (err) {
        alert('Error: vertical slider failed to load');
    }


    //init lightbox
    try {
        $('.btn-zoom, .zoom').prettyPhoto({ theme: 'quicktime',default_width: 500, default_height: 344 });
        //$('.zoom').prettyPhoto({ theme: 'quicktime' });
    }
    catch (err) {
        //alert('Error: lightbox failed to load');
    }

    //init horizontal slider
    $("#content-slider").slider({
        animate: true,
        change: handleSliderChange,
        slide: handleSliderSlide
    });

    //$("div#jqload_menu").load("includes/jqload_menu.html");
	$("div#jqload_menu").load("includes/jqload_menu.php");
    $("div#jqload_header").load("includes/jqload_header.html");
    $("div#jqload_bottom-buttons").load("includes/jqload_bottom-buttons.html");
    $("div#jqload_footer").load("includes/jqload_footer.html");
}

// for horizontal slider
function handleSliderChange(e, ui) {
    var maxScroll = $(".slider").attr("scrollWidth") -
					  $(".slider").width();
    $(".slider").animate({ scrollLeft: ui.value * (maxScroll / 100) }, 1000);
}

function handleSliderSlide(e, ui) {
    var maxScroll = $(".slider").attr("scrollWidth") -
					  $(".slider").width();
    $(".slider").attr({ scrollLeft: ui.value * (maxScroll / 100) });
}

(function ($) {

    var SliderVertical = function (element, o) {
        element = $(element);
        var obj = this;
        var s = $.extend({
            element: $(element),
            height: 1,
            width: 1, //needed if element is initially display:none
            heightContent: '',
            elSlider: '',
            elScroll: '',
            elHolder: ''
        }, o || {});

        //init
        this.init = function () {

            //getting height of element even if it's hidden initially
            $(element).clone().attr('id', 'sliderTempXXX').css({ 'position': 'absolute', 'top': 0, 'width': s.width, 'visibility': 'hidden' }).appendTo('body');
            s.heightContent = $('#sliderTempXXX').height();
            $('#sliderTempXXX').remove();

            //alert(s.heightContent + 'xxx' + s.height);

            if (s.heightContent > s.height) {
                //alert(s.heightContent + 'xxx' + s.height);
                $(element).append('<div class="content-slider">content slider</div>')            
                .wrapInner('<div class="content-holder">')            
                .wrapInner('<div class="content-scroll">');

                $(element).height(s.height).css({ 'padding-right': '22px', 'position': 'relative' })
                //s.elSlider = $(element).find('.content-slider').height(s.height).css({'position': 'absolute', 'right':'2px', 'top':0, 'text-indent':'-9999px'});
                s.elSlider = $(element).find('.content-slider').height(s.height).css({ 'position': 'absolute', 'left': '174px', 'top':'120px','width': '20px', 'height': '340px' });
                s.elScroll = $(element).find('.content-scroll').height(s.height).css({ 'overflow': 'hidden' });
                s.elHolder = $(element).find('.content-holder').height(s.heightContent);

                //alert($(element).html());
                //alert($(s.elScroll).height());
                function handleVerticalSliderChange(e, ui) {
                    var maxScroll = $(s.elScroll).attr("scrollHeight") - $(s.elScroll).height();
                    $(s.elScroll).animate({ scrollTop: (100 - ui.value) * ((maxScroll-100) / 100) }, 1000);
                }

                function handleVerticalSliderSlide(e, ui) {
                    var maxScroll = $(s.elScroll).attr("scrollHeight") - $(s.elScroll).height();
                    $(s.elScroll).attr({ scrollTop: (100 - ui.value) * ((maxScroll-100) / 100) });
                }

                $(s.elSlider).slider({
                    animate: false,
                    change: handleVerticalSliderChange,
                    slide: handleVerticalSliderSlide,
                    orientation: 'vertical',
                    value: 100
                });

            }

        }

    };

    $.fn.sliderVertical = function (o) {
        return this.each(function () {

            var element = $(this);

            // Return early if this element already has a plugin instance
            if (element.data('sliderVertical')) return;

            // pass options to plugin constructor
            var sliderVertical = new SliderVertical(this, o);
            sliderVertical.init();

            // Store plugin object in this element's data
            element.data('sliderVertical', sliderVertical);


        });

    };
})(jQuery);