var CheckBoxSkin = 'Maxime';
var ApplySkin = true;

if(ApplySkin)
{
	// load skin
	var CheckBoxCss = document.createElement('link');
	CheckBoxCss.type='text/css';
	CheckBoxCss.rel='stylesheet';
	CheckBoxCss.href='/CheckBox/Skins/' + CheckBoxSkin + '/Styles.css';
	document.getElementsByTagName('head')[0].appendChild(CheckBoxCss);
	// load script classes
	var CheckBoxScriptCss = document.createElement('link');
	CheckBoxScriptCss.type='text/css';
	CheckBoxScriptCss.rel='stylesheet';
	CheckBoxScriptCss.href='/CheckBox/Scripts/CheckBox.css';
	document.getElementsByTagName('head')[0].appendChild(CheckBoxScriptCss);
}
else
{
	// do not load skin
	var CheckBoxCss = document.createElement('link');
	CheckBoxCss.type='text/css';
	CheckBoxCss.rel='stylesheet';
	CheckBoxCss.href='/CheckBox/Skins/Default/Styles.css';
	document.getElementsByTagName('head')[0].appendChild(CheckBoxCss);
	// load script classes
	var CheckBoxScriptCss = document.createElement('link');
	CheckBoxScriptCss.type='text/css';
	CheckBoxScriptCss.rel='stylesheet';
	CheckBoxScriptCss.href='/CheckBox/Scripts/CheckBox.css';
	document.getElementsByTagName('head')[0].appendChild(CheckBoxScriptCss);
}


function togglecheckbox(hiddenChkBox, skinnedCheckBoxId)
{
	if(!document.getElementById(hiddenChkBox).disabled)
	{
		if(document.getElementById(hiddenChkBox).checked)
		{
			document.getElementById(skinnedCheckBoxId).className = 'unchecked';
			document.getElementById(hiddenChkBox).checked = false;
		}
		else
		{
			document.getElementById(skinnedCheckBoxId).className = 'checked';
			document.getElementById(hiddenChkBox).checked = true;
		}
	}
}