Event.observe(window, 'load',
     function() { 
		
		$A($$('h1.section-expand-btn')).each( function(obj){
			Event.observe(obj, 'click', function(){ showSection(this); });
		});

		$A($$('a.buttons')).each( function(obj){
			Event.observe(obj, 'click', function(){ 
				var temp = this.id.split("-"); 
				$(temp[0]).toggle();  
				var mydrag = new Draggable(temp[0], {handle: temp[0] + '-handle'}); 
			});
		});

		$A($$('a.closeme')).each( function(obj){
			Event.observe(obj, 'click', function(){ 
				var temp = this.id.split("-"); 
				$(temp[0]).toggle();
			});
		});
		
		$A($$('a.change-btn')).each( function(obj){
			Event.observe(obj, 'click', function(){ 
				var temp = this.id.split("-"); 
				
					var url = 'gallery.php';
					var pars = 'cat=' + temp[1];
					
					var myAjax = new Ajax.Request(
						url, 
						{
							method: 'post', 
							parameters: pars, 
							onComplete: function(originalRequest){ 
								$('my-glidersection' + temp[2]).innerHTML = originalRequest.responseText; 
								my_glider = new Glider('my-glidersection' + temp[2], {duration:0.8}); 

								$A($$('a.change-btn')).each( function(obj2){ obj2.className = 'change-btn'; });
								obj.className = 'change-btn on';
								//setTimeout ( lightwindowInit, 300 );
								
							}
						});

			});
		});
		
		if($('clear-btn'))
			Event.observe($('clear-btn'), 'click', function(){ clearForm(); });
		if($('send-btn'))
			Event.observe($('send-btn'), 'click', function(){ sendForm(); });

		//my_glider = new Glider('my-glider1', {duration:0.8});

	}
);

function showSection(obj)
{
	hideAll();
	$(obj.id + 'expand').show();
	if($('my-glider' + obj.id))
		my_glider = new Glider('my-glider' + obj.id, {duration:0.8});

}
function hideAll()
{
	for(i = 1; i < 8; i++)
		$('section' + i + 'expand').hide();
}
function showResponse(originalRequest)
{
	$('msg').innerHTML = originalRequest.responseText;
}

function clearForm()
{
	$('name').value = '';
	$('email').value = '';
	$('message').value = '';
}

function sendForm()
{
	if($('name').value == '' || $('email').value == '' || $('message').value == '')
	{
		alert("Please, fill all fields!");
		return;
	}

	var url = 'send_mail.php';
	var pars = 'name=' + $('name').value + '&email=' + $('email').value + '&message=' + $('message').value;
	
	var myAjax = new Ajax.Request(
		url, 
		{
			method: 'post', 
			parameters: pars, 
			onComplete: function(originalRequest){ 
				alert(originalRequest.responseText);				
			}
		});

}