// current interval being run
var curLoad = null;
// current asyncronous request being waited for, used in isLoaded()
var curAsyncRef = null;
// current javascript code to be eval-ed when isLoaded succeeds
var curWaitingCode = null;
var keywordsInit = 'Enter search keywords';
var keywordsTouched = false;
var locTextEntered = false;
var requestInProgress = false;
var slidersActive = false;

var commonSearchJs = {

  init : function( searchObj, defaultSortBy, defaultSortOrder ) {
    var args = getArgsFromHash();
    searchObj.initFormFields(args, defaultSortBy, defaultSortOrder);

    //-- Only sort if specified or no keywords
    if((args.matchKeywords == '') 
	|| (args.matchKeywords == keywordsInit)
	|| (args.sortBy)) {
      $('sortOrder').value = args.sortOrder ? args.sortOrder : defaultSortOrder;
      commonSearchJs.setSortArrow( args.sortBy ? args.sortBy : defaultSortBy );
    }
    commonSearchJs.initKeywords(args.matchKeywords ? args.matchKeywords : '');

    YAHOO.util.Event.addListener(document, "keypress", searchObj.interceptKeypress);
  },

  showBusy : function() {
    requestInProgress = true;
    document.body.style.cursor = 'wait';    
    $("progressbar").className = "progressbaron";
    $("progressbartext").innerHTML = "Searching...";
  },

  showNotBusy : function() {
    document.body.style.cursor = 'default';    
    $("progressbar").className = "progressbaroff";
    $("progressbartext").innerHTML = "";
    requestInProgress = false;
  },

  checkResetPage : function( field ) {
    if( field == 'page' ) {
      return false;
    }
    else {
      return true;
    }
  },

  resetForm : function( searchObj ) {
    commonSearchJs.resetPage();
    commonSearchJs.resetSortingArrow();
    $('sortBy').value = '';
    $('sortOrder').value = 1;
    searchObj.resetFilters();
  },

  resetPage : function() {
    $('page').value = 1;
  },

  resetSortingArrow : function() {
    var prevSort = $('sortBy').value;
    if( prevSort ) {
      var sortArrow = $(prevSort + "Arrow");
      sortArrow.className = "sortSpacer";
    }
  },

  /**
   * Set the sort direction (asc or desc) and sortBy field
   */
  setSortArrow : function(sortBy) {
    if( sortBy ) {
      $('sortBy').value = sortBy;
      var sortArrow = $(sortBy + 'Arrow');     
      if( $('sortOrder').value == 1 ) {
        sortArrow.className = 'sortDown';
      }
      else {
        sortArrow.className = 'sortUp';
      }  
    }
  },

  initKeywords : function( defaultKeywords ) {
    if( defaultKeywords == '' ) {
      $('matchKeywords').value = keywordsInit;
      $('matchKeywords').className = 'keywordslight';
    }
    else {
      //-- URL has keywords already, so use those
      $('matchKeywords').className = 'keywordsdark';
      keywordsTouched = true;
    }
  },

  clearKeywords : function() {
    $('matchKeywords').className = 'keywordsdark';
    $('matchKeywords').value = '';
  },

  clearLocFilter : function() {
    $('locEntered').value = '';
    $('locFilter').value = '';
  }
}

var objInFocus = '';

function setObjInFocus( obj ) {
  objInFocus = obj;
  if( obj == 'matchKeywords' ) {
    if( !keywordsTouched ) {
      commonSearchJs.clearKeywords();      
    }   
    keywordsTouched = true;
  } else if (obj == 'locEntered') {
    if(!locTextEntered) {
      commonSearchJs.clearLocFilter();      
    }   
    locTextEntered = true;
  }
}

function removeObjInFocus() {
  objInFocus = '';
}

//-- MSE only available in debug mode
function toggleMSE(id) {
  if( $('explainBox'+id).style.display == 'none' ){
		$('explainBox'+id).style.display = '';
	}
  else {
		$('explainBox'+id).style.display = 'none';
	}
}

var contactMePanel;
var contactMeTabs;
var closeContactMePanel;
var currentContactPanel = -1;
var callSessionId;
var callWS;
var tabChat, tabCall;
var checkTabsLoadedInterval;

