function get_products(o_id, page_id) {
	if (o_id != "") {
		var split_arr = o_id.split(":");
		o_id = split_arr[1];
		var url = "select_xml_product.php?mo_id="+o_id+"&page_id="+page_id;
		//alert(url);
		type="product_id";
		document.getElementById(type).options.length = 1;
		document.getElementById(type).options[0] = new Option('Loading...', '');
		var xml = new JKL.ParseXML(url);
		var data = xml.parse();
		var output = "";
		var products = data.instance.product;
		set_transition();
		var k = 1;
		if (products) {
			if (products.length) {
				for(i=0;i<=products.length-1;i++) {
					document.getElementById(type).options[k] = new Option(products[i].name, products[i].product_id);
					k++;
					if (check_in_array(category_color,"color_"+products[i].color_id)) document.getElementById("color_"+products[i].color_id).className='transOFF';
					//alert(products[i].color_id);
				}	
			}
			else {
				document.getElementById(type).options[k] = new Option(products["name"], products["product_id"]);
				if (check_in_array(category_color,"color_"+products["color_id"])) document.getElementById("color_"+products["color_id"]).className='transOFF';
			}
		}
		document.getElementById(type).options[0] = new Option('Select Product', '');
		document.getElementById(type).value = "";
		data = "";
		xml = "";
		url = "";
	}
}

function select_product() {
	
}
function check_in_array(arr,el) {
	var i=0;
	for(i=0;i<=arr.length-1;i++) {
		if (arr[i]==el) return true;
	}
	return false;
}
function click_product() {
	if (document.getElementById("product_id").options.length == 1) alert("Please, select size first.");
}
function set_transition() {
	var i = 0;
	for (i=0;i<=category_color.length-1;i++) {
		document.getElementById(category_color[i]).className='trans50';
	}
}
function change_image(src_image) {
	top_image = document["top_image"].src;
	document["top_image"].src = src_image;
}
function restore_image() {
	document["top_image"].src=top_image;
}

