function openCustomiseForm() {
	document.getElementById('customise').style.display='block';
}
function closeCustomiseForm() {
	document.getElementById('customise').style.display='none';
}
function changeColor(customise_id, color, is_bg) {
	colorSelected = color;
	bgSelected = is_bg;
	customiseIdSelected = customise_id;
	changeCssColor(color, is_bg);
}
function changeColorSubmit() {
	// ajax code here
	colorCurrent = colorSelected;
	bgCurrent = bgSelected;
	customiseIdCurrent = customiseIdSelected;
	xajax_ajaxChangeColor(customiseIdSelected);
	closeCustomiseForm();
}
function changeColorCancel() {
	if (customiseIdSelected != customiseIdCurrent) {
		colorSelected = colorCurrent;
		bgSelected = bgCurrent;
		customiseIdSelected = customiseIdCurrent;
		changeCssColor(colorCurrent, bgCurrent);
	}
	closeCustomiseForm();
}
function changeCssColor(color, is_bg) {
	if (!document.styleSheets) return;
	var theRules = new Array();
	if (document.styleSheets[1].cssRules)
		theRules = document.styleSheets[1].cssRules
	else if (document.styleSheets[1].rules)
		theRules = document.styleSheets[1].rules
	else return;
	theRules[theRules.length-1].style.backgroundColor = color;
	theRules[theRules.length-2].style.backgroundColor = color;
	if (is_bg > 0) {
		theRules[theRules.length-2].style.backgroundImage = 'url(../files/customise/'+is_bg+'.jpg)';
		theRules[theRules.length-2].style.backgroundRepeat = 'repeat-x';
		theRules[theRules.length-4].style.backgroundImage = 'url(../files/customise/'+is_bg+'.jpg)';
		theRules[theRules.length-4].style.backgroundRepeat = 'repeat-x';
		theRules[theRules.length-4].style.border = '';
		theRules[theRules.length-4].style.padding = '0px 11px';
		theRules[theRules.length-4].style.lineheight = '18px';
		theRules[theRules.length-5].style.backgroundImage = 'url(../files/customise/'+is_bg+'.jpg)';
		theRules[theRules.length-5].style.backgroundRepeat = 'repeat-x';
	} else {
		theRules[theRules.length-2].style.backgroundImage = '';
		theRules[theRules.length-4].style.backgroundImage = '';
		theRules[theRules.length-4].style.border = '1px solid '+color;
		theRules[theRules.length-4].style.padding = '0px 10px';
		theRules[theRules.length-4].style.lineheight = '16px';
		theRules[theRules.length-5].style.backgroundImage = '';
	}
	theRules[theRules.length-3].style.border = '1px solid '+color;
	theRules[theRules.length-3].style.color = color;
//	theRules[theRules.length-4].style.border = '1px solid '+color;
	theRules[theRules.length-4].style.backgroundColor = color;
	theRules[theRules.length-5].style.backgroundColor = color;
	theRules[theRules.length-6].style.backgroundColor = color;
	theRules[theRules.length-7].style.backgroundColor = color;
}