jQuery.fn.preload = function() {
    this.each(function() {
        jQuery('<img/>')[0].src = this;
    });
}

var preloadImage = [
"http://www.firstfolio.com.au/wp-content/themes/firstfolio/images/main-bg-1.jpg", "http://www.firstfolio.com.au/wp-content/themes/firstfolio/images/main-bg-2.jpg", "http://www.firstfolio.com.au/wp-content/themes/firstfolio/images/main-bg-3.jpg", "http://www.firstfolio.com.au/wp-content/themes/firstfolio/images/main-bg-4.jpg"];

jQuery(preloadImage).preload();


var btnId = ['Our Vision', 'Our Goals', 'Our People', 'Message from CEO'],
SlideInterval = 5000;

jQuery(document).ready(function() {

	jQuery(window).resize(function() {
	  var wBody = jQuery(window).width();
    var hBody = jQuery(window).height();
    var hHeadwrap = jQuery('#headwrap').height();

    jQuery('#bodywrap-home-inner').width(wBody);
    jQuery('#bodywrap-home-inner').height(hBody - hHeadwrap);

    jQuery('.promo-bg').width(wBody).height(hBody - hHeadwrap);
	});

});

jQuery(function() {

    var wBody = jQuery(window).width();
    var hBody = jQuery(window).height();
    var hHeadwrap = jQuery('#headwrap').height();

    jQuery('#bodywrap-home-inner').width(wBody);
    jQuery('#bodywrap-home-inner').height(hBody - hHeadwrap);

    jQuery('.promo-bg').width(wBody).height(hBody - hHeadwrap);


    jQuery('.slideshow').cycle({
        fx: 'fade',
        timeout: SlideInterval,
        pager: '.flash-right',
        fit: true,
        pagerAnchorBuilder: function(idx, slide) {
            return '<a href="#">' + btnId[idx] + '</a>';
        },
        //pause: 1,  // enable "pause on hover"
        pauseOnPagerHover: 1
        // true to pause when hovering over pager link
    });

    jQuery('.slideshow-bg').cycle({
        fx: 'fade',
        fit: true,
        timeout: SlideInterval,
        pager: '.promo-left-bg',
        //pause: 1,  // enable "pause on hover"
        pauseOnPagerHover: 1
        // true to pause when hovering over pager link
    });


    jQuery('.flash-right a').each(function(i) {
        if (i == 0)
        jQuery(this).text(btnId[i]).addClass('activeSlide');
        else
        jQuery(this).text(btnId[i]);

        jQuery(this).click(function() {
            // trigger background slideshow
            jQuery('.promo-left-bg a:eq(' + i + ')').trigger('click');
        });
    });

    jQuery('.flash-right a').hover(
    function() {
        jQuery('.promo-left-bg a').trigger('mouseover')
    },
    function() {
        jQuery('.promo-left-bg a').trigger('mouseout')
    }
    );
});