var gateway = "inc/gateway.php";
var seek = 0;
var open = false;
var api = false;
$(document).ready(function()
{ 
	//setup scrollable
	api = $("div.scrollable").scrollable({
		api: true,
		size: 1,
		clickable: false
	});
	//setup scrollable navigation
	$('a#prev').click(function() { prev(); });
	$('a#next').click(function() { next(); });
	$('a#tproject').click(function() { openProjectGlobal(); });
	
	//set width of scrollable
	$('div.scrollable').width($('div#content').width());
	//load content
	checkCat();
});

/* Hash check to determine category (if refresh) */
function checkCat()
{
	var cat = 1;
	switch(window.location.hash)
	{
		case "#branding": cat = 1; break;
		case "#corporate": cat = 2; break;
		case "#websites": cat = 3; break;
		case "#graphic": cat = 4; break;
		case "#publications": cat = 5; break;
		case "#photography": cat = 6; break;
		default: cat = 1; break;		
	}
	getCategory(cat);
}

/* Get category */
function getCategory(cat)
{
	if (cat)
	{
		 $.ajax({type: "POST", url: gateway, data: { category:cat }, cache: false, success:
			function(data)
			{
				
			 	toggleSubNav('li#sub_cat'+cat);
				$('div.items').html(data);
				api.reload();
				api.begin();
			}
		 });
		 
	}
}

/* Selects the current Category */
function toggleSubNav(el)
{
	var nav = $('ul#subnav li');
	jQuery.each(nav, function() {
		if (this.id == $(el).attr('id'))
		{
			if (!$(this).hasClass('sub_active'))
			{
				$(this).addClass('sub_active');
			}
		} else {
			if ($(this).hasClass('sub_active'))
			{
				$(this).removeClass('sub_active');
			}
		}
	});
}

/* Opens Project */
function openProject(id)
{
	api.begin();
	open = true;
 	$.ajax({ type: "POST", url: gateway, data: { pid:id }, cache: false, success:
		function (data)
		{
			$('div.items').html(data);
			api.reload();
			
		}
	});
 	toggleBgOffset();
 	$('a#tproject').html('- close project');
}

function closeProject()
{
	$('a#tproject').html('+ open project');
	open = false;
	toggleBgOffset();
	checkCat();
}

function toggleBgOffset()
{
	el = $('div.items');
	if (el.hasClass('bgzero'))
	{
		el.removeClass('bgzero').addClass('bgoffset');
	} else if (el.hasClass('bgoffset'))
	{
		el.removeClass('bgoffset').addClass('bgzero');
	}
}

function openProjectGlobal()
{
	if (open)
	{
		closeProject();
	} else {
		$('div.items').children('a').eq(api.getIndex()).trigger('click');
	}
}

function next()
{
	api.next();
}

function prev()
{
	api.prev();
}