function changecss(theClass,element,value) {
// credit to Shawn Olson & http://www.shawnolson.net
// documentation for this script at http://www.shawnolson.net/a/503/
 var cssRules;
 if (document.all) {
  cssRules = 'rules';
 }
 else if (document.getElementById) {
  cssRules = 'cssRules';
 }
 for (var S = 0; S < document.styleSheets.length; S++){
  for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
   if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
    document.styleSheets[S][cssRules][R].style[element] = value;
   }
  }
 }
}

function toggleDivHideShow( pDivName ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);
	if ( ns4 ){
		vCurrentStatus = document.layers[ pDivName ].visibility == "hide" ? "HIDE" : "SHOW";
	}else if ( ie4 ){
		vCurrentStatus = document.all[ pDivName ].style.visibility == "hidden" ? "HIDE" : "SHOW";
	}else if (ie5 || ns6){
		vCurrentStatus = document.getElementById( pDivName ).style.display == "none" ? "HIDE" : "SHOW";
	}
	//if ( document.getElementById( pDivName ).style.display == 'none' ){
	if ( vCurrentStatus=="HIDE" ){
		showItSimple( pDivName );
	}else{
		hideItSimple( pDivName );
	}
}
function getDivStatus( pDivName ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);

	vArrDivName = pDivName.split(",");
	vDivName = vArrDivName[0];

    vCurrentStatus = '';
  	if ( ns4 ){
		vCurrentStatus = document.layers[ vArrDivName[0] ].visibility == "hide" ? "HIDE" : "SHOW";
	}else if ( ie4 ){
		vCurrentStatus = document.all[ vArrDivName[0] ].style.visibility == "hidden" ? "HIDE" : "SHOW";
	}else if (ie5 || ns6){
		vCurrentStatus = document.getElementById( vArrDivName[0] ).style.display == "none" ? "HIDE" : "SHOW";
	}
	return vCurrentStatus;
}
function toggleDivSectionHideShow( pDivName, pImgName, pImgURLWhenDivShow, pImgURLWhenDivHide ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);

	vArrDivName = pDivName.split(",");
	vDivName = vArrDivName[0];
	if ( ns4 ){
		vCurrentStatus = document.layers[ vArrDivName[0] ].visibility == "hide" ? "HIDE" : "SHOW";
	}else if ( ie4 ){
		vCurrentStatus = document.all[ vArrDivName[0] ].style.visibility == "hidden" ? "HIDE" : "SHOW";
	}else if (ie5 || ns6){
		vCurrentStatus = document.getElementById( vArrDivName[0] ).style.display == "none" ? "HIDE" : "SHOW";
	}
	if ( vCurrentStatus=="HIDE" ){		
		for (y=0; y<vArrDivName.length; y++ ){
			showItSimple( vArrDivName[ y ] );
		}
		flipImageByURL( pImgName, pImgURLWhenDivShow );
	}else{
		for (z=0; z<vArrDivName.length; z++ ){
			hideItSimple( vArrDivName[ z ] );
		}
		flipImageByURL( pImgName, pImgURLWhenDivHide );
	}
}

function toggleDivSectionHideShowUsingImgObj( pDivName, pImgName, pImgObjWhenDivShow, pImgObjWhenDivHide ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);

	vArrDivName = pDivName.split(",");
	vDivName = vArrDivName[0];
	if ( ns4 ){
		vCurrentStatus = document.layers[ vArrDivName[0] ].visibility == "hide" ? "HIDE" : "SHOW";
	}else if ( ie4 ){
		vCurrentStatus = document.all[ vArrDivName[0] ].style.visibility == "hidden" ? "HIDE" : "SHOW";
	}else if (ie5 || ns6){
		vCurrentStatus = document.getElementById( vArrDivName[0] ).style.display == "none" ? "HIDE" : "SHOW";
	}
	if ( vCurrentStatus=="HIDE" ){
		for (y=0; y<vArrDivName.length; y++ ){
			showItSimple( vArrDivName[ y ] );
		}
		flipImageByImgObj( pImgName, pImgObjWhenDivShow );
	}else{
		for (z=0; z<vArrDivName.length; z++ ){
			hideItSimple( vArrDivName[ z ] );
		}
		flipImageByImgObj( pImgName, pImgObjWhenDivHide );
	}
}

