function loader(url, id)
{
	if ($(id))
	{
		h=$(id).getHeight();
		if (h==0)
			$(id).setStyle('height', 48);
		$(id).setStyle('position', 'relative');
		$(id).set('html', $(id).get('html')+'<img src="img/spinner.gif" class="spinner"/>');
	}

	if (url.href)
		url=url.href;

	url=base+url
		
	var req = new Request.HTML({'url': url, 'onSuccess': function(responseTree, responseElements, responseHTML, responseJavaScript){
			if ((responseHTML!='err') && ($(id)))
			{
				$(id).setStyle('height', 'auto');
					$(id).set('html', responseHTML);
			}
	}});
	req.send();
	return false;
}

function loaderMsg(url, id, msg)
{
	if (url.href)
		url=url.href;
	
	url=base+url
		
	var req = new Request({'url': url, 'onSuccess': function(text){
			if ((text!='err') && ($(id)))
				$(id).set('html', msg);
	}});
	req.send();
	return false;
}

function toggleMenu()
{
	var w=$('menu_list').getStyle('width');
	if (w=='0px')
	{
		$('menu_list').tween('width', 666);
		$('menu_arrow').set('class', 'act');
	}
	else
	{
		$('menu_list').tween('width', 0);
		$('menu_arrow').set('class', '');
	}
	return false;

}


function clr(id)
{
	$(id).set('html', '');
}

function newsletter(msg, alert)
{
	n=$('newsletter');
	
	if (n.value)
	{
		if (validateEmail(n.value))
		{
			$('newsletter_cont').set('html', '<img src="img/spinner.gif" style="vertical-align:text-bottom" />');
		
			var req = new Request({'url': base+'users/newsletter/'+n.value, 'onSuccess': function(text){
					if ((text!='err'))
						$('newsletter_cont').set('html', msg);
			}});
			req.send();
		}
		else
		{
			$('newsletter').set('value', alert)
		}	
	}	
}

function delFriend(id, msg)
{
	c=confirm(msg);
	if (c)
	{
		$('fr'+id).setStyle('display', 'none');
		var req = new Request({'url': base+'friends/delete/'+id, 'onSuccess': function(text){}});
		req.send();
	}
}

function gloader(url)
{
	cc=current;
	if ($('view'))
	{
		$('view').set('html', '');
		$('view').setStyle('background-image', 'url(img/spinner.gif)');
	}
	
	if (url.href)
		url=url.href;
	else
		url=base+url
		
	var req = new Request.HTML({'url': url, 'onSuccess': function(responseTree, responseElements, responseHTML, responseJavaScript){
		if (responseHTML!='err')
		{
			$('main').set('html', responseHTML);
			eval(responseJavaScript);
			window.fireEvent('load');
		}
		
		
		if (cc!=0)
		{
			if (current==0)
				$('up').setStyle('display', 'block');

			if ((current+cc)<=counter)	
			{
				current+=cc;
				el=$('gallery_list');
				top-=(steep*cc);
				el.setStyle('margin-top', (top));
			
			}
			if ((current)==counter)	
			{
				$('down').setStyle('display', 'none');
			}
		}
	}});
	req.send();
	return false;
}

var counter=0;
var box=0;
var steep=0;
var current=0;
var top=0;
var dir=0;

function galleryInit(c, s, b, d, cc)
{
	counter=c;
	box=b;
	steep=s;
	current=0;
	top=0;
	dir=d;
}

function galleryDown()
{
	if (current==0)
		$('up').setStyle('display', 'block');
	if ((current+1)<=counter)	
	{
		current++;
		el=$('gallery_list');
		top-=steep;
		el.set('tween', {transition: 'quint:out'}).tween('margin-top', (top));
	
	}
	if ((current)==counter)	
	{
		$('down').setStyle('display', 'none');
	}
}

function galleryUp()
{
	if (current==counter)
		$('down').setStyle('display', 'block');
	if ((current-1)>=0)	
	{
		current--;
		el=$('gallery_list');
		top+=steep;
		el.set('tween', {transition: 'quint:out'}).tween('margin-top', (top));
	
	}
	if ((current)==0)	
	{
		$('up').setStyle('display', 'none');
	}
}

function galleryRight()
{
	if (current==0)
		$('gleft').setStyle('display', 'block');
	if ((current+1)<=counter)	
	{
		current++;
		el=$('gallery_list');
		top-=steep;
		el.set('tween', {transition: 'quint:out'}).tween('margin-left', top);
	
	}
	if ((current)==counter)	
	{
		$('gright').setStyle('display', 'none');
	}
}

function galleryLeft()
{
	if (current==counter)
		$('gright').setStyle('display', 'block');
	if ((current-1)>=0)	
	{
		current--;
		el=$('gallery_list');
		top+=steep;
		el.set('tween', {transition: 'quint:out'}).tween('margin-left', top);
	
	}
	if ((current)==0)	
	{
		$('gleft').setStyle('display', 'none');
	}
}

function showLogin()
{
	if ($('login_menu'))
	{
		$('login_menu').tween('top', 0);
	}
}

function clickLogin()
{
	$('login_username').set('value', '');
	$('login_password').set('value', '');
	$('login_username_fake').setStyle('display', 'none');
	$('login_password_fake').setStyle('display', 'none');
	document.getElementById('login_username').focus();
}

var temp='';
function login(msg1, msg2)
{
	url="users/login";
	
	if ((!$('login_username').value) || (!$('login_password').value))
	{
		$('login_username_fake').setStyle('display', 'block');
		$('login_password_fake').setStyle('display', 'block');
	}
	else
	{
		$('login_button').setStyle('display', 'none');
		$('login_button_fake').setStyle('display', 'block');
	
		$('login_form').set('send', {'url': base+url, 'onSuccess': function(text){
				if ((text!='err'))
				{
					a = JSON.decode(text);
					
					$('logged_user_username').set('html', a.username);
					if (a.avatar!='')
						$('logged_user_avatar').set('src', "files/avatars/"+a.id+".jpg");
					else
						$('logged_user_avatar').set('src', "img/avatar.jpg");
					
					$('submenu_login').setStyle('display', 'none');
					$('login_menu').setStyle('display', 'none');
					$('submenu_logged').setStyle('display', 'block');
				}
				else
				{
					$('login_username_fake').setStyle('display', 'block');
					$('login_password_fake').setStyle('display', 'block');
				}
				$('login_button').setStyle('display', 'block');
				$('login_button_fake').setStyle('display', 'none');
		}});
		$('login_form').send(); 
	}	


}

var cur_box="strefa_content";

function showhide(el)
{
    if (el!=cur_box)
    {
    	$(cur_box).tween('width', 0);
	    if (el!="strefa_content")
	    {
	    	if ((Browser.Engine.gecko) || (Browser.Engine.presto))
	    		$('myContent').setStyle('display', 'none');
		    $(el).tween('width', 536);
	    }
		else
	    {
			var fx = new Fx.Tween(el, {'onComplete': function(){
		    	if ((Browser.Engine.gecko) || (Browser.Engine.presto))
			   		$('myContent').setStyle('display', 'block');
			
			}});
			fx.start('width', 536);
	    }
	    cur_box=el;
    }
}
