var idTimerToCancel = 0  // just inited to zero as need to declare the variable
  var over = false;
  
  var lastCarLoaded = 0
	

  function gotoThisPageResult(pageGoingTo, ajaxPage){
		
     $('id_next_or_prev').value = ""
     $('id_page').value = pageGoingTo
     loadResults(ajaxPage)
  }
  
  
	function reorderBasedOnSelectBoxOrder(select, pageLoad){    
    $('id_select_box_order').value = select[select.selectedIndex].value
    $('id_next_or_prev').value = ""
    $('id_page').value = "0"
		//alert('gets here ok pageLoad='+pageLoad)
    loadResults(pageLoad)
  }
	
	
  
  
  function showPrevNext(prev_or_next, ajaxPage){    
  
    $('id_next_or_prev').value = prev_or_next
    loadResults(ajaxPage)
  }
  
	
	// the old version did not pass anything here	 			 
  function loadResults(pageToLoad){  
		//alert('pageToLoad = '+pageToLoad)
    new Ajax.Updater
        ('id_help_me_choose_results_table', pageToLoad,   
            {     
              method: 'post',     
              parameters: $('id_ajax_help_me_choose_form').serialize(true),
              onComplete: reloadLeftMenu(pageToLoad)
            }                        
         );
    
  }
   
  // need to update this div (leftbar) also with this  common/leftmenu1.asp  
  function reloadLeftMenu(pageToLoad){
		
		leftToLoad = '/help_me_choose_ajax_leftmenu_brief.asp' 
		if(pageToLoad=='/help_me_choose_ajax.asp')
			leftToLoad = '/help_me_choose_ajax_leftmenu.asp'
		
    new Ajax.Updater
        ('leftbar', leftToLoad,                                               
            {     
              method: 'post',     
              parameters: $('id_ajax_help_me_choose_form').serialize(true)
							/* ,							
							onSuccess: function(transport){       var response = transport.responseText || "no response text";
							alert("Success! \n\n" + response);     }
							*/							              
            }                        
         );
  
  }
   
  function linkToDetails(id, e){
    
        
    var event = e || window.event; 
    var target = event.target || event.srcElement;
    
    //alert('event = '+event)
    //alert('target = '+target.type)

    if(target.type=="checkbox")
      return
    else
      location.href = "carDetails.asp?locator=" + id
        
  }

  var id_car_to_load = 0;
  
  function mousedOverResultRow(row, car_id, make, model){   
    row.className='gray_background'
    over = true;
    id_car_to_load = car_id
    flipImage(row,'images/nxg-orange.gif')
    
    // use an eval to make the str
    setTimeOutCommand = "timerToLoadPicture('"+car_id+"', '"+make+"', '"+model+"')"
    
    setTimeout(setTimeOutCommand, 1000);
    
  }
  function mousedOutResultRow(row){    
    over = false;
    id_car_to_load = 0;
    row.className='white_background'   
    flipImage(row,'images/nxg.jpg')
  }
  
  function flipImage(row, newImage)
  {
    //debugger;
    td5 = row.childNodes[4]  //td 5
  	
  	if(td5.childNodes[0].childNodes.length == 0)
  	{
  	 //alert('not here !')
  	 td5 = row.childNodes[8]
  	}
  	
	  link5 = td5.childNodes[0] // link within td
  	
	  img5 = link5.childNodes[0] // img within link
  	
	  img5.src = newImage
  }

		
	function goto_helpme_detailed(make, model)
	{		
		$('id_make').value = make
		$('id_model').value = model
		$('id_page').value = "0"
		
		$('id_ajax_help_me_choose_form').action = "help_me_choose_submit.asp"
		$('id_ajax_help_me_choose_form').submit()
		
		
	}	
  
  function timerToLoadPicture(id, make, model)
  {     
		
    if(over)
    {
          
      if(id_car_to_load==id)
      {
      
        if(lastCarLoaded!=id) // only load car if we have not loaded it last
        {
          //timerStr = "id = "+id+" id_car_to_load = "+id_car_to_load
				  //timerStr += " make = "+make+" model="+model
				  //timerStr += " lastCarLoaded = " + lastCarLoaded
          //$('id_output').innerHTML = timerStr
				  $('id_make').value = make
				  $('id_model').value = model
  				
  				
          new Ajax.Updater
            ('id_car_and_example','/help_me_choose_ajax_car_and_example.asp',   
                {     
                  method: 'post',     
                  parameters: $('id_ajax_help_me_choose_form').serialize(true),
                  onComplete: setLastLoadedCar(id_car_to_load)
                  
                }                        
             ); 
        }
      }                                    
    } 
		
  }
  
  function setLastLoadedCar(carJustLoaded)
  {
    lastCarLoaded = carJustLoaded
  }
  
  function compareCars(make, model)  
  {
    //alert('make ='+make + ' model = '+model)
    //alert('triggers compare cars')
    
    // get the first 2 selected checkboxes
    var compareCounter=0;
    var foundCount = 0;
    //debugger;
    var carOne = ""
    var carTwo = ""
    
    while (compareCounter<10)
    {      
      
      if(  $('compareCheckBox'+compareCounter).checked)
      {
        //alert($('compareCheckBox'+compareCounter)+ 'box is checked')   
        carOne=="" ? carOne= $('compareCheckBox'+compareCounter).value : carTwo = $('compareCheckBox'+compareCounter).value
        foundCount++
        if(foundCount>1)
          break;
      }
      compareCounter=compareCounter+1;
    }
    
    if(carOne=="" || carTwo=="")
    {
      alert('please select 2 cars to compare')
      return
    }
    
    
    //gotoAddress = "/carCompare_test.asp?CapID="+carOne+", "+carTwo+"&make="+make+"&model="+model
    gotoAddress = "/carCompare.asp?locator="+carOne+"&locatorb="+carTwo
    
    //alert('gogort = '+gotoAddress)
    location.href=gotoAddress
    
    
    

    
    
  }
	
/*********************************************************************************
 start of a load of duplicate code , TODO refactor this, to use functions above
 ********************************************************************************/

  
  function REFACTORgotoThisPageResult(pageGoingTo){
		
     $('id_next_or_prev').value = ""
     $('id_page').value = pageGoingTo
     REFACTORloadResults()
  }
  
	/*
  function REFACTORreorderBasedOnSelectBoxOrder(select){    
    $('id_select_box_order').value = select[select.selectedIndex].value
    $('id_next_or_prev').value = ""
    $('id_page').value = "0"
    REFACTORloadResults()
  }*/
  
  
  function REFACTORshowPrevNext(prev_or_next){    
  
    $('id_next_or_prev').value = prev_or_next
    REFACTORloadResults()
  }
  
  function REFACTORloadResults(){  
    new Ajax.Updater
        ('id_help_me_choose_results_table','/help_me_choose_ajax.asp',   
            {     
              method: 'post',     
              parameters: $('id_ajax_help_me_choose_form').serialize(true),
              onComplete: REFACTORreloadLeftMenu()
            }                        
         );
    
  }
   
  // need to update this div (leftbar) also with this  common/leftmenu1.asp  
  function REFACTORreloadLeftMenu(){
  
    new Ajax.Updater
        ('leftbar','/help_me_choose_ajax_leftmenu.asp',                                               
            {     
              method: 'post',     
              parameters: $('id_ajax_help_me_choose_form').serialize(true)
              
            }                        
         );
  
  }