//-----------------------------------------------------------------------------rerender

function rerender (x) {
w = 100 - 0.0001* (x);
//document.getElementById ('header').style.width = w + '%';
}

//-----------------------------------------------------------------------------cookie functions

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

//-----------------------------------------------------------------------------setActiveStyleSheet

function setActiveStyleSheet (cssFileName) {

   href = 'css/' + cssFileName + '.css';
   document.getElementById ("bodyCSS").href = href;
   
   
   var a1 = document.getElementById('a1');
   var a2 = document.getElementById('a2');
   var a3 = document.getElementById('a3');
   
   switch (cssFileName)
     {
      case 'smallfont' :  {
	  	a1.src="img/a1_1.gif";
		a2.src="img/a2.gif";
		a3.src="img/a3.gif";
	  } 
	  break;
      case 'mediumfont' : {
	  	a1.src="img/a1_2.gif";
		a2.src="img/a2_1.gif";
		a3.src="img/a3.gif";
	  } 
	  break;
      case 'largefont' : {
	  	a1.src="img/a1_2.gif";
		a2.src="img/a2_2.gif";
		a3.src="img/a3_1.gif";
	  } 
	  break;
     }
   
   
   return null;
}

//-----------------------------------------------------------------------------getActiveStyleSheet

function getActiveStyleSheet() {
   href = document.getElementById ("bodyCSS").href;
   x = href.lastIndexOf('/') + 1;
   y = href.lastIndexOf('.')
   cssFileName = href.substring(x, y);
   return cssFileName;
}

//-----------------------------------------------------------------------------getPreferredStyleSheet

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

//-----------------------------------------------------------------------------changeFontSize

function changeFontSize (fontSize) {
  switch (fontSize)
     {
      case 1 : setActiveStyleSheet('smallfont'); break;
      case 2 : setActiveStyleSheet('mediumfont'); break;
      case 3 : setActiveStyleSheet('largefont'); break;
     }

  rerender (fontSize);
}

//-----------------------------------------------------------------------------displayFontSizeButtons
// buttons are displayed only when javascript is enabled.

function displayFontSizeButtons() {

li=document.getElementById('fontChanger');
li.innerHTML = '<ul><li>' +
'<a href="javascript:changeFontSize(1)">' +
'<img src="../aaa/smallA.gif" alt="small text" /></a></li><li>' +
'<a href="javascript:changeFontSize(2)">' +
'<img src="../aaa/mediumA.gif" alt="medium text" /></a></li><li>' +
'<a href="javascript:changeFontSize(3)">' +
'<img src="../aaa/largeA.gif" alt="large text" /></a></li></ul>';

}


//-----------------------------------------------------------------------------onLoad

function load1() {

  var cookie = readCookie("style");
  var title = cookie ? cookie : getActiveStyleSheet ();  
  if (cookie != null) { setActiveStyleSheet(title); } 
	/////////////////////////////////////////////////
	if(document.getElementById("am1")){
		for (var i = 1; i <28; i++) {
			obj = document.getElementById("am"+i).value;
			if (obj == 1){
				ground = "url(img/icon/ch1.gif) no-repeat";
			}else{
				ground = "url(img/icon/ch0.gif) no-repeat";
			}
			document.getElementById("li"+i).style.background = ground;
		}
		if(document.readyState){
			if (document.readyState=="complete")
			   {
			     suggestInput_init();
			   }
		}else{
			if (window.captureEvents) {
			    window.captureEvents(Event.LOAD)
			    window.onload=suggestInput_init();
			}
		}
	} 
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}