
function setActiveStyleSheet(theme, layout) {
  if (!isDomSupported)	
  {
  	alert("Sorry your browser does support our changing style code");
	return false;
  }
  
  if (theme!=null) {
    // theme
    setStyle("theme", theme);
  }
 
  if (layout!=null) {
    // layout
    setStyle("layout", layout);
  }
}
  
// Disable all link-style of the class <selectClassName> but enable the one entitled <title>
function setStyle(selectClassName, title){
    var i, a;
    
  for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) {

      var idquery = a.id.split('-');
      var size = idquery.length;
      if (size > 1) {
          var fakeClassName = idquery[0];

          if (fakeClassName == selectClassName) {
              a.disabled = true;
              var fakeTitle = idquery[1];
              if (fakeTitle == title) {
                  a.disabled = false;
                  a.setAttribute("rel", "stylesheet");
              }
              else {
                  a.setAttribute("rel", "alternate");
              }
              //alert(a.href + "rel: " + a.rel + " is " + a.disabled);
          }
      }
  } // for
}



function getActiveStyleSheet() {
  var i, a;
  for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) {
      var idquery = a.id.split('-');
      var size = idquery.length;
      if (size > 1) {
          var fakeClassName = idquery[0];
          if (fakeClassName == "theme" && a.rel=="stylesheet") {
              var fakeTitle = idquery[1];
              return fakeTitle;
          }
      }    
  }
  return null;
}

function getActiveLayout() {
  var i, a;
  for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) {
      var idquery = a.id.split('-');
      var size = idquery.length;
      if (size > 1) {
          var fakeClassName = idquery[0];
          if (fakeClassName == "layout" && a.rel=="stylesheet") {
              var fakeTitle = idquery[1];
              return fakeTitle;
          }
      }        
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    
    if(a.getAttribute("rel").indexOf("style") != -1
       && (a.className == "theme")
       ) return a.getAttribute("title");
  }
  return null;
}

function getPreferredLayout() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && (a.className == "layout")
       ) return a.getAttribute("title");
  }
  return null;
    
}

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;
}

function themeFromCookie() {
    var themeCookie = readCookie("style");
	var theme = themeCookie;
	if (themeCookie==null || themeCookie == "null") {
	    theme = getPreferredStyleSheet();
	}
    return theme;
}

function layoutFromCookie() {
    var layoutCookie = readCookie("layout");
	var layout = layoutCookie;
	if (layoutCookie==null || layoutCookie == "null") {
	    layout = getPreferredLayout();
	}
    return layout;
}

function initializeStyleSwitcher() {
    if (isDomSupported)
	{
		var theme = themeFromCookie();
	    var layout = layoutFromCookie();
	    setActiveStyleSheet(theme, layout);
	}

}

window.onunload = function(e) {
if (isDomSupported)
 {
  var theme = getActiveStyleSheet();
  var layout = getActiveLayout();
  createCookie("style", theme, 365);
  createCookie("layout", layout, 365);
 }
}

var test = document.getElementById
var isDomSupported = test==null ? false : true;

if (initializeStyleSwitcher != null)
	        initializeStyleSwitcher();
