function down()
{
	var currentpage = document.getElementById('currentpage').value;
	var lastpage = document.getElementById('lastpage').value;
	var firstpage = document.getElementById('firstpage').value;
	var nextpage = parseInt(currentpage)+2;
	lastpage = parseInt(lastpage);

	if (nextpage <= lastpage)
	{
		Effect.toggle(currentpage, 'blind', {duration:0.6});
		Effect.toggle(nextpage+'', 'blind', {duration:0.6});
		document.getElementById('currentpage').value = nextpage-1+'';
	} else {
		Effect.toggle(currentpage, 'blind', {duration:0.0});
		Effect.toggle(lastpage+'', 'blind', {duration:0.0});
		
		if (document.getElementById('1').style.display == "none")
		{
			Effect.toggle('1', 'blind', {duration:0.0});
		}
		
		if (document.getElementById('2').style.display == "none")
		{
			Effect.toggle('2', 'blind', {duration:0.0});
		}
				
		document.getElementById('currentpage').value = '1';
	}
}

function up()
{
	var currentpage = document.getElementById('currentpage').value;
	var lastpage = document.getElementById('lastpage').value;
	var firstpage = document.getElementById('firstpage').value;
	var nextpage = parseInt(currentpage)-1;
	lastpage = parseInt(lastpage);
	
	if (currentpage != 1)
	{
		if (nextpage >= parseInt(firstpage))
		{
			Effect.toggle(parseInt(currentpage)+1+'', 'blind', {duration:0.6});
			Effect.toggle(nextpage+'', 'blind', {duration:0.6});
			document.getElementById('currentpage').value = nextpage+'';
		} else {
			Effect.toggle(currentpage, 'blind', {duration:0.0});
			Effect.toggle(lastpage+'', 'blind', {duration:0.0});
		
			if (document.getElementById('1').style.display == "none")
			{
				Effect.toggle('1', 'blind', {duration:0.0});
			}
		
			if (document.getElementById('2').style.display == "none")
			{
				Effect.toggle('2', 'blind', {duration:0.0});
			}
				
			document.getElementById('currentpage').value = '1';
		}
	}
	
}

function paginate(field, type, currentpage, action)
{
	if (type == "employment")
	{
		var updaterurl = base_url + 'profilecontroller/ajaxGetEmployment';
		document.getElementById('employmentloader').style.display = "block";
	} else if (type == "design")
	{
		if (document.getElementById('activefilter').value == "all")
		{
			var updaterurl = base_url + 'portfoliocontroller/ajaxGetDesigns';
		} else {
			var updaterurl = base_url + 'portfoliocontroller/ajaxFilterDesigns';
			action = document.getElementById('activefilter').value;
		}
	}
	
	var opt = {
		method: 'post',
		parameters: {type:type, currentpage:currentpage, action:action},
		onSuccess: function(t) {
			if (type == "employment")
			{
				document.getElementById('employmentloader').style.display = "none";
			}
		}
	}
	new Ajax.Updater(field, updaterurl, opt);
}

function ajaxGetFilter(field, status)
{
	//document.getElementById('loader').style.display = "block";
	document.getElementById('webcontent').style.display = "none";
	var opt = {
		method: 'post',
		parameters: {status:status},
		onSuccess: function(t)
		{
			//document.getElementById('loader').style.display = "none";
			document.getElementById('webcontent').style.display = "block";
			if (status == "all")
			{
				document.getElementById('all').className = "filteron";
				document.getElementById('production').className = "filteroff";
				document.getElementById('development').className = "filteroff";
				document.getElementById('flash').className = "filteroff";
				document.getElementById('static').className = "filteroff";
				document.getElementById('app').className = "filteroff";
			} else if (status == "production")
			{
				document.getElementById('all').className = "filteroff";
				document.getElementById('production').className = "filteron";
				document.getElementById('development').className = "filteroff";
				document.getElementById('flash').className = "filteroff";
				document.getElementById('static').className = "filteroff";
				document.getElementById('app').className = "filteroff";
			} else if (status == "development")
			{
				document.getElementById('all').className = "filteroff";
				document.getElementById('production').className = "filteroff";
				document.getElementById('development').className = "filteron";
				document.getElementById('flash').className = "filteroff";
				document.getElementById('static').className = "filteroff";
				document.getElementById('app').className = "filteroff";
			} else if (status == "flash")
			{
				document.getElementById('all').className = "filteroff";
				document.getElementById('production').className = "filteroff";
				document.getElementById('development').className = "filteroff";
				document.getElementById('flash').className = "filteron";
				document.getElementById('static').className = "filteroff";
				document.getElementById('app').className = "filteroff";
			} else if (status == "webapp")
			{
				document.getElementById('all').className = "filteroff";
				document.getElementById('production').className = "filteroff";
				document.getElementById('development').className = "filteroff";
				document.getElementById('flash').className = "filteroff";
				document.getElementById('static').className = "filteroff";
				document.getElementById('app').className = "filteron";
			} else if (status == "static")
			{
				document.getElementById('all').className = "filteroff";
				document.getElementById('production').className = "filteroff";
				document.getElementById('development').className = "filteroff";
				document.getElementById('flash').className = "filteroff";
				document.getElementById('static').className = "filteron";
				document.getElementById('app').className = "filteroff";
			}
		}
	}
	new Ajax.Updater(field, base_url + 'portfoliocontroller/ajaxGetFilter', opt);	
}

function ajaxFilterDesigns(field, id, currentpage)
{
	var action = document.getElementById(id).value;
	document.getElementById('activefilter').value = action;
	
	if (action == "all")
	{
		paginate(field, 'design', 1, 'next');
	} else {
		var opt = {
			method: 'post',
			parameters: {action:action, currentpage:currentpage},
			onSuccess: function(t)
			{
			
			}
		}
		new Ajax.Updater(field, 'portfoliocontroller/ajaxFilterDesigns', opt);
	}
}

function fullImg(id, total)
{
	Effect.Appear('full'+id, {duration:0.2});
	document.getElementById(id).style.zIndex = 3;
	document.getElementById(id).style.borderRight = "none";
}

function fullImgClose(id, total)
{
	Effect.Fade('full'+id, {duration:0.2});
	document.getElementById(id).style.zIndex = 0;
	document.getElementById(id).style.borderRight = "1px solid #eee";
}

function ajaxLoadFullImg(field, id)
{
	document.getElementById('designloader').style.display = "block";
	document.getElementById(field).style.display = "none";
	var opt = {
		method: 'post',
		parameters: {id:id},
		onSuccess: function(t)
		{
			Effect.Fade('designloader', {duration:0.5, delay:0.5});
			Effect.Appear(field, {duration:0.4});
		}
	}
	new Ajax.Updater(field, base_url + 'portfoliocontroller/ajaxLoadFullImg', opt);
}