function HP_SearchQueryClick(str){
    if (str.length >2){
        
        
        if ((str != prev_ss) || (swin_status == 0)){
            HP_SearchQuery(str, 0);
        }
    }
}
 
function HP_SearchQuery(str, k){
    prev_ss = str
    if ((str.length < 3) & (swin_status == 1) & ((str != 'U2') & (str !='u2'))){
     HP_Close_Search_Box();
    }else if ((k == 27) & (swin_status == 1)){
        HP_Close_Search_Box();
    }else if ((k == 13) & (swin_status == 1) & (current_cursor > 0)){
        window.location = document.getElementById('sl_'+current_cursor).href;
    }else if ((swin_status == 1) & ((k == 38) || (k == 40))){
        HP_Change_Cursor(k);
    }else{
    
        clearTimeout(hp_search_timeout);
        if (str.length >2){
         document.getElementById('sf12').innerHTML = "<div style='padding-left: 9px;padding-top: 48px;'><img src='/Tiqiq/Images/HomePage/aload1.gif'></div>";
         hp_search_timeout=setTimeout("HP_SearchQueryRequest('"+str+"')",400);        
        }else{
            document.getElementById('sf12').innerHTML = '<div style="padding-top: 38px;"><img src="/Tiqiq/Images/HomePage/search.magnifying.glass.png" style="width: 32px; height: 34px;"/></div>';
        }
    }
}

function HP_SearchQueryRequest(str){
    TiqiqWebServices.EventsData.GetPerformersOfSearchAutoComplete(str,HP_BuildSearchResults,HP_BuildSearchResults_error);
}

function HP_BuildSearchResults_error(data){

}
function HP_BuildSearchResults(data){
    var sb = document.getElementById('search_result_box');
    var sb_content = document.getElementById('search_result_box_content');
    
        var best = "";
        var performers = "";
        var events = "";
        var venues = "";
        var incity = "";
        sb_gi = 0;
    
    //if (data['Performers'] != undefined){
    if (data['Performers'].length != 0){
        performers += "<div class='sr_left'><h4>PERFORMERS</h4></div>";
        performers += "<div class='sr_right'>";
        var limit = data['Performers'].length-1;
        if (limit >3) limit = 3;
        for (var i=0; i<limit;i++){
            if (data['Performers'][i]!= undefined){
                sb_gi++;
                performers += "<a id='sl_"+sb_gi+"' href='"+data['Performers'][i]['URL']+"' onmouseover=\"SearchLinkOver('"+sb_gi+"');\">"+data['Performers'][i]['Value']+"</a>";
                if ((i == 0) & (first_search_url == "")) first_search_url = data['Performers'][i]['URL'];
            }
        }
        if (data['Performers'].length > 3){
            performers += "<a href='"+data['Performers'][data['Performers'].length-1]['URL']+"' class='view_all_search'>View More</a>";
        }
        performers += "</div>";
        performers += "<div class='sep'></div>";
        performers = "<div class='sr_block'>"+performers+"</div>";
    }
    
    
     //if (data['Events'] != undefined){
     if (data['Events'].length != 0){
        events += "<div class='sr_left'><h4>EVENTS</h4></div>";
        events += "<div class='sr_right'>";
         var limit = data['Events'].length-1;
        if (limit >3) limit = 3;
        for (var i=0; i<limit;i++){
            if (data['Events'][i]!= undefined){
                sb_gi++;
                events += "<a id='sl_"+sb_gi+"' href='"+data['Events'][i]['URL']+"' onmouseover=\"SearchLinkOver('"+sb_gi+"');\">"+data['Events'][i]['Value']+"</a>";
                if ((i == 0) & (first_search_url == "")) first_search_url = data['Events'][i]['URL'];
            }
        }
        if (data['Events'].length > 3){
            events += "<a href='"+data['Events'][data['Events'].length-1]['URL']+"' class='view_all_search'>View More</a>";
        }
        events += "</div>";
        events += "<div class='sep'></div>";
        events = "<div class='sr_block'>"+events+"</div>";
    }
    
    
     //if (data['Venues'] != undefined){
     if (data['Venues'].length != 0){
        venues += "<div class='sr_left'><h4>VENUES</h4></div>";
        venues += "<div class='sr_right'>";
         var limit = data['Venues'].length-1;
        if (limit >3) limit = 3;
        for (var i=0; i<limit;i++){
            if (data['Venues'][i]!= undefined){
                sb_gi++;
                venues += "<a id='sl_"+sb_gi+"' href='"+data['Venues'][i]['URL']+"' onmouseover=\"SearchLinkOver('"+sb_gi+"');\">"+data['Venues'][i]['Value']+"</a>";
                if ((i == 0) & (first_search_url == "")) first_search_url = data['Venues'][i]['URL'];
            }
        }
        if (data['Venues'].length > 3){
            venues += "<a href='"+data['Venues'][data['Venues'].length-1]['URL']+"' class='view_all_search'>View More</a>";;
        }
        venues += "</div>";
        venues += "<div class='sep'></div>";
        venues = "<div class='sr_block'>"+venues+"</div>";
    }
    
    
    
     if ((data['Cities'].length != 0) & (data['City']!='')){
        incity += "<div class='sr_left'><h4>IN "+data['City'].toUpperCase()+"</h4></div>";
        incity += "<div class='sr_right'>";
        var limit = data['Cities'].length-1;
        if (limit >3) limit = 3;
        for (var i=0; i<limit;i++){
            if (data['Cities'][i]!= undefined){
                sb_gi++;
                incity += "<a id='sl_"+sb_gi+"' href='"+data['Cities'][i]['URL']+"' onmouseover=\"SearchLinkOver('"+sb_gi+"');\">"+data['Cities'][i]['Value']+"</a>";
                if ((i == 0) & (first_search_url == "")) first_search_url = data['Cities'][i]['URL'];
            }
        }
        incity += "</div>";
        incity += "<div class='sep'></div>";
        incity = "<div class='sr_block'>"+incity+"</div>";
    }
    
    
    
    if (sb_gi > 0 ){
        sb_content.innerHTML = performers+events+venues+incity;
    } else {
        sb_content.innerHTML = "<div class='search_not_found'>We couldn't find any events.<br>Please search using a different term.<br/>Or use <span style='color:#DF8910;cursor: pointer;' onclick='showndg();'>ASK TiqIQ</span> service instead.</div>";
    }
   // if (sb.style.display != 'block'){
       
        var sbtext = $('#search').position();
        
        sb.style.display = 'block';
        sr_reposition(sb);
        /*
        sb.style.top = sbtext.top+32+42-1+'px';
        sb.style.left = sbtext.left-106-31-26-13+'px';
        */
  //  }
    document.getElementById('sf12').innerHTML = '<div style="padding-top: 38px;"><img src="/Tiqiq/Images/HomePage/search.magnifying.glass.png" style="width: 32px; height: 34px;"/></div>';
    swin_status = 1;
    current_cursor = 0;
}

