var t;
function mycarousel_getItemHTML(item)
	{
		if (typeof(item)!== 'undefined') {
			return '<img onMouseOver="'+item.onMouseOver+'" onClick="'+item.onClick+'" id="carouselImage'+item.id+'" src="' + item.url + '" class="'+item.class_name+'" width="73" height="73" />';
		}
		else {
			return false;
		}
	};
function mycarousel_getEtsyId(item){
		if (typeof(item)!== 'undefined') {
			return item.etsyId;
			//return item.id;
		}
		else {
			return 'asking for: ' +item+ ' - cant find item with that index.';
		}	
}

function loadItem(id, estyId){
$.followCursor("http://www.johnsonoriginals.com/etsy/images/spinner04.gif");
	$.ajax({
		url: 'http://www.johnsonoriginals.com/etsy/cms/listings/'+id+'/'+id+'.json.txt',
		dataType: "json",
		success: function(data){
				//$('##contentImage').attr('src', data.results[0].all_images[0].image_url_570xN);
				linkStart = '<a href="'+data.results[0].url+'" target="_blank">';
				linkEnd = '</a>';
				imageClick = 'window.location="'+data.results[0].url+'"';
				$('#contentImage').attr('src', 'http://www.johnsonoriginals.com/etsy/cms/listings/'+estyId+'/resized.jpg');
				$('#contentImage').attr('onClick', imageClick);
				desc = data.results[0].description;
				if(desc.length >= 850){
					desc=desc.substr(0, 800)+"...<br><br>[read more]";
				} else {
					desc=desc+"<br><br>[read more]";	
				}
				$('#copy').html(linkStart+desc+linkEnd);
				$('#price').html("$"+data.results[0].price);
				$('#viewed').html('Viewed '+data.results[0].views+' times');
				$('#itemtitle').html(linkStart+data.results[0].title+linkEnd);
				$.followCursor.stop();
		}
	});
}

$.followCursor = function(img) {
var ix = jQuery("body").append("<img class=\"followCursor\" src=\"" + img + "\"/>").find(".followCursor:last");
	ix.css({
		position: "absolute",
		top: "0px",
		left: "0px",
		"z-index": 10000
	});
$("body").mousemove(mousemove);
function mousemove(e) {
	if (ix) {
		ix.css({
			top: (e.pageY + 10) + "px",
			left: (e.pageX + 10) + "px"
		});
	}
}
$.followCursor.stop = function() {
	jQuery("body").unbind("mousemove", mousemove);
	jQuery(ix).remove();
};
}


function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
	carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[carousel.index(i, mycarousel_itemList.length)-1]));
	$('[jcarouselindex='+(carousel.first+2)+']').find('img').addClass('lightCarouselBorder').removeClass('darkCarouselBorder').end().siblings().find('img').addClass('darkCarouselBorder').removeClass('lightCarouselBorder');
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){  carousel.remove(i); };
function mycarousel_initCallback(carousel) {
	offset = 3;
	items = mycarousel_itemList.length;
	itemId = mycarousel_getEtsyId(mycarousel_itemList[carousel.index(offset-1, mycarousel_itemList.length)]);
	etsyId = mycarousel_itemList[carousel.index(offset, mycarousel_itemList.length)-1].etsyId;
	loadItem(itemId,etsyId)
	jQuery('.jcarousel-prev').bind('click', function() {
		if(!$('#mycarousel').data('jcarousel').animating){
			offset = offset != 1 ? offset - 1 : items;
			itemId = mycarousel_getEtsyId(mycarousel_itemList[carousel.index(offset, mycarousel_itemList.length)-1]);
			etsyId = mycarousel_itemList[carousel.index(offset, mycarousel_itemList.length)-1].etsyId;
			loadItem(itemId,etsyId);						
		}
	});
	jQuery('.jcarousel-next').bind('click', function() {
		if(!$('#mycarousel').data('jcarousel').animating){
			offset = offset != items ? offset + 1 : 1;
			itemId = mycarousel_getEtsyId(mycarousel_itemList[carousel.index(offset, mycarousel_itemList.length)-1]);
			etsyId = mycarousel_itemList[carousel.index(offset, mycarousel_itemList.length)-1].etsyId;
			loadItem(itemId,etsyId);
		}
	});
};
jQuery(document).ready(function() {
	$("#mycarousel").jcarousel({
		wrap: 'circular',
		scroll: 1,
		initCallback: mycarousel_initCallback,
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	});
	t = window.setInterval('move()', 30000);
	$('div.content').css("height","450px");
	if($.browser.webkit){
		$('table.featuredItemTable').css("top","10px");
		$('div.mainCarousel').css("top","10px");
	}
	if($.browser.msie && $.browser.version == 7 || $.browser.msie && $.browser.version == 6){
		$('table.featuredItemTable').css("top","10px");
		$('div.mainCarousel').css("top","10px");
	}
});

function move(){
	$('.jcarousel-next').trigger('click');
}

if($.browser.msie && $.browser.version ==6){
	
}