function inputText(search_div)
{
    if( $( "p.activeSuggest" ).length )
    {
        var term = $('#'+search_div+' p.activeSuggest').html();
        $( "#quickSearch" ).attr( { value: term } );
    };
}

function inputTextClick(search_div)
{
    if( $( "p.activeSuggest" ).length)
    {
        var term = $( '#'+search_div+' p.activeSuggest' ).html();
        $( "#quickSearch" ).attr( { value: term } );
        $( "#quickFindSubmit" ).click();
    }
}

function killSuggestions(search_div)
{
    $( "#"+search_div ).css( { 'display' : 'none' } ).html('');
}



jQuery.fn.trigger_search = function( search_div, event ){

	var terms;
      var ter = '&nbsp';
      var dir = 'n';
      if( event.keyCode == 38 )
      {
          dir = 'up';
          if( $( '#'+search_div+' p.activeSuggest' ).length )
          {
              $("p.activeSuggest").removeClass('activeSuggest').prev("p").addClass('activeSuggest');
              if($("p.activeSuggest").hasClass('skipSuggest'))
              {
                  $("p.activeSuggest").removeClass('activeSuggest').prev("p").addClass('activeSuggest');
              }
          }
          else
          {
              $("#"+search_div+" p:last").addClass('activeSuggest');
              if($("p.activeSuggest").hasClass('skipSuggest'))
              {
                  $("p.activeSuggest").removeClass('activeSuggest').prev("p").addClass('activeSuggest');
              }
          }
          inputText(search_div);
      }

      if (event.keyCode == 40)
      {
          dir = 'down';
          if( $( '#'+search_div+' p.activeSuggest' ).length )
          {
              $("p.activeSuggest").removeClass('activeSuggest').next("p").addClass('activeSuggest');
              if($("p.activeSuggest").hasClass('skipSuggest'))
              {
                  $(this).removeClass('activeSuggest').next("p").addClass('activeSuggest');
              }
          }
          else
          {
              $("#"+search_div+" p:first").addClass('activeSuggest');
              if($("p.activeSuggest").hasClass('skipSuggest'))
              {
                  $("p.activeSuggest").removeClass('activeSuggest').next("p").addClass('activeSuggest');
              }
          }
          inputText(search_div);
      }

      if( event.keyCode == 27 )
      {
          dir = 'esc';
          $("#"+search_div+"").html('');
          killSuggestions(search_div);
      }

      if (dir == 'n')
      {
          var terms = this.val();
          if( terms == '' )
          {
              killSuggestions(search_div);
          }
          else
          {
              $.get( "searchSuggest.php",
                     { search: terms},
                     function( data )
                     {
                         if (data != '' )
                         {
                             var str = data.split("\n");
                             $("#"+search_div+"").html('');
                             for(i=0; i < str.length - 1; i++)
                             {
                                 if(str[i] != 'Products: ' && str[i] != 'Categories: ')
                                 {
                                     $("#"+search_div+"").append($('<p class="term">' + str[i] + "</p>"));
                                 }
                                 else
                                 {
                                     $("#"+search_div+"").append($('<p class="skipSuggest">' + str[i] + "</p>"));
                                 }
                             }
                             $("#"+search_div+"").css({'display' : 'block'});
                             $("#"+search_div+" p.term").hover(function()
                             {
                                 $("#"+search_div+" p").removeClass('activeSuggest');
                                 $(this).addClass('activeSuggest');
                             },function()
                             {
                                 $(this).removeClass('activeSuggest');
                             });
                         }
                         else
                         {
                             killSuggestions(search_div);
                         }

                     });
          }
      }

}
function activatePlaceholders(){
    var detect = navigator.userAgent.toLowerCase();
    if (detect.indexOf("safari") > 0) 
        return false;
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].getAttribute("type") == "text") {
            if (inputs[i].getAttribute("placeholder") && inputs[i].getAttribute("placeholder").length > 0) {
                inputs[i].value = inputs[i].getAttribute("placeholder");
                inputs[i].onclick = function(){
                    if (this.value == this.getAttribute("placeholder")) {
                        this.value = "";
                    }
                    return false;
                }
                inputs[i].onblur = function(){
                    if (this.value.length < 1) {
                        this.value = this.getAttribute("placeholder");
                    }
                }
            }
        }
    }
}

$(document).ready(function()
{


	$( "#quickSearch" ).keyup( function( event )  {
		    $(this).trigger_search('suggestion',event);  
	});
	$( "#search_box" ).keyup( function( event )  {
		    $(this).trigger_search('search_suggestion',event);  
	});


    $( "#quickSearch" ).blur( function()    {
        inputTextClick('suggestion');
        killSuggestions('suggestion');
    });
    $( "#search_box" ).blur( function()    {
        inputTextClick('search_suggestion');
        killSuggestions('search_suggestion');
    });
	
	activatePlaceholders();


});
