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

var http = createRequestObject();

function sndColorReq(opt) {
	loadingDisplay();
	http.open('get', '/store/js/ecos/get-color.php?opt='+opt);
	http.onreadystatechange = handleResponse;
    http.send(null);

	var product = document.getElementById("product-options");
	checkColor(product.options[product.selectedIndex].text);

}

function handleResponse() {
    if(http.readyState == 4){
        var response = http.responseText;
		if(response) {
			document.getElementById('color-preview').style.backgroundColor = '#'+response;
			document.getElementById('color-preview').style.border = '1px solid #000000';
		} else {
			document.getElementById('color-preview').style.border = 'none';
		}
		//document.getElementById('color-preview').innerHTML = response;
		setTimeout(loadingHide, 1000);
    }
}

function loadingDisplay() {
	var label = document.getElementById('color-preview');
	label.className = 'loading';
	}

function loadingHide() {
	var label = document.getElementById('color-preview');
	label.className = '';
	}