var Photos = Class.create({
    initialize: function(){


	},
	add: function(id){
	     if(!issLogged) return false;
	     this.setPositionBox();
	     Element.show($('overlayer'));
         Element.show($('in-progress-box'));
         
		 new Ajax.Request('/photos/favourite',
		 {
			parameters: {add: id},
		    method: 'POST',
			onSuccess: function(transport) {
				var res = transport.responseJSON;
                $('in-progress-allert-box').update('<spn class="font-size:10px;">' + res.alert + '</span><br /><br /><input type="button" value="ok" class="loaderclass" onclick="Element.hide($(\'overlayer\')); Element.hide($(\'in-progress-box\'));" />');            
				$('change_favorite_add').hide();
				$('change_favorite_delete').show();							
			}.bind(this),
			onLoading: function(transport){
               $('in-progress-allert-box').update('<spn class="font-size:10px;">Proszę czekać....&nbsp;&nbsp;<span><img src="'+staticDomain+'/img/ajax-loader4.gif">');
            }    
			
			
		});
	},
	del: function(id){
	     if(!issLogged) return false;
	     this.setPositionBox();
	     Element.show($('overlayer'));
         Element.show($('in-progress-box'));
		 new Ajax.Request( '/photos/favourite',
		 {
			parameters: {del: id},
		    method: 'POST',
			onSuccess: function(transport) {
				var res = transport.responseJSON;
                $('in-progress-allert-box').update('<spn class="font-size:10px;">' + res.alert + '</span><br /><br /><input type="button" value="ok" class="loaderclass" onclick="Element.hide($(\'overlayer\')); Element.hide($(\'in-progress-box\'));" />');            
				$('change_favorite_add').show();
				$('change_favorite_delete').hide();							
			}.bind(this),
			onLoading: function(transport){
               $('in-progress-allert-box').update('<spn class="font-size:10px;">Proszę czekać....&nbsp;&nbsp;<span><img src="'+staticDomain+'/img/ajax-loader4.gif">');
            }
		});
	},
  setPositionBox: function(){
        this.viewport();
        scroollTopbody = document.documentElement.scrollTop;
        Element.setStyle($('in-progress-box'), {top: (scroollTopbody + 110) + 'px' });        
        
            
        var overlay = $('overlayer');
        Element.setStyle(overlay , {
            height: this.pageY + 'px'
        });  
  }, 
  viewport: function(){
        this.pageX = (document.documentElement && document.documentElement.scrollWidth) ? document.documentElement.scrollWidth : (document.body.scrollWidth > document.body.offsetWidth) ? document.body.scrollWidth : document.body.offsetWidth;
        this.pageY = (document.documentElement && document.documentElement.scrollHeight) ? document.documentElement.scrollHeight : (document.body.scrollHeight > document.body.offsetHeight) ? document.body.scrollHeight : document.body.offsetHeight;
  } 	
});

document.observe("dom:loaded", function(){

	  favourite = new Photos();

});