function removejscssfile(filename, filetype){
	var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from
	var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
	var allsuspects=document.getElementsByTagName(targetelement)
	for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
	if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
		allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
	}
}   function removejscssfile(filename, filetype){
    	var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from
    	var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
    	var allsuspects=document.getElementsByTagName(targetelement)
    	for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
    	if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
    		allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
    	}
    }   function removejscssfile(filename, filetype){
        	var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from
        	var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
        	var allsuspects=document.getElementsByTagName(targetelement)
        	for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
        	if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
        		allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
        	}
        }

function  doTheCSS($state1,$type1,$chinese){
    console.log("doTheCSS++ " + $state1 + "also " + $type1 );
    $type2 = 0;

     if ($type1 == "T") {
        $type1 = "O";
        if ($chinese) {
             $type2 = 1 ;
          }
        }
    console.log("NOW WE are doTheCSS with " + $state1 + " and " + $type1);
    var fileref = document.createElement("link")
    fileref.setAttribute("rel", "stylesheet")
    fileref.setAttribute("type", "text/css")
    var fileref2 = document.createElement("link")
    fileref2.setAttribute("rel", "stylesheet")
    fileref2.setAttribute("type", "text/css")
    fileref2.setAttribute("href", "zoom.css");
    var fileref3 = document.createElement("link")
        fileref3.setAttribute("rel", "stylesheet")
        fileref3.setAttribute("type", "text/css")
        fileref3.setAttribute("href", "current14.css");
    var special1 = 0;
    // this kind of tests out this script by always adding zoom.css to every page.

        if ($state1 == 0)  {
        switch ($type1) {
            case "C":
                //$.loadCSS('contemptempl1.css');
                fileref.setAttribute("href", "contemptempl1.css");
                console.log("Loading css C state 0");
                break;
            case "A":
             //   $.loadCSS('tradtempl1.css');
                fileref.setAttribute("href", "tradtempl1.css")   ;
                console.log("Loading css A state 0");
                break;
            case "R":
                //$.loadCSS('rockstempl1.css');
                fileref.setAttribute("href", "rockstempl1.css");
                console.log("Loading css R  state 0");
                break;
            case "O":
                //$.loadCSS('objtempl1.css');
                fileref.setAttribute("href", "objtempl1.css");
                if ($type2 == 1) {
                 fileref.setAttribute("href", "salestempl1.css");
                 console.log("SALES");
                } else {
                  console.log ("No Sales");
                }
                console.log("Loading css O  state 0");
                break;
            case "S":
                console.log("IN THE SHAO state of 0");
                fileref.setAttribute("href", "shaotempl1.css");
                //$.loadCSS('shaotempl1.css');
                console.log("Loading css S state 0");
                break;
            case "Z":
                console.log("NO Z for case 0 loading shaotempl1");
                fileref.setAttribute("href", "shaotempl1.css");
                break;
            case "U":
            case "V":
                console.log("U for case 0 loading current13");
                fileref.setAttribute("href", "current13.css");
                break;
            case "1":
                 console.log("1 for case 0 loading slidetempl12");
                 fileref.setAttribute("href", "slidetempl12.css");
                 break;
           default:
                console.log("DO NOTHING css state 0");
                break;
        };

    }
            if ($state1 == 2) {

                switch ($type1) {
                    case "C":
                        fileref.setAttribute("href", "contemptempl3.css");
                        console.log("Loading css C state 2");
                        break;

                    case "Z":
                        //$.loadCSS('zhutempl2.css');
                        fileref.setAttribute("href", "zhutempl2.css");
                        console.log("Loading css Z  state 2");
                        break;
                    case "A":
                        //$.loadCSS('tradtempl2.css');
                        fileref.setAttribute("href", "tradtempl2.css");
                        console.log("Loading css A for trad  state 2");
                        break;
                    case "S":
                        fileref.setAttribute("href", "shaotempl2.css");
                        console.log("Loading css for S shao  state 2");
                        break;
                    case "R":
                        fileref.setAttribute("href", "rockstempl3.css");
                        console.log("Loading css for R  state 2");
                        break;
                    case "O":
                        fileref.setAttribute("href", "objtempl3.css");
                        console.log("Loading css for  O Ojbect state 2");
                        break;
                     case "U":
                     case "V":
                        console.log("NO U for case 0 loading current13");
                        // special1 = 1;
                        fileref.setAttribute("href", "current14.css");
                         break;

                    default:
                        console.log("DO NOTHING css state 2");
                        break;
                };
            }

                if ($state1 == 3)  {
                            zoom = 1;
                    switch ($type1) {
                        case "C":
                            fileref.setAttribute("href", "contemptempl4.css");
                            console.log("Loading css C state 3");
                            break;
                        case "Z":
                            //$.loadCSS('zhutempl2.css');
                            fileref.setAttribute("href", "zhutempl4.css");
                            console.log("Loading css Z and zhu  state 3");
                            break;
                        case "A":
                            //$.loadCSS('tradtempl2.css');
                            fileref.setAttribute("href", "tradtempl4.css");
                            console.log("Loading css A for state 3");
                            break;
                        case "S":
                            fileref.setAttribute("href", "shaotempl4.css");
                            console.log("Loading css state 3 for shao");
                            break;
                        case "R":
                            fileref.setAttribute("href", "rockstempl4.css");
                            console.log("Loading css state 3 for R");
                            break;
                        case "O":
                            fileref.setAttribute("href", "objtempl4.css");
                            console.log("Loading css state 3 for O");
                            break;
                        case "U":
                        case "V":
                             console.log("NO U for case 0 loading current13");
                             fileref.setAttribute("href", "current13.css");
                             break;
                        default:
                            console.log("DO NOTHING css state 2");
                            break;
                    };

		} else {
		zoom = 0;
		}

                if ($state1 == 4)  {
    switch ($type1) {
        case "C":
            fileref.setAttribute("href", "biotempl5.css");
            console.log("Loading css  C  state 4 contemporary bio templ5");
            break;
        case "Z":
            //$.loadCSS('zhutempl2.css');
            fileref.setAttribute("href", "zhutempl6.css");
            console.log("Loading css state 4 and zhubio");
            break;
        case "A":
            //$.loadCSS('tradtempl2.css');
            fileref.setAttribute("href", "tradtempl4.css");
            console.log("Loading css A for trad state 4");
            break;
        case "S":
            fileref.setAttribute("href", "shaotempl6.css");
            console.log("Loading css state 4 for shao");
            break;
        case "R":
            fileref.setAttribute("href", "rockstempl4.css");
            console.log("Loading css for R state 4");
            break;
        case "O":
            fileref.setAttribute("href", "objtempl4.css");
            console.log("Loading css for O state 4");
            break;
        default:
            console.log("DO NOTHING css state 2");
            break;
    };

}
if ($state1 == 5)  {
    switch ($type1) {
        case "C":
            fileref.setAttribute("href", "contemptemplX.css");
            console.log("Loading css contemporary bio templ5 state 5");
            break;
        case "Z":
            //$.loadCSS('zhutempl2.css');
            fileref.setAttribute("href", "zhutempl10.css");
            console.log("Loading css state 5 and zhu desc");
            break;
        case "A":
            //$.loadCSS('tradtempl2.css');
            fileref.setAttribute("href", "traddesctempl7.css");
            console.log("Loading desc for state 5 trad");
            break;
        case "S":
            fileref.setAttribute("href", "shaotempl8.css");
            console.log("Loading css state 5 for shao");
            break;
        case "R":
            fileref.setAttribute("href", "descrockstempl9.css");
            console.log("Loading css for 5 desc rocks");
            break;
        case "O":
            fileref.setAttribute("href", "descobjectstempl9.css");
            console.log("Loading css for 5 desc objects");
            break;
         case "U":
         case "V":
            console.log("NO U for case 5 loading current13")
            fileref.setAttribute("href", "current13.css");
            break;
        default:
            console.log("DO NOTHING css state 2");
            break;
    };

}
    if ($state1 == 6)  {
                fileref.setAttribute("href", "gallerytempl11.css");
                console.log("Loading css for 6 for gallery");
    }
    console.log("End fixthecss");
      if (zoom == 1 ){
            document.getElementsByTagName("head")[0].appendChild(fileref2);
       } else {
            removejscssfile("zoom.css", "css") //remove all occurences "somestyle.css" on page
       }
    if (special1 == 1 ){
                document.getElementsByTagName("head")[0].appendChild(fileref3);
                special1 = 0;
           } else {
                removejscssfile("current14.css", "css") //remove all occurences "somestyle.css" on page
           }

    if (typeof fileref != "undefined"){
       console.log("And the fileref = " + fileref);
       document.getElementsByTagName("head")[0].appendChild(fileref);

    } else {
        alert("NO TYPE no state no love ");
    }

    console.log("SCRIPT END")

}