var mycarousel_itemList = [
		{img_url: 'thumb-slide-portfolio-web-bigjuicemedia.jpg', img_title: 'Big Juice Media', img_tgt: '0'},
		{img_url: 'thumb-slide-portfolio-web-instaspacestorage.jpg', img_title: 'Insta-Space Storage', img_tgt: '1'},
	    {img_url: 'thumb-slide-portfolio-web-mandalalife.jpg', img_title: 'Mandala Life', img_tgt: '2'},
	    {img_url: 'thumb-slide-portfolio-web-urbanbeatdanceco.jpg', img_title: 'Urban Beat Dance Co', img_tgt: '3'},
	    {img_url: 'thumb-slide-portfolio-web-freddyshair.jpg', img_title: 'Freddy\'s Hair', img_tgt: '4'},
	    {img_url: 'thumb-slide-portfolio-web-startpoken.jpg', img_title: 'Start Poken', img_tgt: '5'},
	    {img_url: 'thumb-slide-portfolio-web-teachballroomdancing.jpg', img_title: 'Vancouver Academy of Ballroom Dance', img_tgt: '6'},
	    {img_url: 'thumb-slide-portfolio-web-diasporafusion.jpg', img_title: 'Diaspora Fusion', img_tgt: '7'},
		{img_url: 'thumb-slide-portfolio-web-lodgingboise.jpg', img_title: 'Lodging Boise', img_tgt: '8'},
	    {img_url: 'thumb-slide-portfolio-web-rugratsgear.jpg', img_title: 'Rugrats Gear', img_tgt: '9'},
	    {img_url: 'thumb-slide-portfolio-web-urbanbeatdancecoblog.jpg', img_title: 'Urban Beat Dance Co - Blogs', img_tgt: '10'},
	    {img_url: 'thumb-slide-portfolio-web-sexysilhouettes.jpg', img_title: 'Sexy Silhouettes', img_tgt: '11'},
        {img_url: 'thumb-slide-portfolio-web-lifetracklab.jpg', img_title: 'LifeTrackLab', img_tgt: '12'},
	    {img_url: 'thumb-slide-portfolio-web-weddingblessers.jpg', img_title: 'Wedding Blessers', img_tgt: '13'}
	    //{img_url: 'thumb-slide-portfolio-web-diracles.jpg', img_title: 'Diracles Personalized Services', img_tgt: '9'},
	];
	
	function getMovieName(movieName) // utility function resolves the string movieName to a Flash object reference based on browser type
    {
    	if (navigator.appName.indexOf("Microsoft") != -1)
    	{
	    	return window[movieName];
	    }
	    else
	    {
		    return document[movieName];
		}
	}
	
	function updatePortfolioItem(portfolioId)
	{
		jQuery("div.portfolio-item").each(
			function()
			{
				//alert("Clicked on ID: " + jQuery(this).attr("id"));
				if (jQuery(this).attr("id") == "portfolio_" + portfolioId)
				{
					jQuery(this).css("display", "block");
				}
				else
				{
					jQuery(this).css("display", "none");
				}
			}
		)
	}
	
	function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
	{
	    // The index() method calculates the index from a
	    // given index who is out of the actual item range.
	    var idx = carousel.index(i, mycarousel_itemList.length);
	    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
	};
	
	function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
	{
	    carousel.remove(i);
	};
	
	/**
	 * Item html creation helper.
	 */
	function mycarousel_getItemHTML(item)
	{
	    return '<a class="carousel-item" rel="' + item.img_tgt + '"><img border="0" class="src-img img-left" src="http://www.interfacemedia.ca/wp-content/themes/img/images/' + item.img_url + '" width="100" height="100" alt="' + item.img_title + '" /></a>';
	};
	
	jQuery(document).ready(function() {
		jQuery('ul.side-subnavigation').css("display", "none");
		jQuery('a.carousel-item').live("click", 
	    	function ()
			{
				getMovieName("masthead").callJumpToSlide(jQuery(this).attr("rel"));
				updatePortfolioItem(jQuery(this).attr("rel"));
				/*var tgt = jQuery(this).attr("rel");
				jQuery('div.portfolio-item').each(
					function()
					{
						
						if (jQuery(this).attr("id") == tgt)
						{
							jQuery(this).css("display", "block");
						}
						else
						{
							jQuery(this).css("display", "none");
						}
					}
				)*/
				return false;
			}
		),
		jQuery('#mycarousel').jcarousel({
	        vertical:true,
		    scroll:1,
		    visible:4,
		    wrap: 'circular',
	        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
	        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	    }),
	    jQuery('a.plus').live("click", 
	    	function ()
			{
				jQuery(this).attr("class", "minus");
				jQuery("ul#" + jQuery(this).attr("rel")).toggle();
				return false;
			}
		),
		jQuery('a.minus').live("click", 
	    	function ()
			{
				jQuery(this).attr("class", "plus");
				jQuery("ul#" + jQuery(this).attr("rel")).toggle();
				return false;
			}
		)
	});