jQuery(document).ready(function() 
{
	
	
	jQuery("div#tabBox").cycle(
	{
		fx: 'fade',
		speed: 1200,
		cleartype:  1
	});
	
	jQuery("img.hly_featured_thumb").click(function ()
	{
		// stop the slideshow and hide each child div
		jQuery("div#tabBox").cycle('stop');
		jQuery("div#tabBox").children().css("display","none");
		
		// parse out the post id from clicked thumbnail
		var post_id = jQuery(this).attr('id').replace(/hly_thumb_/,"");
		
		// show the featured div according to the thumbnail they clicked on
		var div_id = "div#post-" + post_id;
		jQuery(div_id).css("display","");
		jQuery(div_id).css("z-index","11");
		jQuery(div_id).css("opacity","1");
	});
	
});