window.addEvent('domready', function(){
 
 function darkToShow(firstTime){
        if (firstTime == true) {
            var temporaryHeight2 = 0;
        }
        else {
            var temporaryHeight2 = $('mainPhoto').offsetHeight;
        }
        imgPreloader = new Image();
        imgPreloader.onload = function(){
            var temporaryHeight = imgPreloader.height;
            new Fx.Morph('mainPhoto', {
                duration: 1000,
                transition: Fx.Transitions.Elastic.easeOut
            }).start({
                'height': [temporaryHeight2, temporaryHeight]
            });
            function effect(){
                $('mainPhoto').setStyle('opacity', 0);
                $('mainPhoto').setStyle('display', 'inline');
                $('mainPhoto').tween('opacity', 0, 1);
                $('mainPhoto').setStyle('height', $('mainPhoto').offsetHeight);
                $('jsOpenMaps').value = 0;   
                $('closeMap').setStyle('display','none');   
                if($('jsLocation').value != ''){
                    $('whereWasItTaken').setStyle('display','block');
                }  
                if($('jsFormat').value == 'xxl'){
		            $('clickToEnlarge').setStyle('display','none');
		            $('clickToScaleDown').setStyle('display','block');
		        }else{
		            $('clickToEnlarge').setStyle('display','block');
		            $('clickToScaleDown').setStyle('display','none');
		        
                }
            }
            if (temporaryHeight == temporaryHeight2) {
                effect();
            }
            else {
                effect.delay(300);
            }
        }
        imgPreloader.src = $('mainPhotoImg').src;
    }
    darkToShow(true);
    
    var mainPhoto = $('mainPhoto');
    var mainPhotoWrapper = $('mainPhotoWrapper');
    
    $('clickToEnlarge').setStyle('display','block');
    $('clickToScaleDown').setStyle('display','none');
    $('closeMap').setStyle('display','none');
    $('whereWasItTaken').setStyle('display','none');
   
    
    $('mainPhotoWrapper').addEvent('mouseenter', function(e){
    	$('photoMenu').setStyle('display','block');
    });
    
    $('mainPhotoWrapper').addEvent('mouseleave', function(e){
        $('photoMenu').setStyle('display','none');
    });
    
    $('exif').addEvent('mouseenter', function(e){
    	$('exifPhoto').setStyle('display','block');
    });
    
    $('exif').addEvent('mouseleave', function(e){
        $('exifPhoto').setStyle('display','none');
    });
    
    $$('#mainPhoto', '#clickToScaleDown', '#clickToEnlarge').each(function(element, index){
    element.addEvent('click', function(e){
    	   	
        e = new Event(e);
        var jsFormat = $('jsFormat');
        var leftColumn = $('leftColumn');
        var rightColumn = $('rightColumn');
        var finalWidth = 0;
        if($('jsOpenMaps').value == 1){
        	return true;
        }
        if(jsFormat.value == 'xxl'){
            jsFormat.value = 'xl';
            finalWidth = 540;
            mainPhotoWrapper.setStyle('position', 'relative');
            $('clickToEnlarge').setStyle('display','block');
            $('clickToScaleDown').setStyle('display','none');
        }else{
            jsFormat.value = 'xxl';
            finalWidth = 800;
            mainPhotoWrapper.setStyle('position', 'absolute');
            mainPhotoWrapper.setStyle('top', '0');
            mainPhotoWrapper.setStyle('left', '0');
            $('clickToEnlarge').setStyle('display','none');
            $('clickToScaleDown').setStyle('display','block');
        }
        new Fx.Morph(mainPhotoWrapper, {
            duration: 200,
            transition: Fx.Transitions.linear
        }).start({
            'width': [mainPhoto.offsetWidth, finalWidth]
        });
        var url = "/photoblog/ajaxmainphoto?nickname=" + $('jsNickname').value + "&date=" + $('jsDate').value + "&photoNumber=" + $('jsPhotoNumber').value + "&format="+$('jsFormat').value;
        var req = new Request.HTML({
            method: 'get',
            url: url,
            update: $('mainPhoto'),
            onRequest: function(){
                $('mainPhoto').setStyle('opacity', 0);
            },
            onComplete: function(response){
                darkToShow(false);
            }
        }).send();
        
        e.stop();
        
            
    });
   });
   
   	 $$('#closeMap').each(function(element, index){
    element.addEvent('click', function(e){
    	
    	if($('jsOpenMaps').value == 1){
	        var url = "/photoblog/ajaxmainphoto?nickname=" + $('jsNickname').value + "&date=" + $('jsDate').value + "&photoNumber=" + $('jsPhotoNumber').value + "&format="+$('jsFormat').value;
	        var req = new Request.HTML({
	            method: 'get',
	            url: url,
	            update: $('mainPhoto'),
	            onRequest: function(){
	                $('mainPhoto').setStyle('opacity', 0);
	            },
	            onComplete: function(response){
	                darkToShow(false);
	            }
	        }).send();
	        $('jsOpenMaps').value = 0;
	        e.stop();
    	}else{
    		return true;
    	}
    });
   });
    
    var photoNumber = 0;
    
    $$('#photoList img').each(function(element, index){
        element.addEvent('click', function(e){
        	e = new Event(e);
            $('jsPhotoNumber').value = index;
           var url = "/photoblog/ajaxmainphoto?nickname=" + $('jsNickname').value + "&date=" + $('jsDate').value + "&photoNumber=" + index + "&format="+ $('jsFormat').value;
            var req = new Request.HTML({
                method: 'get',
                url: url,
                update: $('mainPhoto'),
                onRequest: function(){
                    $('mainPhoto').setStyle('opacity', 0);
                },
                onComplete: function(response){
                    darkToShow(false);
                }
            }).send();
            

            
            var url2 = "/photoblog/exif?nickname=" + $('jsNickname').value + "&date=" + $('jsDate').value + "&photoNumber=" + $('jsPhotoNumber').value;
            var req2 = new Request.HTML({
                method: 'get',
                url: url2,
                update: $('exifPhoto')
            }).send();
            
            e.stop();

        });
        photoNumber++;
    });
    
    
    function loadNewMainPhoto(step){
    	
        var index = $('jsPhotoNumber').value.toInt() + step;
        if(index > photoNumber-1){
        	index = 0;
        }
        if(index < 0){
        	index = photoNumber-1;
        }
        $('jsPhotoNumber').value = index;
        var url = "/photoblog/ajaxmainphoto?nickname=" + $('jsNickname').value + "&date=" + $('jsDate').value + "&photoNumber=" + index + "&format="+ $('jsFormat').value;
        var req = new Request.HTML({
            method: 'get',
            url: url,
            update: $('mainPhoto'),
            onRequest: function(){
                $('mainPhoto').setStyle('opacity', 0);
            },
            onComplete: function(response){
                darkToShow(false);
            }
        }).send();
    }
   
    

    
    document.onkeydown = function(event) {
                var event = new Event(event);
                switch(event.code) {
                case 39:
                    loadNewMainPhoto(1);
                    break;
                case 37:
                    loadNewMainPhoto(-1);
                    break;
                    
                }
            };

});