function initContactMePanel() {


closeContactMePanel = function() {
    currentContactPanel = -1;
    resetContactMePanel();
		deactivateContactMeAgentMode(); // always turn this off on close!
  };

  contactMePanel = new YAHOO.widget.Panel("contactMePanel_YUI", 
    { width : "525px",
      height: "370px",
      fixedcenter : true,
      visible : false, 
      constraintoviewport : true,
      close : true,
      draggable : true,
      modal: false,
      effect: {effect:YAHOO.widget.ContainerEffect.FADE,duration:0.3}
    } );

  contactMeTabs = new YAHOO.widget.TabView("contactMe_tabs");
  //setContactMeBody("ContactMeInvite");
  contactMePanel.render();
  contactMePanel.beforeHideEvent.subscribe(closeContactMePanel);
	removeClassName( contactMePanel.innerElement, 'displayNone' );
  return true;
}


/**
 * When the user is not logged in, show sign in dialog.
 */
function notLoggedInDialog() {
    //TODO to implement
}


/**
 * Toggle display of the contactMe Panel.
 */
function toggleContactMePanel(provider,agentMode) {
  if( currentContactPanel == provider ) {
    currentContactPanel = -1;
    contactMePanel.hide();
  } else {
    if(!contactMePanel){
        initContactMePanel();
				contactMePanel.provider = provider;
    }
    currentContactPanel = provider;
    contactMePanel.show();
		// If agent mode requested, turn it on
		if( agentMode ){ activateContactMeAgentMode(); }
		checkTabsLoadedInterval = setInterval( 'checkTabsLoaded()', 50 );
  }
}

/**
 * Reset Panel 
 */
function resetContactMePanel() {
	if (contactMePanel) {
		// reset any clicked radio buttons
		i = 0;
		while($('existing'+ i)) {
			$('existing'+ i++).checked = false;
		}

		$('inviteContent').style.display = '';
		$('inviteConfirm').style.display = 'none';
		$('inviteSuccessMessage').style.display = '';
		$('inviteFailureMessage').style.display = 'none';
	}
}

function cancelContactMe(){
	if(contactMePanel){
		currentContactPanel = -1;
		callSessionId=null;
		callWS=null;
		contactMePanel.hide();
		resetContactMePanel();
	}
}

function setContactMeBody(tab){
if(contactMePanel){
    contactMePanel.setHeader($(tab+'Header').innerHTML);
    contactMePanel.setBody($(tab+'Body').innerHTML);
}
}

function activateTab(index){
if(contactMeTabs.getTab(index))
    contactMeTabs.set('activeIndex',index);
}


/*** Tab Related Functions ***/

// Checks if tabs are loaded, calls checkTabs and clears interval if so
function checkTabsLoaded() {
	if( window.contactMeTabs  ) {
		clearInterval( checkTabsLoadedInterval );

		if( !tabChat ) { tabChat = contactMeTabs.getTab(1); }
		if( !tabCall ) { tabCall = contactMeTabs.getTab(2); }

		checkTabs(contactMePanel.provider);
	}
}

// Makes call to AHR to check which tabs are avail for this user
function checkTabs(username) {
	var url = "/php/myelance/main/contactMeAHR.php?ctx=contactMe&mode=checktabs&view_person="+username+'&t='+getDateTime();
	 YAHOO.util.Connect.asyncRequest('get',
          url,
          {success: tabCheckSuccess, failure:tabCheckFailure});
};

// Handle success case for the above
function tabCheckSuccess(response) {
	var responseObj = Json.evaluate( response.responseText );

	if( responseObj.rc == '1' ) {
	
		// Add the tabs back in, then remove them selectively
		contactMeTabs.addTab(tabChat);
		contactMeTabs.addTab(tabCall);

		if( !responseObj.canChat ) {
			// If we are removing the active tab, set active to 0
			if( contactMeTabs.get('activeTab') == tabChat ) { activateTab(0); }
			contactMeTabs.removeTab(tabChat);
		}

		if( !responseObj.canCall ) {
			// If we are removing the active tab, set active to 0
			if( contactMeTabs.get('activeTab') == tabCall ) { activateTab(0); }
			contactMeTabs.removeTab(tabCall);
		}

	}
};

// handle failure case for the above
function tabCheckFailure(){
	//do nothing, in good faith. 
};


