var newsArr = []; 
newsArr[0] = new Object(); 
newsArr[0].created = 'Aug 30,2011'; 
newsArr[0].urls = 'http://abcnews.go.com/Health/implant-targets-rare-skin-diseases-tans-skin/story?id=14406114'; 
newsArr[0].title = 'Implant Helps Those With Skin Diseases, and Gives Them a Tan Too'; 
newsArr[1] = new Object(); 
newsArr[1].created = 'Jun 27,2011'; 
newsArr[1].urls = 'http://www.facebook.com/home.php?sk=group_204228829612896'; 
newsArr[1].title = 'APF to host call on EPP June 27'; 
newsArr[2] = new Object(); 
newsArr[2].created = 'Apr 22,2011'; 
newsArr[2].urls = 'http://abcnews.go.com/Health/sunlight-allergy-pouring-hot-wax-skin/story?id=13437546&page=1'; 
newsArr[2].title = 'Sunlight Allergy Like Pouring Hot Wax On Skin'; 

//toggle categories

function toggle_content(cat) {
	//cats array
	var catsArray = ['cli_QA', 'cli_disc', 'cli_news'];
	for (var i=0; i < catsArray.length; i++) {
		var el = document.getElementById(catsArray[i]);
		var tab = document.getElementById(catsArray[i]+"_tab");
		if (catsArray[i] == cat) {
			el.className = 'cli_show';
			tab.className = 'active_tab';
		} else {
			el.className = 'cli_hide';
			tab.className = 'inactive_tab';
		}
	}
}

//attach the cli_stylesheet
var cli_style = document.createElement("link");
cli_style.setAttribute("rel", "stylesheet");
cli_style.setAttribute("type", "text/css");

//Check the browser. If ie, attach ie sheet
var cli_nav = navigator.appName

if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ 
    cli_style.setAttribute("href", "http://clinuvel.com/apf/webfeed/apfffoxfix.css");
}
 else if (cli_nav.indexOf("Explorer") > 0) {
    cli_style.setAttribute("href", "http://www.clinuvel.com/apf/webfeed/apfiefix.css");
} else {
    cli_style.setAttribute("href", "http://clinuvel.com/apf/webfeed/apf.css");
}

document.getElementsByTagName("head")[0].appendChild(cli_style);

//build and populate the device ** WAIT UNTIL IT'S LOADED **
var wrapper = document.getElementById("cli_wrapper");
//content
var cli_content = document.createElement('div');
cli_content.className = 'cli_content';
//content wrapper
var cli_content_wrap = document.createElement('div');
cli_content_wrap.setAttribute('id', 'cli_content_wrapper');

//create each content section

var cli_news = document.createElement('div');
cli_news.setAttribute('id', 'cli_news');

//build innerHTML strings
cli_news_str =  "<ul>"; 
for (i = 0; i < 3; i++) {
      cli_news_str += "<li>" + newsArr[i].created + " <br /><a href='" + newsArr[i].urls + "' target='_blank'>" + newsArr[i].title + "</a></li>\n";
    
}
cli_news_str +=  "</ul>\n"; 

cli_news.innerHTML = cli_news_str;

//attach the elements
wrapper.appendChild(cli_content);
cli_content.appendChild(cli_content_wrap);
cli_content_wrap.appendChild(cli_news);