//http://jstween.blogspot.com/

function showPic(div) {
    
    var objIn = document.getElementById(div);
    var objOut

    var opacityTweenOut
    if (document.getElementById('photo1').style.display == "inline")
        objOut = document.getElementById('photo1');
    if (document.getElementById('photo2').style.display == "inline")
        objOut = document.getElementById('photo2');
    if (document.getElementById('photo3').style.display == "inline")
        objOut = document.getElementById('photo3');
    if (document.getElementById('photo4').style.display == "inline")
        objOut = document.getElementById('photo4');
    if (document.getElementById('photo5').style.display == "inline")
        objOut = document.getElementById('photo5');
    if (document.getElementById('photo6').style.display == "inline")
        objOut = document.getElementById('photo6');                   

    if (objIn.id != objOut.id) {
        try {
            if (objOut) {
                var tOut = new OpacityTween(objOut,Tween.regularEaseOut,100,0,.5);
                tOut.onMotionFinished = function(){objOut.style.display = "none";};
                tOut.start();
            }
            if (objIn) {
                var tIn = new OpacityTween(objIn,Tween.regularEaseIn,0,100,.5);
                tIn.onMotionStarted = function(){objIn.style.display = "inline";};
                tIn.start();
            }
        }
        catch(ex) {
            if (objOut)
                objOut.style.display = "none";
            if (objIn)
                objIn.style.display = "inline";
        }
    }
}

function loadHomePage(img,tab,delay) {
    setTimeout("showPicHome('" + img + "','" + tab + "')",delay);
}

function showPicHome(img,tab) {

    var imgIn = document.getElementById(img);
    var imgOut;
    
    var tabIn = document.getElementById(tab);
    var tabOut;
    
    if (document.getElementById('homeImage1').style.display == "inline") {
        imgOut = document.getElementById('homeImage1');
        tabOut = document.getElementById('tab1');
    }
    if (document.getElementById('homeImage2').style.display == "inline") {
        imgOut = document.getElementById('homeImage2');
        tabOut = document.getElementById('tab2');
    }
    if (document.getElementById('homeImage3').style.display == "inline") {
        imgOut = document.getElementById('homeImage3');
        tabOut = document.getElementById('tab3');
    }
    if (document.getElementById('homeImage4').style.display == "inline") {
        imgOut = document.getElementById('homeImage4');
        tabOut = document.getElementById('tab4');
    }
    if (document.getElementById('homeImage5').style.display == "inline") {
        imgOut = document.getElementById('homeImage5');           
        tabOut = document.getElementById('tab5');
    }
    
    var imgInID = imgIn.id
    var imgOutID = 0

    if (imgOut)
        imgOutID = imgOut.id
    
    if (imgInID != imgOutID) {
        try {
            if (imgOut) {
                var iOut = new OpacityTween(imgOut,Tween.regularEaseOut,100,0,.5);
                iOut.onMotionFinished = function(){imgOut.style.display = "none";};
                iOut.start();
            }
                
            if (imgIn) {
                var iIn = new OpacityTween(imgIn,Tween.regularEaseIn,0,100,.5);
                iIn.onMotionStarted = function(){imgIn.style.display = "inline";};
                iIn.start();
            }
            
            if (tabOut) {
                var tOut = new Tween(tabOut.style,'top',Tween.regularEaseOut,0,100,.5,'px');        
                tOut.start();
            }
            
            if (tabIn) {
                var tIn = new Tween(tabIn.style,'top',Tween.bounceEaseOut,100,0,1,'px');
                tIn.start();
            }            
            
        }
        catch(ex) {
            if (tabOut) {
                var tOut = new Tween(tabOut.style,'top',Tween.regularEaseOut,0,100,.5,'px');        
                tOut.start();
            }
            
            if (tabIn) {
                var tIn = new Tween(tabIn.style,'top',Tween.bounceEaseOut,100,0,1,'px');
                tIn.start();
            }  
            if (imgOut)
                imgOut.style.display = "none";
                
            if (imgIn)
                imgIn.style.display = "inline";
        }        
    }
}