var urlImage = 'php/gallery.php';

$(document).ready(function() {

   $('#bigPhoto').css('top',(screen.availHeight-600)/2-50);
   $('#bigPhoto').css('left',(screen.availWidth-800)/2);

   $('#bigMask').click(function(){
        $('#bigMask').hide();
        $('#bigPhoto').hide();

   });

   $('#prevPhoto').click(function(){
        var path='p=prev&gallery='+$('#bigMask').attr('name')+'&img='+$('#bigPhoto').attr('name');
        loadajax(path,'GET',true,getLoaderBigImage,getBigImage,urlImage);
   });

   $('#nextPhoto').click(function(){
        var path='p=next&gallery='+$('#bigMask').attr('name')+'&img='+$('#bigPhoto').attr('name');
        loadajax(path,'GET',true,getLoaderBigImage,getBigImage,urlImage);
   });

   $('.loadImage').live('click',startGallery);

});

function startGallery(){
        $('#bigMask').show();
        $('#bigPhoto').show();
        var path='p=current&gallery='+$(this).attr('name')+'&img='+$(this).find('img').attr('name');
        loadajax(path,'GET',true,getLoaderBigImage,getBigImage,urlImage);
}

function getLoaderBigImage(){
        $('#Photo').hide();
}

function getBigImage(xml){

    $('#Photo').show(); 
    $('#bigMask').attr('name',$('data', xml).find('gallery', xml).text());
    $('#bigPhoto').attr('name',$('data', xml).find('num', xml).text());
    $('#Photo').attr('src',$('data', xml).find('img', xml).text());

}