function view() 
{
    var xresadd, yresadd2;
    var xres = 654;
    var yres = 361;
    xresadd = xres + 10;
    yresadd2 = yres + 52;

    $('#refDiv').empty().html('<div class="backgroundSiteCoveringShadow" id="backgroundSiteCoveringShadowDiv"></div><div class="player_out" id="PictureViewPlayerCompleteStruct"><table class="player_tab" id="player_tab"><tr><td class="player_td1" id="player_td1">' +
    '<img src="img/banner/bannerMap.jpg" usemap="#Navigation" />' +
        '<map name="Navigation">' +
            '<area shape="rect" coords="20,9,212,54" href="http://projects.goldenforests.ru/xviball/" target="_blank" alt="Бал XVI век" />' +
            '<area shape="rect" coords="20,63,212,106" href="http://projects.goldenforests.ru/springball2008/bs2008_anons.html" target="_blank" alt="Весенний бал 2008" />' +
            '<area shape="rect" coords="20,113,212,192" href="http://projects.goldenforests.ru/springball2007/" target="_blank" alt="Мушкетерский бал" />' +
            '<area shape="rect" coords="20,202,213,269" href="http://projects.goldenforests.ru/springnball2006/" target="_blank" alt="Английский бал" />' +  
            '<area shape="rect" coords="20,281,212,348" href="http://www.goldenforests.ru/meropr/2005/spring-ball/" target="_blank" alt="Бал Маскарад" />' +

            '<area shape="rect" coords="219,9,295,108" href="http://projects.goldenforests.ru/autumnball2008/" target="_blank" alt="Золушка" />' +          
            '<area shape="rect" coords="223,114,293,193" href="http://projects.goldenforests.ru/autumnball2007/" target="_blank" alt="Унесенные ветром" />' +           
            '<area shape="rect" coords="222,202,296,269" href="http://projects.goldenforests.ru/autumnball2006/" target="_blank" alt="Золотая осень" />' +
            '<area shape="rect" coords="222,281,296,349" href="http://projects.goldenforests.ru/autumnball2005/" target="_blank" alt="Императорский бал" />' +

            '<area shape="rect" coords="329,15,446,107" href="http://goldenforests.ru/meropr/meropr_2004_bal_vesna.html" target="_blank" alt="Весенний бал. Праздник в стиле Модерн" />' +
            '<area shape="rect" coords="329,119,445,204" href="http://goldenforests.ru/meropr/meropr_2003_bal_vesna.html" target="_blank" alt="Весенний бал 2003" />' +


            '<area shape="rect" coords="458,15,625,107" href="http://goldenforests.ru/photo/photos/2004/ball-dr.html" target="_blank" alt="Зимний бал 2004. День рождение клуба" />' +
            '<area shape="rect" coords="458,118,625,203" href="http://goldenforests.ru/meropr/meropr_2003_bal_zima.html" target="_blank" alt="Праздник-Бал 2003" />' +

            '<area shape="rect" coords="457,216,625,279" href="http://goldenforests.ru/meropr/meropr_2002_bal_osen.html" target="_blank" alt="Осенний бал 2002" />' +


            '<area shape="rect" coords="329,217,445,279" href="http://golden-forests.narod.ru/projects/bal/2002-spring.html" target="_blank" alt="Весенний бал 2002" />' +
            '<area shape="rect" coords="328,292,445,349" href="http://golden-forests.narod.ru/projects/bal/2001-autumn.html" target="_blank" alt="Осенний бал 2001" />' +

            '<area shape="rect" coords="458,292,625,349" href="http://golden-forests.narod.ru/archives/bal_a00.html" target="_blank" alt="Осенний бал 2000" />' +
        '</map>' +
    '</td></tr><tr><td class="player_td2"><img src="img/player_button_close.gif" class="player_button_close" alt="Закрыть" onclick="javascript:closeContainer();" /></td></tr></table></div>');

    initContainer(xresadd, yresadd2);
}

function viewImg(xres, yres, url) 
{
    var xresadd, yresadd2;
    xresadd = xres + 10;
    yresadd2 = yres + 52;

    $('#refDiv').empty().html('<div class="backgroundSiteCoveringShadow" id="backgroundSiteCoveringShadowDiv"></div><div class="player_out" id="PictureViewPlayerCompleteStruct"><table class="player_tab" id="player_tab"><tr><td class="player_td1" id="player_td1"><img id="loadedImage" src="' + url + '" alt="Image"></td></tr><tr><td class="player_td2"><img src="img/player_button_close.gif" class="player_button_close" alt="Закрыть" onclick="javascript:closeContainer();"></td></tr></table></div>');

    $('loadedImage').css('width', xres + 'px');
    $('loadedImage').css('height', yres + 'px');

    initContainer(xresadd, yresadd2);
}

function initContainer(xresadd, yresadd2)//'private' function 
{
    $('player_tab').css('width', xresadd + 'px');
    $('player_tab').css('height', yresadd2 + 'px');
    $('player_td1').css('width', xresadd + 'px');
    $('PictureViewPlayerCompleteStruct').css('width', xresadd + 'px');
    $('PictureViewPlayerCompleteStruct').css('height', yresadd2 + 'px');
    $('#backgroundSiteCoveringShadowDiv').css('width', xresadd + 20 + 'px');
    $('#backgroundSiteCoveringShadowDiv').css('height', yresadd2 + 20 + 'px');

    var top = (parseInt($(window).innerHeight()) - (parseInt(yresadd2))) / 2;
    var left = (parseInt($(window).innerWidth()) - (parseInt(xresadd))) / 2 + $(window).scrollLeft();
    
    if (top <= 0)
        top = 0;
    else
        top = top + $(window).scrollTop(); 
        
    if (left <= 0)
        left = 0;
    else  
        left = left + $(window).scrollLeft(); 

    $('#PictureViewPlayerCompleteStruct').css('top', top + 'px');
    $('#PictureViewPlayerCompleteStruct').css('left', left + 'px');
    $('#backgroundSiteCoveringShadowDiv').css('top', top - 10 + 'px');
    $('#backgroundSiteCoveringShadowDiv').css('left', left - 10 + 'px');

    $('#backgroundSiteCoveringShadowDiv').show();
    $('#PictureViewPlayerCompleteStruct').show();
}

function closeContainer() 
{
    $('#refDiv').empty();
}