$(window).resize(function () {
    var sb = document.getElementById('search_result_box');
    sr_reposition(sb);

 });
 
 function sr_reposition(sb){
        var sbtext = $('#search').position();       
        sb.style.top = sbtext.top+32+42-1+'px';
        sb.style.left = sbtext.left-106-31-26-13-5+'px';
 }
 
 
 function SearchLinkOver(index){
    if (current_cursor != 0){
            current_cursor = 0;
            for (var i = 1; i<= sb_gi; i++){
                $('#sl_'+i).removeClass('current_cursor');
            }
    }
 }
 
 function DirectSearch(){
 
    if (first_search_url != ""){
    
        if (current_cursor != 0){
            window.location = document.getElementById('sl_'+current_cursor).href;    
        }else{
            for (var i = 1; i<= sb_gi; i++){
                $('#sl_'+i).removeClass('current_cursor');
            }

            $('#sl_1').addClass('current_cursor');
            window.location = first_search_url;
        }
    }
    
 }
 
 function HP_Close_Search_Box(){
    first_search_url = ""; // Reset last search url
    swin_status = 0;
    sb_gi = 0;
    current_cursor = -1;
    var sb = document.getElementById('search_result_box');
    sb.style.display = 'none';
    document.getElementById('search_result_box_content').innerHTML = " ";
 }
 
 
 function HP_Change_Cursor(k){
    if (k == 38) current_cursor--;
    if (k == 40) current_cursor++;
    if (current_cursor < 1) current_cursor = 1;
    if (current_cursor > sb_gi) current_cursor = sb_gi;
    
    for (var i = 1; i<= sb_gi; i++){
        if (i == current_cursor){
            $('#sl_'+i).addClass('current_cursor');
        }else{
            $('#sl_'+i).removeClass('current_cursor');
        }
    }
    
 }
 
function mD(e) {
//var pK = e? e.which: window.event.keyCode;
//return pK != 13;
if (e == undefined) e = event;
    if (swin_status == 1){
        var pn = e['target']['parentNode']['className'];
        //alert(pn);
        if ((pn == 'sf3') || (pn == 'sf2') || (pn == 'sr_left') || (pn == 'search_result_box_content') || (pn == 'sr_right')){
        
        }else{
            HP_Close_Search_Box();
        }
    }
    
}

var search_items = Array('whats.your.pleasure.button-game.png','whats.your.pleasure.button-music.png','whats.your.pleasure.button-fun.png','whats.your.arena.png','whats.your.show.png','whats.your.sport.png','whats.your.stadium.png','whats.your.team.png','whats.your.theater.png');

function slideSearchIcon(){    
    slide_position++;
    if (slide_position >= search_items.length) slide_position =0;
            var options = {};
	        //$("#search_logo_text" ).hide( 'highlight', options, 1250, slideSearchIcon_hided );
	        $("#search_logo_text" ).fadeOut(500,slideSearchIcon_hided);

}

function slideSearchIcon_hided(){    
    document.getElementById("search_logo_text").innerHTML = "<img src='/TiqIQ/Images/HomePage/"+search_items[slide_position]+"' />";
    var options = {};
    //$("#search_logo_text" ).show( 'highlight', options, 1250, slideSearchIcon );
    $("#search_logo_text" ).fadeIn( 650, slideSearchIconPause() );
}

function slideSearchIconPause(){
    setTimeout("slideSearchIcon()",2000);
}


function closeConcierge() {
    $('#ndgdialog').dialog('close');
}

function showndg() {
    //$("#ndgdialog").dialog("destroy");

    $("#ndgdialog").dialog({
       
        width: 610,
        modal: true,
        dialogClass: 'ndgdialogc',
        resizable: false
    });
    $(".ui-dialog-titlebar").hide();
}



function HP_SearchFocus(){
    if (document.getElementById('search').value == 'Search performer, event, venue or city') {
        document.getElementById('search').value = '';
        document.getElementById('search').style.color = '#000000';
    }
}


function HP_SearchBlur() {
    if (document.getElementById('search').value == '') {
        document.getElementById('search').value = 'Search performer, event, venue or city';
        document.getElementById('search').style.color = '#888888';
    }
}