var URL_BASE;
function connectCall(from_phone, username, url_base){
    URL_BASE = url_base;
    clearStatus();
    var result=true;
    if(callSessionId=="IN-PROGRESS"){
        result=confirm("Call in progress, making another call may disonnect the current call. Do you want to continue?");
    }
    if(result){
        if(!validatePhone(from_phone)){
            return;
        }
        from_phone = document.CallForm.from_phone.value;
        callSessionId="IN-PROGRESS";
        setCallStatus("Connecting...");
        //Connect Call, get Session ID
        var url = "/php/myelance/main/call.php?ctx=contactMe&mode=call&view_person="+username+"&from_phone="+from_phone+'&t='+getDateTime();
        YAHOO.util.Connect.asyncRequest('get',
          url,
          {success: callResult, failure:callFailure});
    }
}

function validatePhone(phone){
		var p = phone.replace(/[^\d\+]/g, "");
		if (p.substr(0, 3) != "011" && p.substr(0, 1) != "+") {
			if (p == "911") {
				alert("Calls to 911 emergency services cannot be completed. Please dial the number directly from your landline or cell phone");
				document.CallForm.from_phone.focus();
				return false;
			}
			if (p == "411") {
				alert("Calls to 411 directory assistance services cannot be completed. Please dial the number directly from your landline or cell phone");
				document.CallForm.from_phone.focus();
				return false;
			}
			if (!p.match(/^\+?1?[2-9]\d{2}[2-9]\d{6}$/)) {
				alert("The phone number you entered is incorrect.\n\n" +
							"Valid US phone numbers should be a total of 10-digits in length\n" +
							"and neither the area code or 7-digit phone number can start with the number \"1\".");
				document.CallForm.from_phone.focus();
				return false;
			}
		}
		if (p.substr(0, 1) == "+") p = p.substr(1);
        document.CallForm.from_phone.value = p;
	return true;
}

function cancelCall(){
    if(callSessionId){
        if(callSessionId!='IN-PROGRESS'){
        //disconnect call
        var answer = confirm("Call is in progress. Do you want to disconnect?");
        if(answer){
            var url = "/php/myelance/main/call.php?ctx=contactMe&mode=cancel&call_sk="+callSessionId+'&call_WS='+callWS+'&t='+getDateTime();
             YAHOO.util.Connect.asyncRequest('get',
          	url);
        }else{
            return;
        }
        }
        callSessionId=null;
    }
    clearStatus();
    cancelContactMe();
}

function callResult(tspt){
   var response = tspt.responseText;
   var data = response.split(' ');
   if(data[0]=='OK'){
       callSessionId=data[1];
       callWS = data[2];
       //initiate call status
       setCallStatus("");
       getCallStatus();
       isCallInProgress();
   }else{
       //TODO - Set Error Message
    setCallStatus(response);
    callSessionId=null;
   }
}
function clearStatus(){
    setCallStatus("");
    var sframe = $('callStatusFrame');
    sframe.src="";
}
function callFailure(){
    setCallStatus("<span class='errortext'> Internal Error, cannot connect call, please try again at a later time. ");
    callSessionId=null;
}

//get call status from provider
function getCallStatus(){
    if(callSessionId!=null){
        var iframe = "https://service.ringcentral.com/ringout.asp?cmd=status&format=html&css="+escape(URL_BASE+"/styles/ringCentralStatus.css")+"&sessionid="+callSessionId+"&WS="+callWS+'&t='+getDateTime();
        var sframe = $('callStatusFrame');
        sframe.src=iframe;
        setTimeout("getCallStatus()", 5000);
    }
}

function isCallInProgress(){
    if(callSessionId){
      YAHOO.util.Connect.asyncRequest('get',
          '/php/myelance/main/call.php?ctx=contactMe&mode=status&call_sk='+callSessionId+'&call_WS='+callWS+'&t='+getDateTime(),
          {success: updCallSession, failure:updCallSession});
      setTimeout("isCallInProgress()", 30000);
    }
}

function updCallSession(tspt){
   if(!tspt.responseText || tspt.responseText!=1){
       callSessionId=null;
   }
}

function setCallStatus(statusText){
    $('callStatus').innerHTML="<div style='float:left;'><b>Call Status</b>:</div><div style='float:left'>"+statusText+"</div>";
}

