// Cookie
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 = "";
  var cook = readCookie(name);
  if (cook) {
	switch (value) {
		case 'fontS':
		    if(cook.lastIndexOf('fontL') > -1) value = cook.replace('fontL', value);
			else if(cook.lastIndexOf(value) == -1) value = value+":"+cook;
	        else value=cook;
		    break;
		case 'fontL':
		    if(cook.lastIndexOf('fontS') > -1) value = cook.replace('fontS', value);
			else if(cook.lastIndexOf(value) == -1) value = value+":"+cook;
	        else value=cook;
		    break;
		case 'lo01':
		    if(cook.lastIndexOf('lo02') > -1) value = cook.replace('lo02', value);
			else if(cook.lastIndexOf(value) == -1) value = value+":"+cook;
	        else value=cook;
		    break;
		case 'lo02':
		    if(cook.lastIndexOf('lo01') > -1) value = cook.replace('lo01', value);
			else if(cook.lastIndexOf(value) == -1) value = value+":"+cook;
	        else value=cook;
		    break;
		case 'c01':
		    if(cook.lastIndexOf('c02') > -1) value = cook.replace('c02', value);
			else if(cook.lastIndexOf(value) == -1) value = value+":"+cook;
	        else value=cook;
		    break;
		case 'c02':
		    if(cook.lastIndexOf('c01') > -1) value = cook.replace('c01', value);
			else if(cook.lastIndexOf(value) == -1) value = value+":"+cook;
	        else value=cook;
		    break;
		default:
		    break;
	}
  }
  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;
}

// Style Change
function changeCSS(id) {
  var elements = document.getElementsByTagName('body');
  if (id == 'fontS') {;
    document.getElementById('container').style.fontSize = 'x-small';
  } else if (id == 'fontL') {
    document.getElementById('container').style.fontSize = 'large';
  } else if (id == 'lo01') {
    elements[0].setAttribute('class','layout01');
    elements[0].setAttribute('className','layout01')
  } else if (id == 'lo02') {
    elements[0].setAttribute('class','layout02');
    elements[0].setAttribute('className','layout02');
  } else if (id == 'c01') {
    document.getElementById('header').style.borderBottomColor = '#ffa951';
  } else if (id == 'c02') {
    document.getElementById('header').style.borderBottomColor = '#51a9ff';
  }
  createCookie('userStyle', id, 5);
}