var prodAuswahl = new Array('no');
var linkAuswahl = new Array('no');

function compProducts(prod) {
	if (prodAuswahl.length==5) {
		for (i=1;i<5;i++) {
			document.getElementById('compare_' + i).style.backgroundColor = '#FF6633';
		}
	} else {
		if (prodAuswahl.length>=1) {
			document.getElementById('removeall').innerHTML = '<input type="button" class="removeall-aktiv" value="" onclick="delAll()">';
		} 
		if (prodAuswahl.length>1) {
			document.getElementById('comparenow').innerHTML = '<input type="button" class="comparenow-aktiv" value="" onclick="submit()">';
		} 
		prodAuswahl.push(prod);
		
		document.getElementById('linkAuswahl_' + prod).innerHTML = '<a href="javascript:delCompareProducts(' + prod + ')" class="non-compare" id="' + prod + '" style="color:#676767">Remove</a>';
		for (i=1;i<5;i++) {
			document.getElementById('compare_' + i).style.backgroundImage = "url('/design/custom_bartels/images/compare-button-" + i + "-off.png')";
		}
		for (j=1;j<prodAuswahl.length;j++) {
			document.getElementById('compare_' + j).style.backgroundImage = "url('/design/custom_bartels/images/compare-button-" + j + "-on.png')";
		}						
	}
	document.getElementById('compareForm').value = prodAuswahl;
}
function delCompareProducts(prod) {
	
	document.getElementById('linkAuswahl_' + prod).innerHTML = '<a href="javascript:compProducts(' + prod + ')" class="compare">Add to compare</a>';
	for (z=1;z<5;z++) {
		if (prodAuswahl[z]==prod) {
			prodAuswahl.splice(z,1);
			for (i=1;i<5;i++) {
				document.getElementById('compare_' + i).style.backgroundImage = "url('/design/custom_bartels/images/compare-button-" + i + "-off.png')";
			}
			for (j=1;j<prodAuswahl.length;j++) {
				document.getElementById('compare_' + j).style.backgroundImage = "url('/design/custom_bartels/images/compare-button-" + j + "-on.png')";
			}
		} 
	}
	if (prodAuswahl.length<3) {
		document.getElementById('comparenow').innerHTML = '<input type="button" class="comparenow" value="">';
	}
	if (prodAuswahl.length<=1) {
		document.getElementById('removeall').innerHTML = '<input type="button" class="removeall" value="">';
	}
	document.getElementById('compareForm').value = prodAuswahl;
}
function delAll() {
	window.location.reload();
}