var http_request = false;
var dateSort = false;
var state = "type";
var resourceBy = -1;
var id;
var sortBy;
var innerAttrSort = false;
var articles;
var bI = '/atf/cf/{DB6A45E4-C446-4248-82C8-E131B6424741}/blank-holder.gif';

function d(str) { // debug function
	
	if(document.getElementById('debugger') == null){
		var s = document.createElement('span');
		s.style.display = 'none';
		s.id = 'debugger';
		s.innerHTML = str+'\n';
		var b = document.getElementsByTagName('body')[0];
		b.appendChild(s);
	} else {
		var s = document.getElementById('debugger');
		s.innerHTML += str+'\n';
	}	
}

function compare(x,y) {
	//alert('compare() called')
	if(x.type == y.type) { return 0; }
	if(x.type < y.type) { return -1; }
	return 1;
}

function getArticles( XMLNode ) {
	var XMLItem = new Array();
	var test = "";
	var dS= dateSort ? 'date' : 'type';
	var sA = new Array();
	
	for (i=0; XMLNode.length>i; i++)
	{
		 XMLItem[i] = new Array();
		 for (k=0; XMLNode[i].childNodes.length>k; k++)
		 {
 			 if(XMLNode[i].childNodes[k].firstChild != null) {
				 switch(XMLNode[i].childNodes[k].tagName) {
					 case "title" : XMLItem[i]["title"] = XMLNode[i].childNodes[k].firstChild.data;
										break;
					 case "description" : XMLItem[i]["summary"] = XMLNode[i].childNodes[k].firstChild.data;
										break;
					 case "k:go_to_article_now" : XMLItem[i]["article"] = XMLNode[i].childNodes[k].firstChild.data;
									    break;
					 case "k:image_url" : XMLItem[i]["image"] = XMLNode[i].childNodes[k].firstChild.data;
										break;
					 case "k:feature_image" : XMLItem[i]["feature"] = XMLNode[i].childNodes[k].firstChild.data;
										break;
					 case "title" : XMLItem[i]["title"] = XMLNode[i].childNodes[k].firstChild.data;
										break;
					 case "link" : XMLItem[i]["hlink"] = XMLNode[i].childNodes[k].firstChild.data;
										break;
					 case "k:visit_site" : XMLItem[i]["sponsor_link"] = XMLNode[i].childNodes[k].firstChild.data;
										break;
					 case "guid" :      XMLItem[i]["id"] = XMLNode[i].childNodes[k].firstChild.data.split('ct=')[1];
										break;
				 }
			 }
			 XMLItem[i].include = true;
			 if(XMLItem[i].article != null) {
				if(XMLItem[i].article != "") {
					XMLItem[i].hlink = XMLItem[i].article;
				}
			 }
			 
			if(XMLItem[i].image == "") {
					XMLItem[i].image = "http://www.umc.org/atf/cf/{DB6A45E4-C446-4248-82C8-E131B6424741}/blank-holder.gif";
			}
		 }
	}
	
	/*
	if( !dateSort ) {
		XMLItem.sort(compare);
	}*/
	
	var oldType = "";
	k = -1;
	var articles = new Array();
	for (i=0; XMLItem.length>i; i++)
	{
		k++;
		articles[k] = XMLItem[i];
	}
	
	var dateRE = /^(\d{2})[\/\- ](\d{2})[\/\- ](\d{4})/;
	for (i=0; articles.length>i; i++)
	{
//		if(i==1) {alert(articles[i].type+'=='+ sortBy);}
		
		articles[i].sort(function (a, b){
				a = a['date'].replace(dateRE,"$3$1$2");
				b = b['date'].replace(dateRE,"$3$1$2");
				if (a>b) return -1;
				if (a <b) return 1;
				return 0; }
			);
	}
	return articles;
}