function hideItSimple( pDivName ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);
	if(ns4){
		document.layers[ pDivName ].visibility = "hide";
	}else if(ie4){
		document.all[ pDivName ].style.visibility = "hidden";
	}else if(ie5 || ns6){
		if (document.getElementById( pDivName )){
			document.getElementById( pDivName ).style.display = 'none';
		}
	}	
}

function showItSimple( pDivName ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);
	if(ns4){
		document.layers[ pDivName ].visibility = "show";
	}else if(ie4){
		document.all[ pDivName ].style.visibility = "visible";
	}else if(ie5 || ns6){
		if (document.getElementById( pDivName )){
		  document.getElementById( pDivName ).style.display = 'block';
		}
	}
}

function changeDivSettings( pDivName, pHexaColorCode, pClassName ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);
	if(ns4){
		document.layers[ pDivName ].bgColor = pHexaColorCode;
	}else if(ie4){
		document.all[ pDivName ].style.backgroundColor = pHexaColorCode;
		document.all[ pDivName ].className = pClassName;
	}else if(ie5 || ns6){
		document.getElementById( pDivName ).style.backgroundColor = pHexaColorCode;
		document.getElementById( pDivName ).className = pClassName;
	}	
}

function toggleChangeClassByElementID( pDivName, pNormalClassName, pSelectedClassName ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);
	if(ns4){
	}else if(ie4){
		if ( document.all[id].className == pNormalClassName ){
			document.all[id].className = pSelectedClassName;
		}else{
			document.all[id].className = pNormalClassName;
		}
	}else if(ie5 || ns6){
		if ( document.getElementById( pDivName ).className==pNormalClassName ){
			document.getElementById( pDivName ).className = pSelectedClassName;
		}else{
			document.getElementById( pDivName ).className = pNormalClassName;
		}
	}
}

function toggleChangeClassByElementIDForChkBox( pDivName, pNormalClassName, pSelectedClassName, pField ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);
	if(ns4){
	}else if(ie4){
		if ( pField.checked ){
			document.all[id].className = pSelectedClassName;
		}else{
			document.all[id].className = pNormalClassName;
		}
	}else if(ie5 || ns6){
		if ( pField.checked ){
			document.getElementById( pDivName ).className = pSelectedClassName;
		}else{
			document.getElementById( pDivName ).className = pNormalClassName;
		}
	}
}

function changeClassByElementID( pDivName, pClassName ){
	var ns4 = (document.layers);
	var ie4 = (document.all && !document.getElementById);
	var ie5 = (document.all && document.getElementById);
	var ns6 = (!document.all && document.getElementById);
	if(ns4){
	}else if(ie4){
		document.all[id].className = pClassName;
	}else if(ie5 || ns6){
		document.getElementById( pDivName ).className = pClassName;
		
	}
}

function flipImageByImgObj( sourceImageName, objImg ) {
	document.images[ sourceImageName ].src = objImg.src
}

function flipImageByURL( sourceImageName, destinationImageURL ) { 
	vImg = new Image();
	vImg.src=destinationImageURL;
	document.images[ sourceImageName ].src = vImg.src
}

//HTML Layer to display while Loading is in progress
function displayLoadingLayer(){
    showItSimple("divLoading");
  	var window_width=document.body.clientWidth;
	var window_height=document.body.clientHeight;
	var scroll_top=window_height/2-60+document.body.scrollTop;

  	document.getElementById("divLoading").style.visibility="visible";
  	document.getElementById("divLoading").style.top=scroll_top+"px";
  	document.getElementById("divLoading").style.left=window_width/2-100+"px";
  	document.getElementById("divLoading").style.zIndex=5000;
}
function hideLoadingLayer(){
  window.setTimeout("hideLoadingNow()",100);
}
function hideLoadingNow(){
  document.getElementById("divLoading").style.visibility="hidden";
}
function setDivBorder( pDivName, pBorderSize, pBorderStyle, pBorderColor ){
  if (document.getElementById(pDivName)){
    document.getElementById(pDivName).style.borderWidth=pBorderSize;
    document.getElementById(pDivName).style.borderStyle=pBorderStyle;
    document.getElementById(pDivName).style.borderColor=pBorderColor;
  }
}
function divHighlight(pDivName){
  if (document.getElementById(pDivName)){
    //document.getElementById(pDivName).style.borderColor='808080'
    setDivBorder(pDivName,'1px','dashed','808080');
  }
}
function divUnHighlight(pDivName){
  if (document.getElementById(pDivName)){
    //document.getElementById(pDivName).style.borderColor=''
    setDivBorder(pDivName,'1px','solid','transparent');
  }
}