var colorVariations = [];


function showDiv(productId, position) {
// alert(productId);
	var divId = 'product_' + productId + '_' + position;
	var divEdit = document.getElementById(divId);
	var position = varEditWin_getPosition(productId, position);
	divEdit.style.left=position[0];
	divEdit.style.top=position[1];
	
	for(var i=0; i<cartEditDiv.length; i++) {
		document.getElementById('btn_edit_' + cartEditDiv[i]).disabled=true;
	}
	
	divEdit.className = 'visible';
	

}

function hideDiv(productId, position) {
	var divId = 'product_' + productId + '_' + position;
	var divEdit = document.getElementById(divId);
	for(var i=0; i<cartEditDiv.length; i++) {
		document.getElementById('btn_edit_' + cartEditDiv[i]).disabled=false;
	}
	divEdit.className = 'hidden';
}


function varEditWin_getPosition(productId, position) {
		var imgId	= 'coord_' + productId + '_' + position;
		var _pos = [document.getElementById(imgId).offsetLeft, document.getElementById(imgId).offsetTop];
		return _pos;
}


function validateSearch() {
	var ret = false;
	var srchVal = document.getElementById('srchsearchcriteria').value;
	srchVal = srchVal.replace(/\s/g, '');
	ret = (srchVal == '')?false:true;
	return ret;
	}

function setColorId(colorId) {
 colorVariations[colorVariations.length] = colorId;
}

function checkVariations(el) {
	var colFirstId = 'var_' + colorVariations[0];
	var colSecId = 'var_' + colorVariations[1];
	if(el == colFirstId || el == colSecId ) {
		var lstColorFirst = document.getElementById(colFirstId);
		var lstColorSecond = document.getElementById(colSecId);
		var cf = lstColorFirst.options[lstColorFirst.selectedIndex].text;
		var cs = lstColorSecond.options[lstColorSecond.selectedIndex].text;
		if(cf == cs) {
			alert('Please choose different colors!');
			document.getElementById('btn_productinfo_buy').disabled = true;
		} else {
			document.getElementById('btn_productinfo_buy').disabled = false;
		}
	}
}