var activeLink = null;

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if (a.getAttribute("title") == title) {
	  	a.disabled = false;
		if ( activeLink ) activeLink.removeClass('active');
		activeLink = Ext.get( Ext.query('a.'+title)[0] );
		activeLink.addClass('active');
	  }	
    }
  }
}

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

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;
}

Ext.onReady( function()
{
	if ( typeof( forceSize ) == "undefined" )
	{
		var cookie = readCookie("style");
  		var title = cookie ? cookie : getPreferredStyleSheet();	
	}
	else
	{
		title = forceSize;
	}
	if ( !title )
	{
		title = 'size1';
	}
  	setActiveStyleSheet(title);
});

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

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);