var myjson;
var imgArray = new Array();

var tablestart = "<table cellpadding='0' cellspacing='0' border='0'><tr>";
var tableend = "</tr></table>";

function firstrun(myurl,mypage,showmv,id) {
$.ajax({
  type: "GET",
  url: myurl, //Requesting simple.xml
  dataType: "xml", //Make sure that you specify the type of file you expecting (XML)
  complete: function(data) {
		myjson = $.xmlToJSON(data.responseXML); //Please notice that we use responseXML here which is DOMDocument object

	var tablebulk = "";
	for(var i=0; i<myjson.video.length; i++) {

		if(!showmv) {
		imgArray[i] = new Image();
		imgArray[i].src = myjson.video[i].largeimg[0].Text;
		}

		if(!(i%5) && (i!=0)) {
			tablebulk += "</tr><tr>";
		}

		if(!showmv) {
		tablebulk += "<td><a href='/work-"+mypage+".php?id="+i+"&showmv=1' onMouseOver=\"displayBoth("+i+")\"><img src='"+myjson.video[i].thumb[0].Text+"' border='0' /></a></td>"	
		}
		else {
		tablebulk += "<td><a href='/work-"+mypage+".php?id="+i+"&showmv=1' onMouseOver=\"displayTitle("+i+")\"><img src='"+myjson.video[i].thumb[0].Text+"' border='0' /></a></td>"	
		}
	}

	document.getElementById('imgtable').innerHTML = tablestart+tablebulk+tableend;
	displayTitle(id);
	if(!showmv) {
	displayImage(id);
	}
	else {

		var micontent = "";
		if(myjson.video[id].artist[0].Text) { micontent += "<p>Artist: "+myjson.video[id].artist[0].Text+"</p>"};	
		if(myjson.video[id].title[0].Text) { micontent += "<p>Title: "+myjson.video[id].title[0].Text+"</p>"};	
		if(myjson.video[id].client[0].Text) { micontent += "<p>Client: "+myjson.video[id].client[0].Text+"</p>"};	
		if(myjson.video[id].director[0].Text) { micontent += "<p>Director: "+myjson.video[id].director[0].Text+"</p>"};	
		document.getElementById('micontent').innerHTML = micontent;

		var video ="";
		video = "<embed src='"+myjson.video[id].vlink[0].Text+"' width='360' height='285'></embed>";
		document.getElementById('innerwork').innerHTML = video;

	}
}
});
}

function textlist(myurl,mypage,showmv,id) {
$.ajax({
  type: "GET",
  url: myurl, 
  dataType: "xml", 
  complete: function(data) {
		myjson = $.xmlToJSON(data.responseXML);
		var spitout = "<ul>";
		for(var i=0; i<myjson.video.length; i++) {
			if(myjson.video[i].artist[0].Text) {			
			spitout += "<li>"+myjson.video[i].artist[0].Text+" - ";
			}
			else if(myjson.video[i].client[0].Text) {			
			spitout += "<li>"+myjson.video[i].client[0].Text+" - ";
			}
			else {
			spitout += "<li>";
			}
			if(mypage == "archives") {
				spitout += "<a href='/work-"+mypage+".php?id="+i+"&showmv=1'>"+myjson.video[i].title[0].Text+"</a>";
			}
			else {
				spitout += "<a href='"+mypage+"/index.php?id="+i+"&showmv=1'>"+myjson.video[i].title[0].Text+"</a>";
			}
			spitout += "</li>";
		}
		spitout += "</ul>"
		if(mypage == "archives") {
			document.getElementById('content3').innerHTML = spitout;
		}
/*		else if (mypage == "/clients/test") { */
		else {
			document.getElementById('shortlist').innerHTML = spitout;
		
			var micontent = "";
			if(myjson.video[id].artist[0].Text) { micontent += "<p>Artist: "+myjson.video[id].artist[0].Text+"</p>"};	
			if(myjson.video[id].title[0].Text) { micontent += "<p>Title: "+myjson.video[id].title[0].Text+"</p>"};	
			if(myjson.video[id].client[0].Text) { micontent += "<p>Client: "+myjson.video[id].client[0].Text+"</p>"};	
			if(myjson.video[id].director[0].Text) { micontent += "<p>Director: "+myjson.video[id].director[0].Text+"</p>"};	
			document.getElementById('clientinfo').innerHTML = micontent;
		}
/*
		else {
			document.getElementById('content3').innerHTML = spitout;
		}
*/
		if(showmv) {
			var video ="";
			video = "<embed src='"+myjson.video[id].vlink[0].Text+"' width='360' height='285'>";
			video += "</embed>";
			document.getElementById('innerwork').innerHTML = video;
		}
}
});
}

function displayBoth(id) {
		if(myjson.video[id].artist[0].Text) { 
			document.getElementById('movietitle').innerHTML = myjson.video[id].artist[0].Text+" - "+myjson.video[id].title[0].Text;
		
		}
		else if(myjson.video[id].client[0].Text) { 
			document.getElementById('movietitle').innerHTML = myjson.video[id].client[0].Text+" - "+myjson.video[id].title[0].Text;
		}
		else {
			document.getElementById('movietitle').innerHTML = myjson.video[id].title[0].Text;
		}
	document.getElementById('innerwork').innerHTML = "<img src='"+imgArray[id].src+"' border='0' />";
}

function displayTitle(id) {
		if(myjson.video[id].artist[0].Text) { 
			document.getElementById('movietitle').innerHTML = myjson.video[id].artist[0].Text+" - "+myjson.video[id].title[0].Text;
		
		}
		else if(myjson.video[id].client[0].Text) { 
			document.getElementById('movietitle').innerHTML = myjson.video[id].client[0].Text+" - "+myjson.video[id].title[0].Text;
		}
		else {
			document.getElementById('movietitle').innerHTML = myjson.video[id].title[0].Text;
		}
}

function displayImage(id) {
	document.getElementById('innerwork').innerHTML = "<img src='"+imgArray[id].src+"' border='0' />";
}