function changeclass (id)
{
	var e = document.getElementById(id);
	for (var i=1; i<=3; i++)
	{
		if(id==i)
		{
			document.getElementById('link'+i).className='selected'+i;
		}
		else
		document.getElementById('link'+i).className='';

	}
	if (e)
	{
	e.className=('selected'+i);
	}
}

function loadTab(id)
{
	if (pageUrl[id].length > 0)
	{
			$("#preloader").show();
			$.ajax(
			{
				url: pageUrl[id],
				cache: false,
				success: function(message)
				{
					$("#tabcontent").empty().append(message);
					$("#preloader").hide();
				}
			});
	}
}

$(document).ready(function()
{
	$("#preloader").hide();

	$("#link1").click(function()
	{
		loadTab(1);
	});

	$("#link2").click(function()
	{
		loadTab(2);
	});

	$("#link3").click(function()
	{
		loadTab(3);
	});
});