// JavaScript Document

function scroll_up(page_no, div)
{
	var scroll = new Fx.Scroll(window, {
		wait: false,
		duration: 1000,
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	if ($(div))
	{
		var parent = $(div);
		do 
			parent = parent.getParent();
		while (parent.getProperty('rel') != 'paginate_here');
		
		scroll.toElement(parent);	
	}
	else
		scroll.toElement(window.document.body);	

	mytime = setTimeout('pagination_submit_ajax(' + page_no + ')', 1000);
}

function ajax_fade_and_replace(div_id, url, overlay_tail)
{
	var div = $(div_id);
	var fade = div.getParent();
	$(fade).setProperty('opacity', '.3');
	// parent is probably flow and the other parent is probably the bubble
	var container = $(fade).getParent().getParent(); 
	
	var size = container.getSize();
	
	/*var loading_overlay = new Element('div').setProperty('id', 'overlay_' + div_id).setProperty('class', 'loading_overlay').setStyles('height: ' + (size.size.y + 6) + 'px; width: ' + size.size.x + 'px; ');
	var loading_gif_container = new Element('div').setProperty('id', 'overlay_bar_' + div_id).setProperty('class', 'loading_gif_container').setStyles('height: 175px; width: ' + size.size.x + 'px; ');
	var loading_gif = new Element('div').setProperty('class', 'loading_gif').setHTML('<img src="img/loading_blue.gif" />');
	loading_overlay.injectInside(container);
	loading_gif_container.injectInside(container);
	loading_gif.injectInside(loading_gif_container);*/
	replace_div($(fade).getParent().id, url, div_id);
}

function replace_div(div, url, loading_id)
{
	div = $(div);
	var myAjax = new Ajax("?guimode=ajax" + url, {
		method: 'get', 
		update: div, 
		onComplete: hide_overlay.pass(loading_id)
	}).request();
}

function hide_overlay(loading_id)
{
	/*child = $('overlay_' + loading_id);
	child.parentNode.removeChild(child);
	child = $('overlay_bar_' + loading_id);
	child.parentNode.removeChild(child);*/
}