Не выводит всю информацию
 

Добрый день. Разрабатываю страницу. При нажатии на кнопку, появляются два селектора. Но у меня появляется только один, и почему то именно второй селектор, а не первый по логике. Но если делать условие в цикле,где выводится просто алерт, появляются все два окна. То есть некая пауза, вызванная этим алертом, позволяет успешно сработать коду. Как это можно исправить?

function showdoubleContent(link1, link2, type) {  

		
		
    
	    for(i=1; i<10; i++) {
	if (document.getElementById(type+'1_'+i) == null) break
 	}
	
	var tbody = document.getElementById
    (type).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
	td1.setAttribute('id',type+'1_'+i);
	
    var td2 = document.createElement("TD")
	var td3 = document.createElement("TD")
	td3.setAttribute('id',type+'2_'+i);
	
    row.appendChild(td1);
    row.appendChild(td2);
	row.appendChild(td3);
    tbody.appendChild(row);
    
  
        
        var content = [link1, link2];
		
		
for (var x=0;  x<2; x++) {

         y = x + 1;
        // Если я тут поставлю if (y == 2) alert('sd'); Все будет без проблем, но этот алерт очень мешает

		

		
        var cont = document.getElementById(type+y+'_'+i);  
        var loading = document.getElementById('loading');
        var link = content[x];
		link += '&n='+i;
               
		
		
   
        cont.innerHTML = loading.innerHTML;  
  
        var http = createRequestObject();  
        if( http )   
        {  
            http.open('get', link);  
            http.onreadystatechange = function ()   
            {  
                if(http.readyState == 4)   
                {  
                    cont.innerHTML = http.responseText;  
                }  
            }  
            http.send(null);      
        }  
        else   
        {  
            document.location = link;  
        }  
		
	}
		
    }  
  
    // создание ajax объекта  
    function createRequestObject()   
    {  
        try { return new XMLHttpRequest() }  
        catch(e)   
        {  
            try { return new ActiveXObject('Msxml2.XMLHTTP') }  
            catch(e)   
            {  
                try { return new ActiveXObject('Microsoft.XMLHTTP') }  
                catch(e) { return null; }  
            }  
        }  
		
	
    }

Часть кода

<tr>
		    <td colspan="3">
				<input type="button" value="Добавить" onclick="showdoubleContent('team1.php?club='+document.getElementById('club1').value, 'team2.php?club='+document.getElementById('club2').value, 'goals')">
			 </td>
		</tr>

Код для селектора береться из этого php кода

<?php
 $club=$_GET['club'];
 include 'bd.php';
 $number=$_GET['n'];
	
   if (isset($club) == false) $club = "Arsenal FC";
   if ($club === " ") exit;
   $query = ' select * from
   players, nom
   where players.id = nom.id and nom.club = "'.$club.'"
   order by players.name asc';
  $result = mysql_query($query);
  if ($result == FALSE){die ("запрос не выполнен <br>");}
  
  
  echo '<select id="secscorer'.$number.'" name="secscorer'.$number.'" width="200px"> ';
  echo '<option value=" ">  </option>';
  while($row = mysql_fetch_array($result, MYSQL_ASSOC))
  { echo '<option value="'.$row["name"].'" > '.$row["name"].'  ['.$row["pos_default"].'] </option><br>';  } 
  echo '<option value="AG"> AG </option>';
  echo '</select>';
   
   
    echo '<select id="secgoals'.$number.'" name="secgoals'.$number.'">';   
   $goals = array (' ',1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15);
					    foreach ($goals as $key=>$value)
						{  echo '<option value="'.$value.'" >'.$value.' </option> '; }
			echo '</select>';			
?>