loadImage = new Image();
loadImage.src = './loading.gif';

Image01 = new Image();
Image01.src = './back.gif';
Image02 = new Image();
Image02.src = './back-flat.gif';
Image03 = new Image();
Image03.src = './back-over.gif';

Image04 = new Image();
Image04.src = './forward.gif';
Image05 = new Image();
Image05.src = './forward-flat.gif';
Image06 = new Image();
Image06.src = './forward-over.gif';

var myView = new Array();
var myCurrent = -1;


function backOver()
{
	if(myCurrent > 0)
	{
		document.getElementById('backImg').src = './back-over.gif';
		document.getElementById('backImg').style['cursor'] = 'pointer';
	}
	else
	{
		document.getElementById('backImg').style['cursor'] = 'default';
	}
}
function backOut()
{
	if(myCurrent > 0)
	{
		document.getElementById('backImg').src = './back-flat.gif';
		document.getElementById('backImg').style['cursor'] = 'pointer';
	}
	else
	{
		document.getElementById('backImg').style['cursor'] = 'default';
	}
}

function forwardOver()
{
	if(myCurrent < myView.length-1)
	{
		document.getElementById('forwardImg').src = './forward-over.gif';
		document.getElementById('forwardImg').style['cursor'] = 'pointer';
	}
	else
	{
		document.getElementById('forwardImg').style['cursor'] = 'default';
	}
}
function forwardOut()
{
	if(myCurrent < myView.length-1)
	{
		document.getElementById('forwardImg').src = './forward-flat.gif';
		document.getElementById('forwardImg').style['cursor'] = 'pointer';
	}
	else
	{
		document.getElementById('forwardImg').style['cursor'] = 'default';
	}
}

