//this js is for PRESENTATION ONLY
//it shows the dropdown after more than 3 characters

$(document).ready(function(){
	
	var $accInput = $("#accessory-text");
	var $inputDrop = $(".search-flyout");
	var $inputResults = $inputDrop.find('li a');
	var $checkButton = $("#acc-check");
	var $accForm = $("#acc-lookup");
	var $normalSearch = $("#regular-search");
	var $compatibleResult = $("#compatible-search");
	var $notCompatibleResult = $("#not-compatible-search");

	$accInput.focus(function() {
		this.value = '';
	});
	$accInput.keyup(function() {
		if (this.value.length > 3) {
			$inputDrop.fadeIn('slow');
		}
		else {
			$inputDrop.fadeOut('slow');
		}
	});
	
	$accInput.blur(function() {
		$inputDrop.fadeOut('slow');
	});
	
	$inputResults.each(function() {
		$(this).click(function(e) {
			e.preventDefault();
			$accInput.attr('value', this.innerHTML);
		});
	});
	
	$checkButton.click(function(e){
		e.preventDefault();
		var thisValue = $accInput.val();
		if (thisValue == "SGH-1917") {
			$normalSearch.addClass('hide');
			$compatibleResult.removeClass('hide');
		}
		else if (thisValue == "SGH-4500") {
			$normalSearch.addClass('hide');
			$notCompatibleResult.removeClass('hide');
		}
	});
});