function init_menu() {

    pos = $('#main').offset();

    // $('#nav-nojs').css('display','none');

    $('#nav').css({'display':'none', 'left':  pos.left });


    mb = $('<div id="menu" ><img src="/images/menu.gif" /></div>');

    $('#main').prepend(mb);

    mb.bind('click',function() {

            pos = $('#main').offset();
            if($.browser.msie  & $.browser.version == '6.0' )
                var tp = '25px';
            else
                var tp = '27px';

            $('#nav').css({
                 position: 'absolute'
                ,top: pos.top+'px'
                ,height: '130px'
                ,left: pos.left-1+'px'
                ,'z-index': '1200'

            });

            $('#nav').toggle('slide');

            return;

    }
    );


}


var backgrounds = [ 
'18.jpg','20.jpg','bg10.jpg','bg12.gif','bg14.jpg','bg17.jpg','bg19.jpg','bg20.jpg','bg3.gif','bg5.jpg','bg7.jpg',
'19.jpg','21.jpg','bg11.jpg','bg13.jpg','bg16.jpg','bg18.jpg','bg1.gif','bg2.gif', 'bg4.jpg','bg6.jpg','bg9.jpg'
];


var bg_idx= 0;

function set_pb() {
    var bg_img = 'url(/images/'+backgrounds[bg_idx]+')';

    $('#body').css('background-image',bg_img);
    bg_idx += 1;
    if(bg_idx == backgrounds.length)
        bg_idx=0;

}


$(document).ready(function() {

    // $('#pagecontainer').dropShadow({left:2,top:2, opacity:0.8, blur:2, color: "black" } );

    $('pagecontainer').css('background-color','transparent')
    init_menu();
    $(window).resize(function() {
        $('#nav').hide();
        }

    );



    $(window).blur(function() {
        $('#nav').hide();
        }

    );


}

);