var colorProfileCookieName = "colorprofilecookie";
var colorProfileBasketHtmlName = "colorProfileBasket";
var colorProfileBasketHtmlDiv = "colorProfileBasketDiv";
var colorProfileBasketHeadlineName = "Color Profile Order";
var completeOrderButtonText = "Complete Order";
var emptyOrderButtonText = "Empty Basket";
var colorProfileBasketDiv="basket";

function colorProfileAddToBasket(item) {
	if (item == null) {
		return;
	}

	var cookieStr = item + "#";

	// check if the order is in the cookie
	var checkOrder = checkOrderInCookie(item);
	if (checkOrder != null) {
		colorProfileRemoveFromBasket(checkOrder); // remove old order if
													// exists
	}
	// add new order
	AppendCookie(colorProfileCookieName, cookieStr);
	showColorProfileBasket();
}
 
function colorProfileRemoveFromBasket(i) {
	UnappendCookie(colorProfileCookieName, i);
	showColorProfileBasket();
}

function colorProfileRemoveFromBasketAndDecrementCounter(i) {
	if(counter > 0){counter--;}
	UnappendCookie(colorProfileCookieName, i);
	showColorProfileBasket();
}

function colorProfileEmptyBasket() {
	DeleteCookie(colorProfileCookieName);
	window.location = window.location.href;
	counter=0;
	showColorProfileBasket();
}

function checkOrderInCookie(str) {
	var cookie = GetCookie(colorProfileCookieName);
	if (cookie == null) {
		return;
	}

	var prods = cookie.split(",");
	var orderStr = "";
	if (prods.length > 0) {
		for (i = 0; i < prods.length; i++) {
			var p = prods[i].split('#');
			if (str == p[0]) {
				return prods[i];
			}
		}
	}
	return false;
}
function showColorProfileOrderLines(){
	var cookie = GetCookie(colorProfileCookieName)
	if(cookie == null){
		return;
	}
	var prods = cookie.split(",");
	var orderStr = "";
	if(prods.length > 0){
		for(i=0;i<prods.length;i++){
			var p = prods[i].split('#');
			orderStr += '<tr align="left" valign="top">';
			orderStr += '<td align="right" valign="middle" nowrap="nowrap" class="genericContentLabel">'
			orderStr += p;
			orderStr += '</td>';
			orderStr += '<td width="100%" align="left" valign="middle">';
			var temp = p.join("").replace('<br/>','#').replace('<br/>','#').replace('<br/>','#');
			orderStr += '<input name="CWP-FORM-COLOR_PROFILE_' + temp +'"';
			orderStr += ' size="2" type="text" value="1" validate="number" validate_min="0" validate_max="5" validate_msg="Invalid quantity\\n"/>';
			orderStr += '</td>';
			orderStr += '</tr>';
		}
	}
	document.write(orderStr);
}
function showColorProfileBasket() {

	var basketStr = "";
	//d = document.getElementById(colorProfileBasketHtmlDiv);
	d = document.getElementById(colorProfileBasketDiv);
	if (d == null) {
		alert('This page has no basket');
		return;
	}
	
	cookie = GetCookie(colorProfileCookieName);
	
	
	if (cookie == null) {
		d.style.display='none';
	} else {
		d.style.display='block';
		
		var prods = cookie.split(",");
		
		prods.sort(productsortfn);
		if (prods.length > 0) {
			for (i=0; i<prods.length; i++) {
				var p = prods[i].split('#');
				
				basketStr = basketStr + "<b>"+ p[0] +"</b><br />";
				
				basketStr += "[ <a href=\"javascript:colorProfileRemoveFromBasketAndDecrementCounter('" + prods[i] + "')\">remove</a> ]<br /><br />";
				
			}
		}

	}
	document.getElementById(colorProfileBasketHtmlDiv).innerHTML = basketStr;
}

function processColorProfileOrder(){
	window.location = '/en/about_us/panels_profiles/color_profiles/complete_order';
}
function createColorProfileBasketDiv(){
	var htmlStr = '';
	htmlStr+='<div id="basket" style="width:195px">';
	htmlStr+='<h3>'+colorProfileBasketHeadlineName+'</h3>';
	htmlStr+='<div class="basketItem">';
	htmlStr+='<div class="basketRow" id="'+colorProfileBasketHtmlDiv+'">';
	htmlStr+='<p></p>';
	htmlStr+='</div>';
	htmlStr+='</div>';
	htmlStr+='<div class="basketAction">';
	htmlStr+='<div class="basketLeft">';
	htmlStr+='<input type="image" onclick="javascript:colorProfileEmptyBasket();" alt="Empty basket" src="/static_newlook/img/buttons/basketEmpty.gif" />';				   
	htmlStr+='</div>';
	htmlStr+='<div class="basketRight">';					   
	htmlStr+='<input type="image" onclick="javascript:processColorProfileOrder();" alt="Complete order" src="/static_newlook/img/buttons/basketComplete.gif" />';
	htmlStr+='</div>';
	htmlStr+='</div>';
	htmlStr+='</div>';
	document.write(htmlStr);
	showColorProfileBasket();
}