//Logan's Slideshow
jQuery(document).ready(function() {
	var mycarousel_itemList = [
	   {url: "../gs/tattoo/logan-15_s.jpg"},
	   {url: "../gs/tattoo/logan-33_s.jpg"},
	   {url: "../gs/tattoo/logan-31_s.jpg"},
	   {url: "../gs/tattoo/logan-24_s.jpg"},
	   {url: "../gs/tattoo/logan-32_s.jpg"},
	   {url: "../gs/tattoo/logan-30_s.jpg"},
	   {url: "../gs/tattoo/logan-36_s.jpg"},
	   {url: "../gs/tattoo/logan-20_s.jpg"},
	   {url: "../gs/tattoo/logan-19_s.jpg"},
	   {url: "../gs/tattoo/logan-17_s.jpg"},
	   {url: "../gs/tattoo/logan-34_s.jpg"},
	   {url: "../gs/tattoo/logan-3_s.jpg"},
	   {url: "../gs/tattoo/logan-4_s.jpg"},
	   {url: "../gs/tattoo/logan-6_s.jpg"},
	   {url: "../gs/tattoo/logan-13_s.jpg"},
	   {url: "../gs/tattoo/logan-7_s.jpg"},
	   {url: "../gs/tattoo/logan-5_s.jpg"},
	   {url: "../gs/tattoo/logan-11_s.jpg"},
	   {url: "../gs/tattoo/logan-12_s.jpg"},
	   {url: "../gs/tattoo/logan-2_s.jpg"},
	   {url: "../gs/tattoo/logan-35_s.jpg"},
	   {url: "../gs/tattoo/logan-10_s.jpg"},
	   {url: "../gs/tattoo/logan-25_s.jpg"},
	   {url: "../gs/tattoo/logan-14_s.jpg"},
	   {url: "../gs/tattoo/logan-1_s.jpg"},
	   {url: "../gs/tattoo/logan-8_s.jpg"},
	   {url: "../gs/tattoo/logan-9_s.jpg"},
	   {url: "../gs/tattoo/logan-16_s.jpg"},
	   {url: "../gs/tattoo/logan-29_s.jpg"},
	   {url: "../gs/tattoo/logan-26_s.jpg"},
	   {url: "../gs/tattoo/logan-22_s.jpg"},
	   {url: "../gs/tattoo/logan-23_s.jpg"},
	   {url: "../gs/tattoo/logan-27_s.jpg"},
	   {url: "../gs/tattoo/logan-28_s.jpg"},
	   {url: "../gs/tattoo/logan-21_s.jpg"},
	   {url: "../gs/tattoo/logan-18_s.jpg"},
	];
	
	function mycarousel_itemLoadCallback(carousel, state)
	{
		for (var i = carousel.first; i <= carousel.last; i++) {
			if (carousel.has(i)) {
				continue;
			}
	
			if (i > mycarousel_itemList.length) {
				break;
			}
	
			// Create an object from HTML
			var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);
	
			// this runs whenever an item comes into focus
			// alert(i);
	
			carousel.add(i, item);
	
	$("a.slide-popup").fancybox({
			'hideOnContentClick': false, 
			'imageScale': true,
			'centerOnScroll': false,
			'titleShow': false
			});
	
		}
		
	};
	
	/**
	 * Item html creation helper.
	 */
	function mycarousel_getItemHTML(item)
	{
		var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
		return '<a href="' + url_m + '" class="slide-popup"><img src="' + item.url + '" width="119" height="112" border="0" alt="" /></a>';
	};

	jQuery('#mycarousel').jcarousel({
        size: mycarousel_itemList.length,
		scroll:3,
		//visible:4,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});

jQuery(document).ready(function() {
	//Ralph's Slideshow
	var mycarousel2_itemList = [
		{url: "../gs/tattoo/ralph-9_s.jpg"},
		{url: "../gs/tattoo/ralph-6_s.jpg"},
		{url: "../gs/tattoo/ralph-4_s.jpg"},
		{url: "../gs/tattoo/ralph-8_s.jpg"},
		{url: "../gs/tattoo/ralph-2_s.jpg"},
		{url: "../gs/tattoo/ralph-10_s.jpg"},
		{url: "../gs/tattoo/ralph-7_s.jpg"},
		{url: "../gs/tattoo/ralph-1_s.jpg"},
		{url: "../gs/tattoo/ralph-3_s.jpg"},
		{url: "../gs/tattoo/ralph-5_s.jpg"},	
	];
	
	function mycarousel_itemLoadCallback(carousel, state)
	{
		for (var i = carousel.first; i <= carousel.last; i++) {
			if (carousel.has(i)) {
				continue;
			}
	
			if (i > mycarousel2_itemList.length) {
				break;
			}
	
			// Create an object from HTML
			var item = jQuery(mycarousel_getItemHTML(mycarousel2_itemList[i-1])).get(0);
	
			// this runs whenever an item comes into focus
			// alert(i);
	
			carousel.add(i, item);
	
	$("a.slide-popup").fancybox({
			'hideOnContentClick': false, 
			'imageScale': true,
			'centerOnScroll': false,
			'titleShow': false
			});
	
		}
		
	};
	
	/**
	 * Item html creation helper.
	 */
	function mycarousel_getItemHTML(item)
	{
		var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
		return '<a href="' + url_m + '" class="slide-popup"><img src="' + item.url + '" width="119" height="112" border="0" alt="" /></a>';
	};


    jQuery('#mycarousel2').jcarousel({
        size: mycarousel2_itemList.length,
		scroll:3,
		//visible:4,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});