$(document).ready(function() {

	var slideTimer = 10000;

	if($('.tabBodyWrapper .tourGuest').length > 0){

		var defaultExp = $('.tourGuest .expImg img').attr('src');
		
		// Init events for mouse hover
		$('.tourGuest .imgHover').each(function(p_index, p_elm){
		
			$(p_elm).hover(
				function () {
					// Roll Over					
					var expClass = this.className.match(new RegExp('.4.', "i")),
						txtDesc,
						imgExp;
					
					switch(expClass[0]){
						case "M4F":
							txtDesc = 'I\'m a Male<br\>Seeking a Female';
							imgExp = 'img/exp/mf/homeTab/guest/1.png'
							break;
						case "M4M":
							txtDesc = 'I\'m a Male<br\>Seeking a Male';
							imgExp = 'img/exp/mm/homeTab/guest/1.png'
							
							break;
						case "F4M":
							txtDesc = 'I\'m a Female<br\>Seeking a Male';
							imgExp = 'img/exp/fm/homeTab/guest/1.png'
						
							break;
						case "F4F":
							txtDesc = 'I\'m a Female<br\>Seeking a Female';
							imgExp = 'img/exp/ff/homeTab/guest/1.png'
							break;												
					}
					
					$('.tourGuest .txtDescription').html(txtDesc);
					$('.tourGuest .expImg img').attr('src', imgExp);
				}, 
				function () {
					// Roll Out
					$('.tourGuest .txtDescription').html('Select Your<br />Preference');
					$('.tourGuest .expImg img').attr('src', defaultExp);
				}
			)
			
			$(p_elm).mousedown(function(){
				this.src = this.src.replace('-over', '-selected');	
			});
			
			// Set Slide Timer to Null So Users Can Change Their Settings
			slideTimer = null;
		});
		
		$.preLoadImg(
			'img/home/tabMenu/tour/newUser/M4F.png',
			'img/home/tabMenu/tour/newUser/M4M.png',
			'img/home/tabMenu/tour/newUser/F4F.png'
		);
	}

	// Setup Tab Control
	$(".tabControl").TabControl({defaultIndex:0, slideTimer:slideTimer});
	
	// Setup Find Number Control
	var objOptions = {
		experienceImages:{
			mf:'img/exp/mf/index/phone-dating/1.png',
			mm:'img/exp/mm/index/phone-dating/1.png',
			fm:'img/exp/fm/index/phone-dating/1.png',
			ff:'img/exp/ff/index/phone-dating/1.png'
		},
		findNumberSelector:'#btnFindNumber'
	}

	$('#phoneDatingBanner').GenderLocation(objOptions);
	
	
	// Setup Online Dating Control
	var genderChange = function(){

		var experience = $('#onlineDatingBanner .userGender').val() + $('#onlineDatingBanner .lookingGender').val(),
			imgSrc;

		switch(experience){
			case "MaleFemale":
				imgSrc = '/img/exp/mf/index/online-dating/1.png'
				break;
			case "MaleMale":
				imgSrc = '/img/exp/mm/index/online-dating/1.png';
				break;
			case "FemaleMale":
				imgSrc = '/img/exp/fm/index/online-dating/1.png';
				break;
			case "FemaleFemale":
				imgSrc = '/img/exp/ff/index/online-dating/1.png';
				break;
		}

		$('#onlineDatingBanner .imgExperience').attr('src', imgSrc);
	}
	

	$('#onlineDatingBanner .genderSettings select').change(genderChange);
	
	
        function keyCheck(event){

			var keyCode = (event.which) ? event.which : event.keyCode;
			
            if (keyCode > 31 && (keyCode < 48 || keyCode > 57))
            {
                // Non-Numeric KeyPress
                return false;
            }
            else if(keyCode == 13)
            {
                // Enter Key
                document.getElementById('onlineDatingBanner1_findMatchBtn').click();
                return false;
            }
            return true;
        }
        
        
	
	// Add constraints for numbers only
	$('#onlineDatingBanner .zipCodeTxt').bind('keypress', keyCheck);
	
	// Put Focus On Username
	$('#signIn input:first').focus();

});