// Fading Image Sequence JavaScript Generator for Mootools 1.2 created by WrightWay Design - www.wrightwaydesign.com.au

var bannerActive = false;
var headerPhotos;
var headerLinks;
var headerCount = 1;
var imgTimer;
var lastAction = 'next';
var currentImage = 'imgOne';

periodicalCycle = new Class({

    initialize: function(dateString){ this.startTimer(); },
    updateCount: function(){ nextImage(); },
    stopTimer: function(){ $clear(this.periodicalTimer); },
    startTimer: function(){
        this.periodicalTimer = this.updateCount.periodical(10000, this);
    }

});

function nextImage(manual) {

	if (bannerActive == true) { return false; }

    bannerActive = true;

	var oldImage = currentImage;
    if (currentImage == 'imgOne') { 
    	currentImage='imgTwo'; 
    } else { 
    	currentImage='imgOne'; 
    }

    $(oldImage).setStyle('zIndex','1');
    $(currentImage).setStyle('zIndex','2');

	$('clickThroughLink').set('href',headerLinks[headerCount]);
    if (headerCount == (headerPhotos.length - 1)) { headerCount = 0; } else { headerCount++; }
    lastAction == 'next';
        
    if (manual == true) {

        new Fx.Morph($(currentImage), { duration: 300, onComplete: function() {
                bannerActive = false;
                $(oldImage).setStyle('opacity','0');
                $(oldImage).setStyle('background-image', 'url('+headerPhotos[headerCount].src+')');
            }}).start({'opacity':1});

	} else {

        new Fx.Morph($(currentImage), { duration: 1500, onComplete: function() {
                bannerActive = false;
                $(oldImage).setStyle('opacity','0');
                $(oldImage).setStyle('background-image', 'url('+headerPhotos[headerCount].src+')');
            }}).start({'opacity':1});

    }
		
}

function prevImage(manual) {

	if (bannerActive == true) { return false; }

    bannerActive = true;
	
    if (currentImage == 'imgOne') { 
    	oldImage='imgOne'; 
    } else { 
    	oldImage='imgTwo'; 
    }

	var tmpCount = headerCount;
    if (lastAction == 'next') { 
        if (currentImage == 'imgOne') { 
            oldImage='imgTwo'; 
        } else { 
            oldImage='imgOne'; 
        }
        if (tmpCount == 0) { tmpCount = parseInt(headerPhotos.length - 1); } else { tmpCount--; }
    }
    if (tmpCount == 0) { tmpCount = parseInt(headerPhotos.length - 1); } else { tmpCount--; }
    $(oldImage).setStyle('background-image', 'url('+headerPhotos[tmpCount].src+')');

	var oldImage = currentImage;
    if (currentImage == 'imgOne') { 
    	currentImage='imgTwo'; 
    } else { 
    	currentImage='imgOne'; 
    }

    $(oldImage).setStyle('zIndex','1');
    $(currentImage).setStyle('zIndex','2');

	$('clickThroughLink').set('href',headerLinks[headerCount]);
    if (headerCount == 0) { headerCount = parseInt(headerPhotos.length - 1); } else { headerCount--; }
    lastAction == 'prev';
    
    if (manual == true) {
    
        new Fx.Morph($(currentImage), { duration: 300, onComplete: function() {
                bannerActive = false;
                $(oldImage).setStyle('opacity','0');
                $(oldImage).setStyle('background-image', 'url('+headerPhotos[headerCount].src+')');
            }}).start({'opacity':1});
	} else {
        
        new Fx.Morph($(currentImage), { duration: 1500, onComplete: function() {
                bannerActive = false;
                $(oldImage).setStyle('opacity','0');
                $(oldImage).setStyle('background-image', 'url('+headerPhotos[headerCount].src+')');
            }}).start({'opacity':1});

	}		
}

function startSequence() { 
	imgTimer = new periodicalCycle; 
	if (document.id('bannerPrevLink')) {
    	document.id('bannerPrevLink').getElement('img').setStyle('display','block');
    }

	if (document.id('bannerNextLink')) {
    	document.id('bannerNextLink').getElement('img').setStyle('display','block');
    }
}

window.addEvent('domready', function() {

	if (document.id('bannerPrevLink')) {
    	document.id('bannerPrevLink').getElement('img').setStyle('display','none');
        document.id('bannerPrevLink').addEvent('click', function(){ 
	        imgTimer.stopTimer();
        	prevImage(true); 
            return false; 
        });
    }

	if (document.id('bannerNextLink')) {
    	document.id('bannerNextLink').getElement('img').setStyle('display','none');
        document.id('bannerNextLink').addEvent('click', function(){ 
	        imgTimer.stopTimer();
        	nextImage(true); 
            return false; 
        });
    }

	var count = 0;
    $('imgTwo').setStyle('opacity',0);
    $('imgTwo').setStyle('display','block');
    headerLinks = new Array('/our-services/life-skills-education.php','/our-services/life-skills-education.php','/our-services/counselling-services.php','/our-services/outreach-services.php');
	$('clickThroughLink').set('href',headerLinks[0]);
	headerPhotos = new Asset.images(['/images/banners/betterrelationships.jpg','/images/banners/conflictresolution.jpg','/images/banners/lifestruggles.jpg','/images/banners/ruralandremote.jpg'], {  
		onProgress: function() {
        	if (count == 0) {
            	$('imgOne').setStyle('background-image', 'url('+this.getProperty('src')+')');
            } else if (count == 1) {
            	$('imgTwo').setStyle('background-image', 'url('+this.getProperty('src')+')');
            }
            count++;
        },
		onComplete: function() { startSequence(); }
	});
    
});