var images = [];


if(typeof MooTools != "undefined"){
    window.addEvent('domready',domReady);
}
else{
    alert("MooTools doesn't appear to be loaded");
}
function domReady(){
    //Wait to clear main image the image that is loaded on load..
    images =  new Asset.images(['./resources/images/homepage_image1.jpg', './resources/images/homepage_image2.jpg', './resources/images/homepage_image3.jpg', './resources/images/homepage_image4.jpg','./resources/images/homepage_image5.jpg']);
    clearFirst();
}

function clearFirst(){
    var container = $('mainImg');
    var myEffects = container.getFirst().effects({duration: 1000, transition:Fx.Transitions.Sine.easeInOut, onComplete: function(){startCycle();}});
    myEffects.start({'opacity':[1,0]});
    
}
function startCycle(){
    if(images.length <= 0){ images =  new Asset.images(['./resources/images/homepage_image1.jpg', './resources/images/homepage_image2.jpg', './resources/images/homepage_image3.jpg', './resources/images/homepage_image4.jpg', './resources/images/homepage_image5.jpg']);}
    var container = $('mainImg');
    var next;
    var current = container.getFirst();
    if(current == "undefined"){current = images.getLast()}
    container.empty();
    startIn = false;
    do{
        next = images.getRandom();
    }while(next.src == current.src);
    //$('debug').innerHTML += next.src+" - - "+ current.src +"<br />"
    next.setStyle('opacity',0);
    next.injectInside(container);
    images.remove(next);
    inTrans = next.effects({duration: 1000, transition:Fx.Transitions.Sine.easeInOut, onComplete: function(){setTimeout('clearFirst()',5000);}});
    inTrans.start({'opacity':[0,1]});
}

function cycle(){
    var container = $('mainImg');
    
}