// JavaScript Document

function listener_resize(){
  //alert("resize");
  InitialiseScrollableArea()
}

function listener_load(){
  //alert("load");
}

function listener_scroll(){
  //alert("scroller");
}

//if the browsers is Firefox, Chrome, etc
if (window.addEventListener){
  window.addEventListener('load', listener_load, false);
  window.addEventListener('scroll', listener_scroll, false);
  window.addEventListener('resize', listener_resize, false);  
}
//if its Windows Explorer
else if (window.attachEvent){
  window.attachEvent('onload', listener_load);
  window.attachEvent('onscroll', listener_scroll);
  window.attachEvent('onresize', listener_resize);
}


var current_style=readCookie('css_style');

switch(current_style){
case 'small':
document.getElementById('css_medium').disabled=true;
document.getElementById('css_large').disabled=true;
document.getElementById('css_contrast').disabled=true;
break;
case 'medium':
document.getElementById('css_small').disabled=true;
document.getElementById('css_large').disabled=true;
document.getElementById('css_contrast').disabled=true;
break;	
case 'large':
document.getElementById('css_small').disabled=true;
document.getElementById('css_medium').disabled=true;
document.getElementById('css_contrast').disabled=true;
break;	
case 'contrast':
document.getElementById('css_small').disabled=true;
document.getElementById('css_large').disabled=true;
document.getElementById('css_medium').disabled=true;
break;
default:
document.getElementById('css_small').disabled=true;
document.getElementById('css_large').disabled=true;
document.getElementById('css_contrast').disabled=true;
break;
	
}

function ChangeCSS(css) {

	  switch(css){
		  
		  case 'small' :
	 		document.getElementById('css_small').disabled=false;
 			document.getElementById('css_medium').disabled=true;
 			document.getElementById('css_large').disabled=true;
 			document.getElementById('css_contrast').disabled=true;
			current_style = 'small';
		  break;
		  
		  case 'medium' :
		   	document.getElementById('css_medium').disabled=false;
		   	document.getElementById('css_small').disabled=true;
 			document.getElementById('css_large').disabled=true;
 			document.getElementById('css_contrast').disabled=true;
			current_style = 'medium';
		  break;
		  
		  case 'large' :
		 	document.getElementById('css_large').disabled=false;
		   	document.getElementById('css_medium').disabled=true;
		   	document.getElementById('css_small').disabled=true;
 			document.getElementById('css_contrast').disabled=true;
			current_style = 'large';
			break;
		  
		  case 'contrast' :
		  
		  if(current_style == 'contrast'){
	   	 	document.getElementById('css_contrast').disabled=true;
		   	document.getElementById('css_medium').disabled=false;
			current_style = 'medium';
		  }else{
			 document.getElementById('css_contrast').disabled=false;
		 	document.getElementById('css_large').disabled=true;
		   	document.getElementById('css_medium').disabled=true;
		   	document.getElementById('css_small').disabled=true;
			current_style = 'contrast';
		  }
		  
			break;
		  
	  }

   		 eraseCookie('css_style');
 	     createCookie('css_style',css,'3000');
		 
}


// Cookie handling

function createCookie(name,value,hours)
{
 if (hours)
 {
  var date = new Date();
  date.setTime(date.getTime()+(hours*60*60*1000));
  var expires = "; expires="+date.toGMTString();
 }
 else var 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;
}
function eraseCookie(name)
{
 createCookie(name,"",-1);
}