function fnInitImages(){
    $$('img.page-image').each(function(el){
        el.setStyle('opacity', 0);
        el.setStyle('visibility', 'hidden');
    });
    
    $$('img.page-image')[0].setStyle('opacity', 1);
    $$('img.page-image')[0].setStyle('visibility', 'visible');
    
    fnStartFlip();
}

function fnStartFlip(){
    setTimeout('fnFlipImage();',5000);
}

function fnFlipImage(){

    var intImageCount = $$('img.page-image').length;
    
    for (iLoop=0;iLoop<$$('img.page-image').length;iLoop++){
        if ($$('img.page-image')[iLoop].style.visibility == 'visible'){
            var intCurrentItem = iLoop;
        }
    }
    
    var intNextItem = (intCurrentItem < (intImageCount-1)) ? intCurrentItem + 1 : 0;
    
    var morphOut = new Fx.Morph($$('img.page-image')[intCurrentItem], {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
    var morphIn = new Fx.Morph($$('img.page-image')[intNextItem], {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
    
    morphOut.start({
        'opacity': 0,
        'visibility': 'hidden'
    });
    morphIn.start({
        'opacity': 1,
        'visibility': 'visible'
    });

    fnStartFlip();
}

function fnInitGalleryImages(){
    var images = $$('div#gallery div.image');
    images.each(function(el){
        el.setStyle('opacity', 0);
        el.setStyle('visibility', 'hidden');
    });
    
    images[0].setStyle('opacity', 1);
    images[0].setStyle('visibility', 'visible');
    
    
    var links = $$('div#gallery ul li a');
    links.each(function(el, idx){
        el.addEvent('click', function(e){
            e.stop();
            fnShowGalleryImage(idx);
        })
    });
}


function fnShowGalleryImage(idx){

    var links = $$('div#gallery ul li a');
    links.each(function(el, idx){
        el.removeClass('on');
    });
    links[idx].addClass('on');

    var images = $$('div#gallery div.image');
    
    var intImageCount = images.length;
    
    for (iLoop=0;iLoop<images.length;iLoop++){
        if (images[iLoop].style.visibility == 'visible'){
            var intCurrentItem = iLoop;
        }
    }
    
    //var intNextItem = (intCurrentItem < (intImageCount-1)) ? intCurrentItem + 1 : 0;
    
    var morphOut = new Fx.Morph(images[intCurrentItem], {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
    var morphIn = new Fx.Morph(images[idx], {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
    
    morphOut.start({
        'opacity': 0,
        'visibility': 'hidden'
    });
    morphIn.start({
        'opacity': 1,
        'visibility': 'visible'
    });

}