/* FUNCTIONS - Don't touch!!!  */
 var thumbPath = "";
 var fullImgPath = "";
 var timerID;
function addEntry(thumbImg, fullImg) {
	if (fullImg.match(".jpg") || fullImg.match(".gif") || fullImg.match(".png") ) {	  
		var newLink = document.createElement("a");
		newLink.setAttribute("href", "javascript:changeImg(\"" + fullImg + "\");" );
		$('thumbs').appendChild(newLink);
		
		var newImg = document.createElement("img");
		newImg.setAttribute("src", thumbPath + thumbImg);
		newImg.setAttribute("width", "50");
		newImg.setAttribute("height", "50");
		newLink.appendChild(newImg);		
	}
	
	else {
		var newLink = document.createElement("a");
		newLink.setAttribute("href", "javascript:changeVideo(\"" + fullImg + "\");" );
		$('thumbs').appendChild(newLink);	
		
		var newImg = document.createElement("img");
		newImg.setAttribute("src", thumbImg);
		newImg.setAttribute("width", "50");
		newImg.setAttribute("height", "50");
		newLink.appendChild(newImg);		
	}		
}

function addFirstImage(newImg) { 
 $("viewport").innerHTML = "<img src=\"" + fullImgPath + newImg + "\" id=\"imgplaceholder\" alt=\"\" \/>";
 checkLoad();
} 

function addFirstVideo(vid) { changeVideo(vid)}

function addClear() {
	var newClear = document.createElement("div");
	newClear.setAttribute("class", "clear");
	$('thumbs').appendChild(newClear);	
}

function changeImg(nextImg) {
	/*
	$("imgplaceholder").remove();
	var newImg = document.createElement("img");
	newImg.setAttribute("id", "imgplaceholder");
	newImg.setAttribute("src", fullImgPath + nextImg);
	$("viewport").appendChild(newImg);	
	*/
	$("viewport").innerHTML = "<img src=\"\" id=\"imgplaceholder\" alt=\"\" \/>";	    
	$("imgplaceholder").setAttribute("src", fullImgPath + nextImg);
	checkLoad();	
	
}
function checkLoad(){
	if ($("imgplaceholder").complete){
		clearTimeout(timerID);
        $('imgplaceholder').appear({ duration: 1.0 });		
	}
	else {
		$("imgplaceholder").hide();	
		timerID = setTimeout("checkLoad()",500);
	}
}
function changeVideo(vid) {
	vid = "http://vimeo.com/moogaloop.swf?clip_id=" + vid + "&server=vimeo.com&show_title=0&autoplay=0&show_byline=0&show_portrait=0&color=&fullscreen=1";
	var fo = new SWFObject( vid, "viewer", "400", "300", "8", "#ffffff");				
	fo.write("viewport");
}