var panoForum = {	

	status : function ()
	{
		new Ajax.Request(
			'http://voyage.ok3x.com/bonus/panorama/forum.php?a=status', 
			{ 	method: 'get',
				onSuccess: function(data){
					var stat = data.responseText.evalJSON();
					$$('span.starter').each(function(elt){						
						e = elt.identify();
						if(stat[e]) 
							dta = 'Komentáře ('+stat[elt.identify()]+')';
						else  
							dta = 'Komentáře (-)';
						elt.update(dta);
						return;
					});
				}
			}
		);
	},
	
	click : function (evt)
	{
		elt = evt.element();
		id  = elt.identify();
		par = elt.up();				
		panoForum.box(par, par.getDimensions());			
		panoForum.list(id);
    },
    
    box : function (par, dim)
    {
    	if($('box')) { $('box').remove(); }
		box = new Element('div', { 'id': 'box' });
		par.appendChild(box);
		box = $('box');
		box.absolutize();
		box.setStyle({ 
				top : 5 + 'px',
				left : 5 + 'px',
				width : dim.width - 20 + 'px', 
				height : dim.height - 20 + 'px',
				zIndex : 99
		});		
		box.setOpacity(0.90);
		box.update('Načítám..');
		return;
    },
    
    update : function (data)
    {    	
    	$('box').update(data.responseText);
    	//panoForum.status();
    	return;
    },
    
    list : function (id)
    {
    	new Ajax.Request(
			'http://voyage.ok3x.com/bonus/panorama/forum.php?a=get&p=' + id,
			{ 
				method: 'get',
				onCreate  : panoForum.loading(),
				onSuccess: panoForum.update
			}
		);
    },
    
    comment : function (id)
    {
    	new Ajax.Request(
			'http://voyage.ok3x.com/bonus/panorama/forum.php?a=add&p=' + id, 
			{ 
				method: 'get',
				onCreate  : panoForum.loading(),
				onSuccess : panoForum.update,
				onComplete: function(){ $('cmntfrm').focusFirstElement(); }
			}
		);
    },
    
    send : function ()
    {
    	$('cmntfrm').request({ 
    		onSuccess: panoForum.update,
    		onComplete: panoForum.status
    	});
    },
    
    hide : function (opa)
    {
    	if(typeof opa == 'undefined')
    		opa = 0.90;
    	 box = $('box');    	
    	opa = opa - 0.10;
    	box.setOpacity(opa);
    	if(opa > 0) var to = setTimeout('panoForum.hide('+opa+')', 30);
    	else box.hide();
    	return;    	
    },
    
    loading : function ()
    {
    	$('box').update('<p class="bold"><blink>Nahrávám..</blink></p>');
    	return;
    }
	
};

document.observe(
	"dom:loaded", 
	function(){		
		$$('span.starter').each(function(starter){ 
			starter.observe('click', panoForum.click); 
		});
		panoForum.status(); 
	}
);


// Element.update;
// Element.