function addLoadEvent(func) //allows multiple events to occur when page is loaded
{
	var oldonload = window.onload;
	if(typeof window.onload != 'function')
	{
		window.onload = func;
	}
	else
	{
		window.onload = function()
		{
			oldonload();
			func();
		}
	}
}

function createAjaxRequest()
{
	var request;
	
	try
	{
		request = new XMLHttpRequest();
	} 
	catch(trymicrosoft)
	{
		try
		{
			request = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(othermicrosoft)
		{
			try
			{
				request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(failed) 
			{
				request = false;
			}
		 }
	}
	
	return request;
	return true;
}

//Disable all AJAX-related code
function resetPage()
{
	if(document.getElementById('seemore'))
	{
		var thumbs = document.getElementById('seemore').getElementsByTagName('a');
		for(var i = 0; i < thumbs.length; i++)
		{
			thumbs[i].onclick = '';
			thumbs[i].href += '&noajax=true';
		}
	}
}

function setThumbnailLinks()
{
	if(document.getElementById('seemore'))
	{
		var thumbs = document.getElementById('seemore').getElementsByTagName('ul')[0].getElementsByTagName('a');
		
		for(var i = 0; i < thumbs.length; i++)
		{
			var id = thumbs[i].href;
			id = id.replace(/.*?id=/,""); //Remove everything before the ID number
			id = id.replace(/&.*/,""); //Remove everything after the ID number
			setThumb(id, thumbs[i]);
		}
	}
}

function setThumb(id, thumb)
{
	thumb.onclick = function() 
	{
		changeVideo(id);
		setThumbClass(id);
		return false; 
	};
}

function setThumbClass(current)
{
	var thumbs = document.getElementById('seemore').getElementsByTagName('a');
		
	for(var i = 0; i < thumbs.length; i++)
	{
		thumbs[i].getElementsByTagName('img')[0].className = "";
		var id = thumbs[i].href;
		id = id.replace(/.*?id=/,""); //Remove everything before the ID number
		id = id.replace(/&.*/,""); //Remove everything after the ID number
		if(current == id)
		{
			thumbs[i].getElementsByTagName('img')[0].className = "selectedthumb";
		}
	}
}

function changeVideo(id)
{
	var url = "get_video.php?id=" + id;
	
	var request = createAjaxRequest();
	request.open("GET", url, true);
	
	request.onreadystatechange = function()
	{
		if(request.readyState == 4)
		{
			if(request.status == 200)
			{
				var video = request.responseText;
				
				if(video)
				{
					video = eval("(" + video + ")");
					
					document.getElementById('meetimage').src = video['image'];
					document.getElementById('meetimage').alt = video['name'];
					document.getElementById('meet').getElementsByTagName('h3')[0].innerHTML = video['name'];
					document.getElementById('meet').getElementsByTagName('p')[0].innerHTML = video['desc'];
					document.getElementById('youtube').innerHTML = '<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/' + video['youtube'] + '"> <param name="movie" value="http://www.youtube.com/v/' + video['youtube'] + '" /></object>';
					/*
					var video_element = document.getElementById('youtube').getElementsByTagName('object')[0];
					video_element.setAttribute('data',youtube);
					video_element.getElementsByTagName('param')[0].setAttribute('value',youtube);*/
				}
			}
		}
	};
	
	request.send(null);
}


//If the "noajax" URL variable doesn't exist
if(window.location.search.search("noajax") == -1)
{
	var request = createAjaxRequest();
}

if(request)
{
	addLoadEvent(setThumbnailLinks);
}

//Mouseover stuff

function switchImageName(name)
{
	if(name.search(/on\.gif$/) != -1)
	{
		name = name.replace(/on\.gif$/,'off.gif');
	}
	else
	{
		name = name.replace(/off\.gif$/,'on.gif');
	}
	
	return name;
}

function initializeImages()
{
	var links = document.getElementById('nav').getElementsByTagName('a');
	
	for(var i = 0; i < links.length; i++)
	{
		links[i].onmouseover = function() 
		{
			this.getElementsByTagName('img')[0].src = switchImageName(this.getElementsByTagName('img')[0].src);
		};
		
		links[i].onmouseout = function() 
		{
			this.getElementsByTagName('img')[0].src = switchImageName(this.getElementsByTagName('img')[0].src);
		};
	}
}

addLoadEvent(initializeImages);