var fromY = 0;
var toY = 0;
var obj = null;
var t = null;

function moveTo(what, from, to, step) {
	obj = what;
	fromY = from;
	toY = to;
	t = setInterval('moveit(' + step + ')', 10);	
}

function moveit(step) {

	if(fromY <= toY)
		clearInterval(t);
	else{
		obj.style.top = (fromY - step) + 'px';
		fromY -= step;
	}
}


function get_portfolio(cat)
{

	selectCat(cat);
	
	$('my-glider1').hide();
	$('my-glider2').hide();
	$('my-glider3').hide();
	$('my-glider4').hide();

	$('my-glider' + cat).toggle();
	
	my_glider = new Glider('my-glider' + cat, {duration:0.8});
}

Event.observe(window, 'load',
     function() { 

		Event.observe($('aboutbtn'), 'click', function(){ show('about') });
		Event.observe($('portfoliobtn'), 'click', function(){ show('portfolio') });
		Event.observe($('contactsbtn'), 'click', function(){ show('contacts') });
	
		if($('cat1')) Event.observe($('cat1'), 'click', function(){ get_portfolio(1) });
		if($('cat2')) Event.observe($('cat2'), 'click', function(){ get_portfolio(2) });
		if($('cat3')) Event.observe($('cat3'), 'click', function(){ get_portfolio(3) });
		if($('cat4')) Event.observe($('cat4'), 'click', function(){ get_portfolio(4) });

		if($('sendbtn')) Event.observe($('sendbtn'), 'click', function(){ sendMail(); });
		
		$('my-glider1').hide();
		$('my-glider3').hide();
		$('my-glider4').hide();

		$('portfolio').hide();
		$('contacts').hide();
		$('about').hide();

		//$('my-glider2').hide();


	}
);

function show(what)
{

	sections = new Array('portfolio', 'contacts', 'about');
	
	for(var i = 0; i < 3; i++)
	{
		$(sections[i] + 'btn').removeClassName(sections[i] + '-on');
		if(sections[i] != what)
			$(sections[i]).fade();

	}
	
	$(what).appear();
	
	
	// Over
	$(what + 'btn').addClassName(what + '-on');
	
	if($(what).style.left == 0)
		moveTo($(what), 700, 455, 10);
	
	$('portfolio').style.left = 0;
	$('contacts').style.left = 0;
	$('about').style.left = 0;
}

function swap(img, action)
{
	if(action == 'on')
		img.src = img.src.replace('_gray', '');

	if(action == 'off')
		img.src = img.src.replace('.jpg', '_gray.jpg');
}

function selectCat(cat)
{
	$('cat1').className = '';
	$('cat2').className = '';
	$('cat3').className = '';
	$('cat4').className = '';

	$('cat' + (cat)).className = 'on';
}

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

function showResponse(originalRequest)
{
	$('msg').innerHTML = originalRequest.responseText;
}