$(document).ready(function(){
		marketingMap();

		$("#homeTabedScrollerArea").tabs();

		$('#homeTabedScrollerArea').bind('tabsshow', function(event, ui) {
		    if (ui.panel.id == "map-tab") {
		        resizeMap();
		    }
		    var tabScrollId = $('#'+ui.panel.id+'  ul').attr("id");
		    $('#'+tabScrollId).carouFredSel({
				autoPlay		: false,
				scroll : {
			        items       : 3,
			        speed       : 1000
			    },
				next : {
					button		: $('#'+tabScrollId+'_next'),
					key			: 'right'
				},
				prev : {
					button		: $('#'+tabScrollId+'_prev'),
					key			: 'left'
				}
			});
		});

		$('#tabScroll1').carouFredSel({
			autoPlay		: false,
			scroll : {
		        items       : 3,
		        speed       : 1000
		    },
			next : {
				button		: $('#tabScroll1_next'),
				key			: 'right'
			},
			prev : {
				button		: $('#tabScroll1_prev'),
				key			: 'left'
			}
		});

		$('#mycarousel').jcarousel({
			visible: 7,
			auto: 2,
			scroll: 1,
			wrap: 'circular',
			itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
			itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
			initCallback: mycarousel_initCallback
	    });

		$("#homeTabedScrollerArea").css("visibility", "visible");

	});

	var cInstance = null;

	function mycarousel_initCallback(carousel) {
		cInstance = carousel;

	    // Disable autoscrolling if the user clicks the prev or next button.
	    carousel.buttonNext.bind('click', function() {
	        carousel.startAuto(0);
	    });

	    carousel.buttonPrev.bind('click', function() {
	        carousel.startAuto(0);
	    });

	    // Pause autoscrolling if the user moves with the cursor over the clip.
	    carousel.clip.hover(function() {
	        carousel.stopAuto();
	    }, function() {
	        carousel.startAuto();
	    });
	};

	$(window).resize(function() {
//		cInstance.reload();
	});



	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 '<img src="' + item.url + '" alt="' + item.title + '" />';
   };

	function mycarousel_initCallback(carousel)
	{
	    // Disable autoscrolling if the user clicks the prev or next button.
	    carousel.buttonNext.bind('click', function() {
	        carousel.startAuto(0);
	    });

	    carousel.buttonPrev.bind('click', function() {
	        carousel.startAuto(0);
	    });

	    // Pause autoscrolling if the user moves with the cursor over the clip.
	    carousel.clip.hover(function() {
	        carousel.stopAuto();
	    }, function() {
	        carousel.startAuto();
	    });
	};



	function marketingMap() {
		$(".callout1link").live("click", function(e) {
			e.preventDefault();
			$("#callout2").hide();
			$("#callout3").hide();
			$("#callout1").show();
			//marketingMap();
		});
		$(".callout2link").live("click", function(e) {
			e.preventDefault();
			$("#callout1").hide();
			$("#callout3").hide();
			$("#callout2").show();
			//marketingMap();
		});
		$(".callout3link").live("click", function(e) {
			e.preventDefault();
			$("#callout1").hide();
			$("#callout2").hide();
			$("#callout3").show();
			//marketingMap();
		});

	}