function saveChatStatus(){
	availablestatus = document.getElementsByName("availability");
	if(availablestatus[0].checked) {
		toggleChatStatus('1');
		$('available').attributes['onclick'].value = '';
		$('notavailable').attributes['onclick'].value = 'javascript:enableChatStatus();';
	} else {
		toggleChatStatus('0');
		$('notavailable').attributes['onclick'].value = '';
		$('available').attributes['onclick'].value = 'javascript:enableChatStatus();';
	}
	$('confirmdiv').removeClass('displayNone');
	$('save_action').addClass('btn-small-disabled');
	$('save_action').removeClass('btn-small-normal');
	$('save_action').attributes['href'].value = 'javascript:void(0)';
}

function enableChatStatus(){
	$('save_action').addClass('btn-small-normal');
	$('save_action').removeClass('btn-small-disabled');
	$('save_action').attributes['href'].value = 'javascript:saveChatStatus();';
}

function cancelChatStatus(){
	window.location.href = '/settings';
}

function toggleChatStatus(chatState){
        var username = getCookie("userid");
        var d = new Date();
                YAHOO.util.Connect.asyncRequest('get',
                   '/php/userplane/main/chat.php?ctx=myelance&userid='+username + '&chatstate=' + chatState + '&t='+d.getTime(),
                    {success: updateMyElanceChat});
}

function updateMyElanceChat(resp){
    if(resp.responseText.length >0){
		var resObj = eval('({' + resp.responseText + '})');
		if(resObj.prefEnabled != 'N'){
			if($("EnableChatSubText")) {
				document.getElementById("EnableChatSubText").innerHTML = resObj.html;
				document.getElementById("EnableChatSubText").href = 'javascript:toggleChatStatus(\'' + resObj.state + '\');';
			}
		}
        
	} else {
		alert('Failed to Toggle your chat status, please call Elance customer support and report this problem.');
	}

}


/*** AGENT STUFF ***/

// Turn on extra stuff for agent mode
function activateContactMeAgentMode(){
	$('agentNotice').removeClass('displayNone');
	$('inviteAgentSuccessMessage').removeClass('displayNone');
}

// turn off extra stuff for agent mode. Called when the panel is closed
function deactivateContactMeAgentMode(){
	$('agentNotice').addClass('displayNone');
	$('inviteAgentSuccessMessage').addClass('displayNone');
}


if( isExplorer() && window.location.hash ) {
	document.location.href = window.location.href;
}
window.onload = initProjSearch;

var htmlCallback = {
	success: replaceContent,
	upload: replaceContent,
	failure: ajaxFailure
}

function initProjSearch() {
  init_timeleftSlider();
  init_timelistedSlider();
  init_budgetSlider();  
  commonSearchJs.init( projSearchJs, 'timelistedSort', 1 );
  projSearchJs.doSearch(false, true);
  currHashUrl = getCurrHashParams();
  if( !isAppleSafari() ) {
    checkHashChanged();
  }

}

function replaceContent(obj) {
  projSearchJs.replaceContent(obj);
}

