function showPicture(imageSrc)
{
    
    var viewer = document.getElementById('pictureArea');
    var image = document.getElementById('picture');
    var content = document.getElementById('content');
    
    
   // alert(viewer);
   // alert(image);
    image.src = imageSrc;
    viewer.className = 'pictureView';
    content.className = 'dim';
    
}

function unShowPicture()
{
    
    var viewer = document.getElementById('pictureArea');
    var content = document.getElementById('content');
    viewer.className = 'pictureHide';
    content.className = 'umdim';
    
}

function showPictureNewWindow(imageSrc)
{
    var hiddenVal = document.getElementById('imgSrcHidden');
    hiddenVal.value = imageSrc;
    var x = (window.screen.availWidth - 315) / 2;
    var y = (window.screen.availHeight - 250) / 2;
    var wind = window.open('popup.html','_blank', 'location=no,menubar=no,status=no,toolbar=new,resizable=no,width=315,height=250,' + 'top='+y+',left='+x,'' );
    
}