var baseUrl = 'http://hmg.clubredlight.com/';
var http = null;


function getConnection(){
	var browser = navigator.appName;
	if (browser == "Microsoft Internet Explorer"){
		http = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		http = new XMLHttpRequest();
	}
}




function getColorsForSize(){
	if(document.getElementById('size').selectedIndex >= 0){
		size = document.getElementById('size').options[document.getElementById('size').selectedIndex].value;
	}else size = '';
    
    pid = document.getElementById('pid').value;
    
	var url = 'http://4me.bg/ajax.php?size=' + size + '&pid=' + pid;
	http.open('get', url);
	http.onreadystatechange = handleColorsForSize;
	http.send(null);
    
}

function handleColorsForSize(){
 	if (http.readyState == 4){
		var response = http.responseXML;
		var colors = response.getElementsByTagName('color');
		
        var color_cells = '<table border="0" align="center" width="100%"><tr>';
        var counter = 0;
        
		document.getElementById('color').options.length = 0		
		
		for (i = 0; i < colors.length; i++){
            counter++;
        
			color_name  = colors[i].getAttribute('name');
			color_value = colors[i].getAttribute('value');
			document.getElementById('color').options[i] = new Option(color_name, color_value);
            
            color_cells += "<td class='color' bgcolor='" + color_value + "' border='1' bordercolor='#000000'>&nbsp;</td>\n";
            if (counter % 8 == 0){
                color_cells += "</tr><tr align='left'>\n";
            }
		}
        
        while (counter % 8 > 0){
            color_cells +=  "<td class='color_empty' bgcolor='#FFFFFF' border='0' bordercolor='#FFFFFF'>&nbsp;</td>\n";
            counter++;
        }
        
        color_cells += '</tr></table>';
        
        //document.getElementById('color_cells').innerHTML = '';
        
        document.getElementById('color_cells').innerHTML = color_cells;
	}
}




getConnection();