$(document).ready(function(){
	var mylocation;	
	var myvenuetype;
	var mynumberofdelegates = 0;
	var testDelegatesValue = 0;
					   

	
	//------------------------------------------------------------------------------------ FORM SETUP------------------------------

	

	delgatesControl = '<div id="slideControl"><p style="text-align: left; color: #949494;">Number of Delegates</p>';
	delgatesControl += '<div id="slider" style="width:301px;"></div>';
	if (mynumberofdelegates != 0 && mynumberofdelegates != '')
	{	
		delgatesControl += '<span id="checkme">'+mynumberofdelegates+'</span></div>';
	} else {
		delgatesControl += '<span id="checkme" style="position: absolute; right: 10px; top: 0;">1</span><input type="hidden" value="0" id="number-of-delegates" name="number-of-delegates" /></div>';
	}
	$('#filterControls').append(delgatesControl);

	$("#slider").slider();
	if (mynumberofdelegates != 0 && mynumberofdelegates != '')
	{	
		leftPercentage = (mynumberofdelegates/10);
		$('#slider a').css('left',leftPercentage+'%');
	}



	var testDelegatesValue;

    function sliderMove() {

			thisLeft = ($('#slider a').css('left'));
			thisLeftPos = thisLeft.indexOf('%');
			thisLeft = thisLeft.substring(0,thisLeftPos);

			testDelegatesValue = parseFloat(thisLeft) * 10;
			testDelegatesValue = Math.round(testDelegatesValue/100)*100;			
			if (testDelegatesValue == 0){
				$('#checkme').text(1);
				$('#number-of-delegates').val(1);
			} else {
				$('#checkme').text(testDelegatesValue);
				$('#number-of-delegates').val(testDelegatesValue);
			}
			if (testDelegatesValue != delegatesValue){
				
				$('#slider a').css('left',(testDelegatesValue/10)+'%');
				delegatesValue = testDelegatesValue;				
				
				
				
			}
			countItems();

    }

	$("#slider").mousemove(function () {
		  sliderMove();   	  
    });
	


});