var styling;

function addStyle(style,id)
{
  if (document.getElementsByTagName && document.createElement)
    {
      styling = document.createElement('link');
      styling.setAttribute ('id' , id);
      styling.setAttribute ('rel' , 'stylesheet');
      styling.setAttribute ('type' , 'text/css');
      styling.setAttribute ('href' , '/css/' + style + '.css');
      document.documentElement.getElementsByTagName('head')[0].appendChild(styling);
    }
}

function addImgEvent(id){
    var nodeObj = document.getElementById(id);
    var obj1 = nodeObj.getElementsByTagName('div')[0];
    {
      var myImage = document.createElement('img');
      myImage.setAttribute ('class' , 'reply');
      myImage.setAttribute ('src' , 'images/reply_icon.gif');
      myImage.setAttribute ('title' , 'Post response or comment');
      myImage.setAttribute ('alt' , 'icon');
      //      myImage.setAttribute ('onclick' , '/css/' + style + '.css');
      obj1.appendChild(myImage);
      }
}

function switchLook(obj,style,id1,id2,keyword,label1,label2){
    var switchWord = obj.childNodes[0].nodeValue;
    var spacePos = switchWord.indexOf(' ');
    var firstWord = switchWord.substring(0,spacePos);
    var styleElement1 = document.getElementById(id1);
    var styleElement2 = document.getElementById(id2);

    if (firstWord == keyword && styleElement2){
	styleElement1.disabled = true;
	styleElement2.disabled = false;
    }
    else if (firstWord == keyword && !styleElement2){
	styleElement1.disabled = true;
	addStyle(style,id2);
    }
    else if (firstWord != keyword){
	styleElement1.disabled = false;
	styleElement2.disabled = true;
    }
    obj.childNodes[0].nodeValue = (firstWord == keyword)?label2:label1;
}

function switchColumns(obj,style,id1,keyword,label1,label2){
    var switchWord = obj.childNodes[0].nodeValue;
    var spacePos = switchWord.indexOf(' ');
    var firstWord = switchWord.substring(0,spacePos);
    var styleElement = document.getElementById(id1);

    if (firstWord == keyword){
	(styleElement)?styleElement.disabled = false:addStyle(style,id1);
    }
    else {
	if (styleElement) {
	styleElement.disabled = true;
	}
    }
    obj.childNodes[0].nodeValue = (firstWord == keyword)?label2:label1;
}