var hidden_tiles = [];

document.observe("dom:loaded", function(){
		$$(".preview").each(
			function(el) {el.hide();}
			);

		var count =1;
		var limit= 0;
		var previews = $$(".preview_tile");
		limit = 2;

		if(limit >= previews.length){
		$("leftarrow").hide();
		$("rightarrow").hide()
		}

		previews.each(
			function(el){
			if(count > limit){
			hidden_tiles.push(el.remove());
			}
			count++;
			el.observe("click", function(event){

				$$(".preview").each(
					function(prev) {prev.hide();}
					);
				num = el.readAttribute("id");
				});

			}
			);

		$("leftarrow").observe("click", function(event){
				hidden_tiles.push($$(".preview_tile").last().remove());
				var node = hidden_tiles.shift();
				node.style.display = "none";
				$("the_row").insertBefore(node, $$(".preview_tile").first());
				Effect.Appear(node,{duration: 0.5});
				});
		$("rightarrow").observe("click", function(event){
				hidden_tiles.unshift($$(".preview_tile").first().remove());
				var node = hidden_tiles.pop();
				node.style.display = "none";
				$("the_row").insertBefore(node, $("rightarrow"));
				Effect.Appear(node,{duration: 0.5});

				});

});

function removeChildrenFromNode(node)
{
	if(node !== undefined &&
			node !== null)
	{
		return;
	}

	var len = node.childNodes.length;

	while (node.hasChildNodes())
	{
		node.removeChild(node.firstChild);
	}
}

function preview(url,type) { 
	var node = document.getElementById("vid_div");
	removeChildrenFromNode(node);	

	if (type == "video/x-flv") {
		flowplayer("vid_div","http://archive.zepler.tv/FlowPlayer3.swf", { clip: { autoPlay: false, autoBuffering:  true, url: url }});
	} else {
		document.getElementById("vid_div").innerHTML = QT_GenerateOBJECTText_XHTML(url, "480", "320", "", "autoplay", "false", "emb#bgcolor", "black","align", "middle","scale","tofit");
	}

}