function showBox(){
    $('overlay').show();
    center('box');
    return false;
}

function showBox2(){
    $('overlay').show();
    center('box2');
    return false;
}

function showBox3(){
    $('overlay').show();
    center('box3');
    return false;
}
function showBox4(){
    $('overlay').show();
    center('box4');
    return false;
}

function showBox5(){
    $('overlay').show();
    center('box5');
    return false;
}

function showBox6(){
    $('overlay').show();
    center('box6');
    return false;
}

function showBox7(){
    $('overlay').show();
    center('box7');
    return false;
}

function showBox8(){
    $('overlay').show();
    center('box8');
    return false;
}

function showBox9(){
    $('overlay').show();
    center('box9');
    return false;
}

function showBox10(){
    $('overlay').show();
    center('box10');
    return false;
}

function showBox11(){
    $('overlay').show();
    center('box11');
    return false;
}

function showBox12(){
    $('overlay').show();
    center('box12');
    return false;
}

function showBox13(){
    $('overlay').show();
    center('box13');
    return false;
}

function showBox14(){
    $('overlay').show();
    center('box14');
    return false;
}

function showBox15(){
    $('overlay').show();
    center('box15');
    return false;
}

function showBox16(){
    $('overlay').show();
    center('box16');
    return false;
}

function showBox17(){
    $('overlay').show();
    center('box17');
    return false;
}

function showBox18(){
    $('overlay').show();
    center('box18');
    return false;
}

function hideBox(){
    $('box').hide();
    $('box2').hide();
    $('box3').hide();
    $('box4').hide();
    $('box5').hide();
    $('box6').hide();
    $('box7').hide();
    $('box8').hide();
    $('box9').hide();
    $('box10').hide()
    $('box11').hide()
    $('box12').hide()
    $('box13').hide()
    $('box14').hide()
    $('box15').hide()
    $('box16').hide()
    $('box17').hide()
    $('box18').hide()

    $('overlay').hide();
    return false;
}

function center(element){
    try{
        element = $(element);
    }catch(e){
        return;
    }

    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' ){
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement && 
             ( document.documentElement.clientWidth ||
               document.documentElement.clientHeight ) ){
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body && 
            ( document.body.clientWidth || document.body.clientHeight ) ){
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }

    element.style.position = 'absolute';
    element.style.zIndex   = 99;

    var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop ){
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop ){
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset ){
        scrollY = window.pageYOffset;
    }else if ( window.scrollY ){
        scrollY = window.scrollY;
    }

    var elementDimensions = Element.getDimensions(element);

    var setX = ( my_width  - elementDimensions.width  ) / 2;
    var setY = ( my_height - elementDimensions.height ) / 2 + scrollY;

    setY = 4; //height
    setX = 188; //width

    element.style.left = setX + "px";
    element.style.top  = setY + "px";

    element.style.display  = 'block';
}