function resizePage()
{
	pageDiv = document.getElementById('page');
	headDiv = document.getElementById('header');
	contDiv = document.getElementById('content');
	
	contDiv.style['height'] = (pageDiv.offsetHeight - headDiv.offsetHeight) + 'px';
}
function checkFeed()
{
	contDiv = document.getElementById('content');
	contDiv.innerHTML = '<table><tr><td>Loading<br/><img src="./loading.gif" alt="..."/></td></tr></table>';
	
	setTimeout('doCheckFeed();', 500);
	
	return false;
}
function getSelectedFeed(myFeed)
{
	newFeed = myFeed;
	contDiv = document.getElementById('content');
	contDiv.innerHTML = '<table><tr><td>Loading<br/><img src="./loading.gif" alt="..."/></td></tr></table>';
	setTimeout('doCheckFeed(newFeed, false, true);', 500);
}
function goBack()
{
	if(myView.length > 0)
	{
		if(myCurrent > 0)
		{
			myCurrent = (myCurrent-1);
			contDiv = document.getElementById('content');
			contDiv.innerHTML = '<table><tr><td>Loading<br/><img src="./loading.gif" alt="..."/></td></tr></table>';
			setTimeout('doCheckFeed("back", true);', 500);
		}
	}
}
function goForward()
{
	if(myView.length > 0)
	{
		if(myCurrent < myView.length-1)
		{
			myCurrent = (myCurrent+1);
			contDiv = document.getElementById('content');
			contDiv.innerHTML = '<table><tr><td>Loading<br/><img src="./loading.gif" alt="..."/></td></tr></table>';
			setTimeout('doCheckFeed("forward", true);', 500);
		}
	}
}
function doCheckFeed()
{
	if(arguments.length == 0)
	{
		feedValue = document.getElementById('feed').value;
	}
	else
	{
		feedValue = arguments[0];
	}
	
	byNav = false;
	if(arguments.length > 1)
	{
		byNav = arguments[1];
	}
	isFeed = false;
	if(arguments.length > 2)
	{
		isFeed = arguments[2];
	}
	
	if(feedValue != '')
	{
		if(!byNav)
		{
			if(myCurrent <= (myView.length-2))
			{
				if(myView[myCurrent] != feedValue)
				{
					while(myView.length != myCurrent+1)
					{
						myView.pop();
					}
				}
			}
			myCurrent++;
			myView.push(feedValue);
			
		}
		else
		{
			feedValue = myView[myCurrent];
		}
		
		if(myCurrent > 0)
		{
			document.getElementById('backImg').src = './back-flat.gif';
		}
		else
		{
			document.getElementById('backImg').src = './back.gif';
		}
		if(myCurrent < myView.length-1)
		{
			document.getElementById('forwardImg').src = './forward-flat.gif';
		}
		else
		{
			document.getElementById('forwardImg').src = './forward.gif';
		}
		
		document.getElementById('feed').value = feedValue;
		defaultAjax('check.php?feed='+encodeURI(feedValue)+'&is='+isFeed, 'getFeed');
	}
	else
	{
		contDiv = document.getElementById('content');
		contDiv.innerHTML = '<table><tr><td>Please type in something first</td></tr></table>';
	}
}
function getFeed(vResult)
{
	if(vResult)
	{
		if(vResult.getElementsByTagName('item').length > 0)
		{
			leftText = '';
			rightText = '';
			items = vResult.getElementsByTagName('item');
			for(i=0; i<items.length; i++)
			{
				thisItem = items[i];
				iLink = thisItem.getElementsByTagName('link')[0].firstChild.nodeValue;
				iTitle = thisItem.getElementsByTagName('title')[0].firstChild.nodeValue;
				iDate = thisItem.getElementsByTagName('date')[0].firstChild.nodeValue;
				iDesc = '';
				if(thisItem.getElementsByTagName('desc')[0].firstChild)
				{
					iDesc = thisItem.getElementsByTagName('desc')[0].firstChild.nodeValue;
				}
				
				leftText+= '<li><a href="javascript:showItem(\''+i+'\')" id="link'+i+'">'+iTitle+'</a></li>\n';
				rightText+= '<div id="item'+i+'" class="item"><h3><a href="'+iLink+'">'+iTitle+'</a></h3>'+iDesc+'<h5>'+iDate+'</h5></div>\n';
			}
			contDiv = document.getElementById('content');
			contDiv.innerHTML = '';
			allText = '<div class="left" id="list"><ul>'+leftText+'</ul></div>\n<div class="right" id="items">'+rightText+'</div>';
			setTimeout("contDiv.innerHTML = allText;", 50);
			setTimeout("showItem('0');", 100);
		}
		else if(vResult.getElementsByTagName('feed').length > 0)
		{
			myText = '<ul id="feeds">\n';
			feeds = vResult.getElementsByTagName('feed');
			for(i=0; i<feeds.length; i++)
			{
				thisFeed = feeds[i];
				fTitle = thisFeed.firstChild.nodeValue;
				fHref = thisFeed.getAttribute('href');
				myText+= '<li><a href="javascript:getSelectedFeed(\''+fHref+'\')">Select Feed <b>\''+fTitle+'\'<\/b></a></li>\n';
			}
			myText+= '</ul>\n';
			contDiv = document.getElementById('content');
			contDiv.innerHTML = '';
			setTimeout("contDiv.innerHTML = myText", 50);
		}
		else
		{
			myLink = '';
			if(vResult.getElementsByTagName('link').length>0)
			{
				linkLink = vResult.getElementsByTagName('link')[0].firstChild.nodeValue;
				myLink = '<br/><br/>To visit this page in a new window click the link below:<br/><a href="'+linkLink+'" target="_blank">'+linkLink+'</a>';
			}
			contDiv = document.getElementById('content');
			contDiv.innerHTML = '';
			allText = '<table><tr><td>This page isn\'t and does not contain a valid feed.'+myLink+'</td></tr></table>';
			setTimeout("contDiv.innerHTML = allText;", 50);
		}
	}
	else
	{
		contDiv = document.getElementById('content');
		contDiv.innerHTML = '';
		allText = '<table><tr><td>There was an error trying to access this page.</td></tr></table>';
		setTimeout("contDiv.innerHTML = allText;", 50);
	}
}
function hideItems()
{
	itemsDiv = document.getElementById('items')
	myItems = itemsDiv.getElementsByTagName('div');
	for(i=0;i<myItems.length;i++)
	{
		myItem = myItems[i];
		if(myItem.parentNode == itemsDiv)
		{
			myItem.style['display'] = 'none';
		}
	}
	
	listDiv = document.getElementById('list')
	myList = listDiv.getElementsByTagName('a');
	for(i=0;i<myList.length;i++)
	{
		myLink = myList[i];
		myLink.className = 'normal';
	}
}
function showItem(id)
{
	hideItems();
	setTimeout('document.getElementById("item'+id+'").style["display"] = "block";', 10);
	document.getElementById('link'+id).className = 'active';
	itemImgs  = document.getElementById('item'+id).getElementsByTagName('img');
	for(im=0; im<itemImgs.length; im++)
	{
		if(itemImgs[im].width>0)
		{
			itemImgs[im].style['width'] = itemImgs[im].width+'px';
		}
		if(itemImgs[im].height>0)
		{
			itemImgs[im].style['height'] = itemImgs[im].height+'px';
		}
		if(itemImgs[im].align == '')
		{
			itemImgs[im].align = 'left';
		}
	}
}
window.onload = function()
{
	if(document.getElementById('header'))
	{
		document.getElementById('header').style['display'] = 'block';
	}
	if(document.getElementById('content'))
	{
		contDiv = document.getElementById('content');
		contDiv.innerHTML = '<table><tr><td>Use the field above and type in a feed location.</td></tr></table>';
		resizePage();
	}
	if(document.getElementsByTagName('input').length > 0)
	{
		document.getElementsByTagName('input')[0].onclick = function()
		{
			document.getElementsByTagName('input')[0].select();
		}
	}
	if(document.getElementById('footer'))
	{
		footDiv = document.getElementById('footer');
		footDiv.style['display'] = 'inline';
		footDiv.style['opacity'] = '.5';
		footDiv.style['filter'] = 'alpha(opacity=50)';
	}
}
window.onresize = function()
{
	resizePage();
}