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

    myTabs1 = new mootabs('myTabs', { height: '130px', changeTransition: 'none', mouseOverClass: 'over'});

    var mySlide2 = new Fx.Slide('slidearea', {mode: 'horizontal', duration: 500});
    mySlide2.hide();

    changeCaption(shipcap0);

    $('openbox').addEvent('click', function(e){

           showDiv('hidebox');

           e = new Event(e);
           mySlide2.toggle();

           changeImage(shipimg0, shipcap1);

           e.stop();
    });

    $('closebox').addEvent('click', function(e){

           hideDiv('hidebox');

           e = new Event(e);
           mySlide2.toggle();

           changeCaption(shipcap0);

           e.stop();
    });
});



function getRefToDiv(divID,oDoc) {
    if( document.getElementById ) { return document.getElementById(divID); }
    if( document.all ) { return document.all[divID]; }
    if( !oDoc ) { oDoc = document; }
    if( document.layers ) {
        if( oDoc.layers[divID] ) {
            return oDoc.layers[divID];
        } else {
            for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {
                y = getRefToDiv(divID,oDoc.layers[x].document);
            }
            return y;
        }
    }
    return false;
}

function showDiv(divID_as_a_string) {
    var myReference = getRefToDiv(divID_as_a_string);
    if( !myReference ) { return; }
    if( myReference.style ) { 
        myReference.style.visibility = 'visible'; 
    } else {
        if( myReference.visibility ) { 
            myReference.visibility = 'show'; 
        } else { 
            return; 
        }
    }
}

function hideDiv(divID_as_a_string) {
    var myReference = getRefToDiv(divID_as_a_string);
    if( !myReference ) { return; }
    if( myReference.style ) { 
        myReference.style.visibility = 'hidden';
    } else {
        if( myReference.visibility ) { 
            myReference.visibility = 'hide'; 
        } else {
            return; 
        } 
    }
}


function changeImage(image, caption_text)
{
    $('changeimg').src=image;
    changeCaption(caption_text);
}


function changeCaption(caption_text)
{
    $('caption').setHTML(caption_text);
}