var projSearchJs = {

  doSearch : function(resetform, initSearch) {
    if( !projSearchJs.checkIsProfileSearch() ) {
      if(resetform) {
        commonSearchJs.resetForm(projSearchJs);
      }
      projSearchJs.doProjSearch(initSearch);
    }
  },

  // Checks if the user changed the type dropdown to profile; redirect if they have
  checkIsProfileSearch : function() {
    if( $('matchType').value == 'profile' ) {
      //-- redirect search
      var mkey = $('matchKeywords').value;
      if( mkey == keywordsInit ) {
        mkey = '';
      }
      document.location.href = encodeURI("/php/search/main/eolsearch.php?matchType=profile#matchKeywords=" + mkey);
      return true;
    }  
    return false;
  },

  doProjSearch : function(initSearch) {
    cancelRunningRequests();
    requestInProgress = true;
    commonSearchJs.showBusy();
    if( (	($('matchKeywords').value == '') || 
			($('matchKeywords').value == keywordsInit)) &&
        	($('sortBy').value == '') ) {
		      	$('sortOrder').value = 1;
      			commonSearchJs.setSortArrow( 'timelistedSort' );
    }
    
	var t = "&t=" + getDateTime();
    var params = this.getSrchParams();
    if( !initSearch ) {
      //-- For the initial search, no need to set the search params
      setHashParams( params );
    }
    
	curAsyncRef = YAHOO.util.Connect.asyncRequest('GET', '/php/search/main/resultsproject.php?matchType=project&'+ params + t, htmlCallback, null);

	//Dsiplay category for the title of the search project page
	switch ($('catFilter').value) {
		case "100":
			document.title = "Search Projects on Elance | Elance "; break;			
		case "10180":
			document.title = "Search Projects in Writing & Translation on Elance | Elance "; break;
		case "14000":
		    document.title = "Search Projects in Engineering & Manufacturing on Elance | Elance "; break;
		case "10184":
		    document.title = "Search Projects in Design & Multimedia on Elance | Elance "; break;
		case "10183":
		    document.title = "Search Projects in Web & Programming on Elance | Elance "; break;
		case "10178":
		    document.title = "Search Projects in Sales & Marketing on Elance | Elance "; break;
		case "10182":
		    document.title = "Search Projects in Software & Technology on Elance | Elance "; break;
	    case "10179":
	        document.title = "Search Projects in Admin Support on Elance | Elance "; break;
	    case "10186":
			document.title = "Search Projects in Finance & Management on Elance | Elance "; break;
		case "10187":
			document.title = "Search Projects in Legal on Elance | Elance "; break;
	 }

  },
  setSrchParam : function(name, value) {
    if( name == 'sortBy' ) {
      //-- Remove any existing sort arrow
      commonSearchJs.resetSortingArrow();

      //-- Determine the sort order
      if( $('sortBy').value == value ) {
            $('sortOrder').value *= -1;
      } 
      else {
          if(value =='catSort' || value == 'nameSort' || value =='timeleftSort'){
            $('sortOrder').value = -1;
          }else{
            $('sortOrder').value = 1;
          }
      }

      //-- Set the sort arrow and reset the page
      commonSearchJs.setSortArrow(value);
      commonSearchJs.resetPage();
      projSearchJs.doProjSearch(false);
      return;
    }
    else if( name == 'catFilter' ) {
      $('subcatFilter').value = -1;
    }
    else if( name == 'page' ) {
      scrollTo(0,0);
    }
    $(name).value = value;
    if( commonSearchJs.checkResetPage( name ) ) {
      commonSearchJs.resetPage();
    }
    projSearchJs.doProjSearch(false);
  },


  getSrchParams : function() {
    var params = "";
    params += "page=" + $('page').value;
    if( $('matchKeywords').value != keywordsInit ) {
      params += "&matchKeywords=" + encodeURIComponent($('matchKeywords').value);
    }
    params += "&sortBy=" + $('sortBy').value;
    params += "&sortOrder=" + $('sortOrder').value;

    //-- filters
    params += "&catFilter=" 	+ $('catFilter').value;
    params += "&subcatFilter=" 	+ $('subcatFilter').value;
    params += "&timeleftFilter=" 	+ $('timeleftFilter').value;
    params += "&timelistedFilter=" 	+ $('timelistedFilter').value;
    params += "&budgetFilter=" 		+ $('budgetFilter').value;
    params += "&featuredprojectFilter=" 	+ $('featuredprojectFilter').checked;
    params += "&escrowprojectFilter=" 	+ $('escrowprojectFilter').checked;
    params += "&b2bprojectFilter="   + $('b2bprojectFilter').checked;
    if($('amexprojectFilter')) params += "&amexprojectFilter="   + $('amexprojectFilter').checked;
    params += "&statusFilter=" 	+ $('statusFilter').value;
    params += "&fixedprojectFilter=" 	+ $('fixedprojectFilter').checked;
    params += "&hourlyprojectFilter=" 	+ $('hourlyprojectFilter').checked;
    if($('groupFilter'))  params += "&groupFilter=" + $('groupFilter').value;

    //alert( params );
    return params;
  },


  /**
   * Reset the filters.  Typically called if a new search is executed.
   */
  resetFilters : function() {
    $('catFilter').value = 100;
    $('subcatFilter').value = '';
    $('timeleftFilter').value = 0;
    $('timelistedFilter').value = 0;
    $('budgetFilter').value = -1;
    $('featuredprojectFilter').checked = '';
    $('escrowprojectFilter').checked = '';
    $('b2bprojectFilter').checked = '';
    if($('amexprojectFilter')) $('amexprojectFilter').checked = '';
    $('statusFilter').value = 10037;
    $('groupFilter').value = '';
    $('fixedprojectFilter').checked = true;
    $('hourlyprojectFilter').checked = true;
    slidertimeleft.setValue(0);
    slidertimelisted.setValue(0);
    sliderbudget.setValue(0);
  },


  replaceContent : function(obj) {
    $('results_placeholder').innerHTML = obj.responseText;
    
    /**
     * If viewing Bidding Closed or Any, change 'Time Left' column
     * to 'Close Date'
     */
    if( ($('statusFilter').value == 10038) ||
	($('statusFilter').value == -1) ) {
      $('closedtitle').className = '';
      $('timelefttitle').className = 'displayNone';
    }
    else {
      $('closedtitle').className = 'displayNone';
      $('timelefttitle').className = '';
    }

    $('pagenav_placeholder').innerHTML = $('pagenav_subsection').innerHTML;
    $('groupimage_placeholder').innerHTML = $('groupimage_subsection').innerHTML;
    $('group_placeholder').innerHTML = $('group_subsection').innerHTML;
    $('totalresults_placeholder').innerHTML = $('totalresults_subsection').innerHTML;
	$('rss_placeholder').href = '/php/search/main/resultsproject.php?matchType=project&'+ this.getSrchParams() +"&t="+ getDateTime() +"&rss=1";
    $('debug_placeholder').innerHTML = $('debug_subsection').innerHTML;
    $('category_placeholder').innerHTML = $('category_subsection').innerHTML;
    $('results_placeholder').innerHTML = $('results_subsection').innerHTML;

    commonSearchJs.showNotBusy();
  },

  
  /**
   * If user presses Enter while in keywords text field, execute search.
   */
  interceptKeypress : function( keypressEvent ) {
    if((keypressEvent.type == 'keypress') && (YAHOO.util.Event.getCharCode(keypressEvent) == 13) && (objInFocus == 'matchKeywords')) {
      YAHOO.util.Event.preventDefault(keypressEvent );
      commonSearchJs.resetForm(projSearchJs);
			projSearchJs.doSearch(false, false);
    }
  },


  initFormFields : function(args, defaultSortBy, defaultSortOrder) {
    for (var paramName in args) {
      if( paramName && args[paramName] ) {
        switch( paramName ) {
          case "escrowprojectFilter": 
            if( args[paramName] == 'true' ) {
              document.srchResults.escrowprojectFilter.checked = args[paramName];
            }
            break;
          case "featuredprojectFilter": 
            if( args[paramName] == 'true' ) {
              document.srchResults.featuredprojectFilter.checked = args[paramName];
            }
            break;
          case "b2bprojectFilter":
            if( args[paramName] == 'true' ) {
              document.srchResults.b2bprojectFilter.checked = args[paramName];
            }
            break;
          case "amexprojectFilter":
            if( document.srchResults.amexprojectFilter ) {
              if( args[paramName] == 'true' ) {
                document.srchResults.amexprojectFilter.checked = args[paramName];
              }
            }
            break;
          case "fixedprojectFilter":
            if( args[paramName] == 'true' ) {
              document.srchResults.fixedprojectFilter.checked = true;
            } else {
              document.srchResults.fixedprojectFilter.checked = false;
            }
            break;
          case "hourlyprojectFilter":
            if( args[paramName] == 'true' ) {
              document.srchResults.hourlyprojectFilter.checked = true;
            } else {
              document.srchResults.hourlyprojectFilter.checked = false;
            }
            break;
	  case "timelistedFilter":
            set_timelistedSlider( args[paramName] );
            break;
	  case "timeleftFilter":
            set_timeleftSlider( args[paramName] );
            break;
	  case "budgetFilter":
            set_budgetSlider( args[paramName] );
            break;
          case "matchKeywords":
            $('matchKeywords').value = args[paramName];
            break;
          default:
            if( $(paramName) ) {
              $(paramName).value = args[paramName];
            }
        }
      }
    }
  }

}

function showTooltip(el) {
  var id = el.substring(7);
  document.getElementById(el).style.display = '';
  document.getElementById('result_num' + id).style.zIndex = 5;
}

function hideTooltip(el) {
  var id = el.substring(7);
  document.getElementById(el).style.display = 'none';
  document.getElementById('result_num' + id).style.zIndex = 1;
}