function AjaxTransaction(action, dest_container){
	var xmlHttp;
	try{// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
  	catch (e){// Internet Explorer
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
    	catch (e){
			try{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}
    xmlHttp.onreadystatechange=function(){
		div = fieldOb(dest_container);
		if(xmlHttp.readyState==4){
			div.innerHTML=xmlHttp.responseText;
		}/*else{
			div.innerHTML='Loading...';
		}*/
	}
    xmlHttp.open("GET",action,true);
    xmlHttp.send(null);
}

function GetSizeChart(){
	rows = fieldOb('rows');
	rows = rows.value;
	columns = fieldOb('columns');
	columns = columns.value;
	loadedField = fieldOb('just_loaded');
	loaded = loadedField.value;
	
	if((rows<2 || columns <2) && (loaded != "1")){
		alert('The minimum grid size is (2x2).');
		return;
	}
	
	if((rows>12 || columns >12) && (loaded != "1")){
		alert('The maximum grid size is (12x12).');
		return;
	}
	
	for(i=0; i<12; i++){
		for(j=0; j<12; j++){
			field = fieldOb('smatrix_' + i + '_' + j);
			
			if(i<rows && j<columns) field.className = "field1";
			else field.className = "ascuns";
		}
	}
	
	loadedField.value = 0;
}

function SwitchImage(product_id, image_no){
	AjaxTransaction('?get_product_image=' + product_id + '&image=' + image_no ,'div_thumbnail')
}

function SetColor(color){
	field = fieldOb('color');
	field.value = color;
}

function SetSize(size){
	field = fieldOb('size');
	field.value = size;
}

function AddToCart(product_id){
	action = '?add_to_cart=' + product_id;
	
	color = fieldOb('color');
	action += '&color=' + color.value;
	
	size = fieldOb('size');
	action += '&size=' + size.value;
	document.location.href = action;
}