var galleryImages = new Array();
var order = 0;
var imgsToLoad = 0;



function loadGalleryImg()
{			
	imgsToLoad = $('.thumbnails').length;	
	$('#altnav').hide();
	
	$('.thumbnails').each(function()
	{							
		var data = $(this).metadata();
		var currentClass = $(this).parent().attr('class');
		
		galleryImages[order] = data.id;		
		$(this).parent().addClass('pos_'+order);
			
		currentClass == 'selected' ? currentClass = 'true' : currentClass = '';
		
		if(data.id)
		{
			$('#flash').get(0).addImage({id: data.id, ext: data.ext, cur: currentClass, total: imgsToLoad });
			
			$(this).hide();			
			$(this).hover(function()
			{
				var thisItem = $(this).parent();
				var thisClass = thisItem.attr('class');
				var curSelected = $('li.selected');
								
				swapClasses(thisItem, curSelected, "selected");				
				thisClass == 'selected' ? thisClass = 'true' : thisClass = '';
				
				var data = $(this).metadata();
				$(this).animate({ 
				        opacity: 0.4
				      }, 300 );		
				
				$('#flash').get(0).fadeInImage(data.id, thisClass);
			}, function()
			{
				var thisItem = $(this).parent();
				var thisClass = thisItem.attr('class');
				var curSelected = $('li.selected');
				
				$(this).animate({ 
				        opacity: 1
				      }, 300 );
			});			
		}	
					
		++order;	
	});		
}

function swapClasses(adding,removing,className)
{	
	removing.removeClass(className);	
	adding.addClass(className);
}

function traceAS()
{
	// console.log('Complete');
}

function activateThumbs()
{
	$('#altnav').fadeIn(500);
	
	$('.thumbnails').each(function()
	{		
		$(this).fadeIn(1500);		
	});
}

function imgLoaded()
{
	--imgsToLoad;
}

//Background
$(document).ready(function()
{		
	$('#gallery-nav').hide();
	$('img').each(function(){
		++imgsToLoad;
		$(this).load(imgLoaded);
	})

	$('blockquote').css({color:'#827e5a'});	
	
	if(!$.browser.msie)
	{		
		var kartago = {
		  src: webroot + 'swf/kartago.swf',
		  selectable: false,
		  wmode: 'transparent'
		};

		sIFR.useStyleCheck = true;
		sIFR.activate(kartago);

		sIFR.replace(kartago, {
			selector: 'blockquote',
			css: ['.sIFR-root { color: #7b7752 }']
		});		
	}
	
	else
	{
		$('blockquote').css({color:'#7b7752'});	
		$('#background').css('background-image','none');
		$('#background').css('background-color','#ffffff');
		$('#background').css('opacity',0.8);
	}
		
	// Studio Gallery
	$('#studio #studio-gallery').cycle({
		speed: 1000,
		timeout: 2500
	});		
	
	// Inspiration Gallery
	$('#inspiration #inspiration-gallery').cycle({
		speed: 1000,
		timeout: 2500
	});
	
	// Pots at Work Gallery
	$('#pots-at-work #pots-at-work-gallery').cycle({
		speed: 1000,
		timeout: 2500
	});
	
	// Gallery Navigation
	$('#back a').click(function()
	{ 		
		var current = $("li.selected").attr('class');		
		var curID = current.split(" ", 2);
		curID[0] == 'selected' ? curID = curID[1] : curID = curID[0];
		
		var curOrderNum = curID.split("_", 2);
		var curNum = curOrderNum[1];
		var nextOrderNum = --curOrderNum[1];
				
		if(nextOrderNum < 0)
		{			
			nextOrderNum = (galleryImages.length)-1;
		}
		
		var curIdVal = $('li.pos_'+curNum);
		var nextIdVal = $('li.pos_'+nextOrderNum);		
		
		var thisClass = $(curIdVal).attr('class');	
		var nextClass = $(nextIdVal).attr('class');	
		
		thisClass = thisClass.split(" ", 2);
		thisClass[0] == 'selected' ? thisClass = thisClass[1] : thisClass = thisClass[0];				
				
		var thisID = galleryImages[nextOrderNum];	
		
		var curSelected = $('li.selected');
		
		swapClasses(nextIdVal, curSelected, "selected");	
		
		$('#flash').get(0).fadeInImage(thisID, '');
		
		return false;
	});
	
	$('#next a').click(function()
	{ 
		
		var current = $("li.selected").attr('class');		
		var curID = current.split(" ", 2);
		curID[0] == 'selected' ? curID = curID[1] : curID = curID[0];
		
		var curOrderNum = curID.split("_", 2);
		var curNum = curOrderNum[1];
		var nextOrderNum = ++curOrderNum[1];
		
		var lengthOfArray = galleryImages.length-1;
		
		if(nextOrderNum > lengthOfArray)
		{			
			nextOrderNum = 0;
		}
		
		var curIdVal = $('li.pos_'+curNum);
		var nextIdVal = $('li.pos_'+nextOrderNum);
		
		var thisClass = $(curIdVal).attr('class');	
		var nextClass = $(nextIdVal).attr('class');	
		
		thisClass = thisClass.split(" ", 2);
		thisClass[0] == 'selected' ? thisClass = thisClass[1] : thisClass = thisClass[0];				
				
		var thisID = galleryImages[nextOrderNum];	
		
		var curSelected = $('li.selected');
		
		swapClasses(nextIdVal, curSelected, "selected");	
		
		$('#flash').get(0).fadeInImage(thisID, '');
		
		return false; 
	});		
});