// JavaScript Document


$(function($) {
						   
	$('.SearchFilter').SearchDropDown();
	if ($('.formSearchWrap input.searchTerm').val()==''){
			$('.formSearchWrap input.searchTerm').removeClass('emptyField'); 
			$('.formSearchWrap input.searchTerm').val('WHAT ARE YOU SEARCHING FOR?');
	}
	$('.formSearchWrap input.searchTerm').focus(function(){ 
		if ($(this).val()=='WHAT ARE YOU SEARCHING FOR?')$(this).val('');									
  		$(this).removeClass("emptyField"); 
	});													
    $('.formSearchWrap input.searchTerm').blur(function(){
  	    if ($(this).val()=='')$(this).val('WHAT ARE YOU SEARCHING FOR?');
		$(this).removeClass('emptyField'); 
	});
});

(function($) {

    $.fn.SearchDropDown = function(sfilter) {
		if (!sfilter) sfilter="ARTIST";
        var iListConfig = [
			{
			    key: 'ARTIST',
			    action: 'localhost',
			    target: 'id'
			},
			{
			    key: 'VIDEO',
			    action: 'localhost',
			    target: 'id'
			},
			{
			    key: 'SHOW',
			    action: 'localhost',
			    target: 'id'
			},
			{
			    key: 'COMPS',
			    action: 'localhost',
			    target: 'id'
			}
		];

        var ulElement = $(this).find('ul').eq(0);
        var listHTMLstring = "<li id='' class='selectedFilter'>"+sfilter+"</li>"

        for (var i = 0; i < iListConfig.length; i++) {
            listHTMLstring += "<li>" + iListConfig[i].key + "</li>"
        }
        listHTMLstring += "<li class='SearchTail'></li>"
        $(ulElement).append(listHTMLstring);

        if (!$(this).find('ul').hasClass("disabled")) $(this).find('ul').each(
			function() {

			    /////// FOR UL ELEMENTS /////////////////
			    $(this).mouseover(function() {
			        $(this).stop().animate({ height: '220px' }, { queue: false, duration: 600, easing: 'easeOutBounce' });
			    });

			    $(this).mouseout(function() {
			        $(this).stop().animate({ height: '24px' }, { queue: false, duration: 600, easing: 'easeOutBounce' })
			    });

			    /////// FOR LI ELEMENTS /////////////////
			    $(this).find('li').each(
					function() {
					    $(this).mouseover(function() {
					        $(this).addClass("sLiOver");
					    });
					    $(this).mouseout(function() {
					        $(this).removeClass("sLiOver");
					    });
					    $(this).click(function() {
					        $(this).parents("ul").find('li').eq(0).html($(this).html());
					        $(this).parents(".formSearchWrap").children(".hiddenSearchFilter").val($(this).html());
					        $(this).parents("ul").mouseout();
					    });
					}
				);
			}
		);
    };
})(jQuery);