jQuery(document).ready(function(){	
	//gallery page(s) code
	jQuery(".scrollable").scrollable();
	var api = jQuery(".scrollable").data('scrollable');
	//hide all gallery detail items
	jQuery('#item-display .item').addClass('item-hide');
	
	//show first item on page load 
	jQuery('#item-display .item:first-child').removeClass('item-hide').addClass('item-active');
	//display item and details 
	jQuery('.items img').click(function(){
		if(jQuery(this).hasClass('active')) {return;}
		var url = jQuery(this).attr('src');
		var itemClasses = jQuery(this).attr('class');
		
		var showItemId = getItemDisplayId(itemClasses);
		
		jQuery('#item-display .item-active').removeClass('item-active').addClass('item-hide').hide();
		jQuery('#'+showItemId).fadeTo('medium',1).removeClass('item-hide').addClass('item-active');
	});
});

function getItemDisplayId(itemClasses){
	var aItemClasses = itemClasses.split(' ');
	var showItemId = '';
	for(z = 0; z < aItemClasses.length; z++)
	{
		var dIndex = aItemClasses[z].indexOf('it_');
		if(dIndex > -1)
			showItemId = aItemClasses[z].substring(dIndex + 3);
	}
	return showItemId;
}