var CheckBoxSkin = 'Mac';
var ApplySkin = true;
var maindir = '/upload/images/skin/';

if(ApplySkin)
{
	// load skin
	var CheckBoxCss = document.createElement('link');
	CheckBoxCss.type='text/css';
	CheckBoxCss.rel='stylesheet';
	CheckBoxCss.href= maindir + 'CheckBoxMacStyle/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=maindir + 'CheckBoxMacStyle/Scripts/CheckBoxMacStyle.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=maindir + 'CheckBoxMacStyle/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=maindir + 'CheckBoxMacStyle/Scripts/CheckBoxMacStyle.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;
		}
	}
}