window.addEvent('domready', function(){
        $('bohhead').addEvent('click', function(){
            window.location = 'photos.aspx';
        });
        setTimeout('loadPhotos();', 2000);
    });
    
    function loadPhotos() {
       try {
            var page = $('lblRequest').get('text');
            var link = "gallery.ashx?p=" + page;
            //var loadingImage = '<img id="currentPhotoImage" src="images/ajax-loader.gif" alt="Loading..." />';
            var loadingImage = 'images/ajax-loader.gif';
            
            var myRequest = new Request.HTML({
                method: 'get',
                url: link,
                onRequest: function(){ 
                    try {
                        $('displayImage').set('src', loadingImage);
                    } catch (e) {
                        alert('OnRequest: ' + e);
                    }
                }, 
                update: $('photos'),
                onComplete: function(response){
                    try {
                        //$('loadingDiv').set('html', '');
                        //$('photos').setStyle('visibility', 'hidden');
                        setTimeout('loadFirstPhoto();', 1000);
                    } catch (e) {
                        alert('OnComplete: ' + e);
                    }
                },
                onFailure: function(){
                    //$('loadingDiv').set('html', '');
                    $('photos').set('html', 'Error loading photos');
                }
            }).send();
            
        } catch (e) {
            alert('Error: ' + e);
        }
    }
    
    function loadFirstPhoto() {
        try {
            $('thisPhoto').set('html', '<img id=\'displayImage\' src="' + $('photo1').get('src') + '" />');
            /*$('photos').getElements('img').each(function(element){
                imageCount++;
            });*/
        } catch (e) {
            alert('Error: ' + e);
            $('thisPhoto').set('html', 'Zero photos found');
        }
    }
    
    function loadImage(imgId, w, h) {
        $('displayImage').set('src', $(imgId).get('src'));
        $('displayImage').morph({heigh: h, width: w});
        $('photos').getElements('img').each(function(element){
            if (element.id == imgId) {
                $(imgId).set('class', 'selectedGalleryPhoto');
            } else {
                $(element.id).set('class', 'galleryPhoto');
            }
        });
    }