function createResources(articles) {
	var resourceBlock = "";
	var featureBlock = '<div id="featureBlock"><div class="corner"></div>';
	var Tab1 = '<div class="tabOn">';
	var Tab2 = '<div class="tabOff">';
	var maxArticles = 2;
	var backgroundImage = "";
	var tA = maxArticles;
	for (i=0; articles.length>i; i++)
	{		
		if (tA<=i) { break; }
		if(articles[i].include) {
			if(i==0) {
				featureBlock += '<div class="featureImage1"><img src="'+articles[i].feature+'" />';
				featureBlock += '<div class="overlay home"><h2>'+articles[i].title+'</h2>';
				featureBlock += '<span style="color:white" class="whitearrow" >'+articles[i].summary;
				featureBlock += ' <a href="'+articles[i].hlink+'" style="color:white;">Read Story ';
				featureBlock += '</a></span></div></div>';	
				Tab1 += '<div><a href="#" onClick="javascript:toggleFeature(this);return false">';
				Tab1 += '<img src="'+articles[i].image+'" /></a></div><a href="'+articles[i].hlink+'">';
				Tab1 += '<div class="text home"><h5>'+articles[i].title+'</h5>'+articles[i].summary+'</div></a>';
			}else {
				featureBlock += '<div class="featureImage2" style="display:none"><img src="'+articles[i].feature+'" />';
				featureBlock += '<div class="overlay home"><h2>'+articles[i].title+'</h2>';
				featureBlock += '<span style="color:white" class="whitearrow">'+articles[i].summary;
				featureBlock += ' <a href="'+articles[i].hlink+'" style="color:white;">Read Story ';
				featureBlock += '</a></span></div></div>';	
				Tab2 += '<div><a href="#" onClick="javascript:toggleFeature(this);return false">';
				Tab2 += '<img src="'+articles[i].image+'" /></a></div><a href="'+articles[i].hlink+'">';
				Tab2 += '<div class="text home"><h5>'+articles[i].title+'</h5>'+articles[i].summary+'</div></a>';
			}
		} else {
			tA++;
		}
		
		tA = maxArticles;
	}
	featureBlock += '</div>';
	Tab1 += '</div>';
	Tab2 += '</div>';
	resourceBlock += featureBlock + '<div id="tabBlock">' + Tab1 + Tab2 + '</div>';
	return resourceBlock;
}


function makeRequestResources() {
	
	url='/site/apps/nl/rss3.asp?c=ghKJI0PHIoE&b=3133329';
	http_request = false;

	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml');
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
			http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}

	if (!http_request) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
	//alert('makeRequestResources articles: ' + articles)
	http_request.onreadystatechange = function(){displayResources();};
	http_request.open('GET', url, true);
	http_request.send(null);
}


var root_node;
function displayResources() {
	
	//alert('displayResources() articles: ' + articles)
	if (http_request.readyState == 1) {
	}
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			var xmldoc = http_request.responseXML;
			root_node = xmldoc.getElementsByTagName('item');
			articles = getArticles(root_node);
			switch(state) {
				case "type_all"	:   document.getElementById('feature').innerHTML = displayAllTypes(articles);
									break;
				default			:	document.getElementById('feature').innerHTML = createResources(articles);
									break;
			}

			} else {
				alert('There was a problem with the request.');
			}
			/*
			switch(articleName){
				case "Pastors" : makeRequestResources('Leaders'); break;
				case "Leaders" : makeRequestResources('Mentoring'); break;
			}*/
	}
	

	/*
	switch(articleName) {
		case "Pastors"   :	alert('pastor switch called')
							document.getElementById('Pastors').innerHTML = document.getElementById('Pastors').innerHTML;
							break;
		case "Leaders"   :	document.getElementById('Leaders').innerHTML = document.getElementById('Leaders').innerHTML;
							break;
		case "Mentoring" :	document.getElementById('Mentoring').innerHTML = document.getElementById('Mentoring').innerHTML;
							break;
	}*/
}

function addLoadListener(fn)
{
	if (typeof window.addEventListener != 'undefined')
	{
		window.addEventListener('load', fn, false);
	}
 	else if (typeof document.addEventListener != 'undefined')
 	{
   	document.addEventListener('load', fn, false);
	}
 	else if (typeof window.attachEvent != 'undefined')
 	{
   	window.attachEvent('onload', fn);
 	}
 	else
 	{
   	var oldfn = window.onload;
   	if (typeof window.onload != 'function')
   	{
     window.onload = fn;
   	}
   	else
   	{
	window.onload = function()
     {
       oldfn();
       fn();
     };
   }
 }
}

function toggleFeature(e) {
	var tabs = $("tabBlock").getElementsByTagName('div');
	var images = $("featureBlock").getElementsByTagName('div');
	if(e.parentNode.parentNode.className != "tabOn") {
		//alert('e.parentNode.parentNode.className: ' + e.parentNode.parentNode.className)
		for (i=0;i<tabs.length;i++) {
			//alert(tabs[i].className);
			if (tabs[i].className == "tabOn") {
				tabs[i].setAttribute("class","tabOff");
				tabs[i].setAttribute("className","tabOff");
				} 
			else if(tabs[i].className =="tabOff") {
				tabs[i].setAttribute("class","tabOn");
				tabs[i].setAttribute("className","tabOn");
			}
		}
		for (i=0;i<images.length;i++) {
			//alert(images[i].className);
			if(images[i].className!="overlay home" && images[i].className!="corner") {
				if (images[i].style.display == "none") {
					images[i].style.display = "block";
					} 
				else {
					images[i].style.display = "none";
				}
			}
		}
	}
}


function init(){
	document.getElementById('feature').innerHTML = '';
	}
addLoadListener(init);

addLoadListener( function(){makeRequestResources();} );