jQuery(document).ready(function(){
  $(".finder-element").change(function(){
    $.getJSON("/franchise/updateFranchiseFinderModule?selectedIndustryId=" + $('#industry').val() + "&selectedStateId=" + $('#location').val() + "&selectedInvestment=" + $('#investment').val(),
     {nt: Math.floor(Math.random()*1000001)},
     function(j){
//	  	$(".finder-element").attr("disabled","disabled");
      	var options = '';

      	for (var i = 0; i < j['industry'].length; i++) {
			if(j['industry'][i].selected == true)
			{
			selectedId = i +1;
			}
    	    options += '<option value="' + j['industry'][i].optionValue + '">' + j['industry'][i].optionDisplay + '</option>';
      	}
      	$("select#industry").html(options);
		$("select#industry option:nth-child(" + selectedId + ")").attr('selected', 'selected');
      	var options = '';
      	for (var i = 0; i < j['location'].length; i++) {
			if(j['location'][i].selected == true)
			{
						selectedId = i +1;
			}
  	    	options += '<option value="' + j['location'][i].optionValue + '">' + j['location'][i].optionDisplay + '</option>';
      	}
      	$("select#location").html(options);
		$("select#location option:nth-child(" + selectedId + ")").attr('selected', 'selected');

      	var options = '';
      	for (var i = 0; i < j['investment'].length; i++) {
			if(j['investment'][i].selected)
			{
				selectedId = i +1;
			}
    	   	options += '<option value="' + j['investment'][i].optionValue + '">' + j['investment'][i].optionDisplay + '</option>';
		}
      	$("select#investment").html(options);
		$("select#investment option:nth-child(" + selectedId + ")").attr('selected', 'selected');
		
//		$(".finder-element").removeAttr("disabled")

    })
  })
;
var mycarousel_itemList = [];;

		$('#franchise-showcase-mycarousel').before('<div class="jcarousel-control">' + '</div>');
		for (i=0; i < 0; i++){
			$('<a href="#" id="item'+(i+1)+'">'+(i+1)+'</a>').appendTo('.jcarousel-control');
		}
	/**
	 * 
	 * Franchise Showcase Configuration
	 */
	    $('#franchise-showcase-mycarousel').jcarousel({
			auto: 5,
			wrap: 'circular',
	        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
	       	itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
			initCallback: mycarousel_initCallback,
			vertical: true,
			scroll: 1,
			animation: 500,
			visible: 1,
			buttonNextHTML: null,
		    buttonPrevHTML: null
	    });

		/**
		 * 
		 * fake circular carousel
		 */

		function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){
		    var idx = carousel.index(i, 0);
		    carousel.add(i, mycarousel_getItemHTML(i, mycarousel_itemList[idx - 1]));
			if ( ($('#item' + (idx - 2)).attr('class')) != 'current' ) {
				$('#item' + idx).addClass("current");
			} 
		};

		function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){
		    var idx = carousel.index(i, 0);
		    carousel.remove(i);
			$('#item' + idx).removeClass("current"); //highlight item that is current, and unhighlight all else
		};

		function mycarousel_getItemHTML(i, item){
			return '<div class="shadow-wrap"><a href="' + item.url + '" class="showcase-link"><img src="' + item.image + '" alt="' + item.name + '" class="dropshadow"></a></div><p class="showcase_desc">' + item.description + '</p>';
		};
		
		/**
		 * 
		 * assign functionality to the external controls, disable auto-scroll upon user interaction
		 */

		function mycarousel_initCallback(carousel) {
		    $('.jcarousel-control a').bind('click', function() {
		        carousel.scroll($.jcarousel.intval($(this).text()));
				carousel.startAuto(0);
		        return false;
		    });
			
		    $('#mycarousel-next').bind('click', function() {
		        carousel.next();
				carousel.startAuto(0);
		        return false;
		    });
			
		    $('#mycarousel-prev').bind('click', function() {
		        carousel.prev();
			carousel.startAuto(0);
			return false;
		    });
		    
		    // Pause autoscrolling if the user moves with the cursor over the clip.
		    carousel.clip.hover(function() {
				carousel.stopAuto();
			    }, function() {
				carousel.startAuto(0);
		    });
		};

		/* force redraw in safari */
		if ($.browser.safari) {
			$('<span/>').appendTo('.showcase_desc').remove(); 
		}
		
	
;
 })