#!/bin/bash
echo 'Content-type: text/html'
echo
echo
echo '<html><head><title>page</title></head><body>'
echo '<script type="text/javascript">function getReq() {
    var req = false;
    if(window.XMLHttpRequest) {
        try {
            req = new XMLHttpRequest();
        } catch(e) {
            req = false;
        }
    } else if(window.ActiveXObject) {
        try {
            req = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {
            req = false;
        }
    }
    return req;
}
function dodelete(uri) {
	var req = getReq();
	req.open("DELETE", uri, false);
	req.send("");
	req.open("DELETE", "thumbnails/" + uri + ".jpg", false);
	req.send("");
	location.reload(true);
}
</script>'

echo '<table>'
echo '<tr><td align="center">Video</td><td align="center">Audio Thumbnail</td><td align="center">Actions</td></tr>'
for a in *.m4v; do
	thumbname=`echo $a.jpg`
	athumbname=`echo $a.png`
	if [ ! -f "thumbnails/$thumbname" ]; then
		`./athumb.sh "$a"`
		#`/Users/bbraun/bin/ffmpeg -i "$a" -vframes 1 -ss 30 -vf scale=iw/2:-1 "thumbnails/$thumbname"`
	fi
	echo -n '<tr><td>'
	#echo -n '<video width="320" height="240" preload="none" poster="thumbnails/'
	echo -n '<video preload="none" poster="thumbnails/'
	echo -n $thumbname
	echo -n '" src="'
	echo -n $a
	echo -n '" controls>'
	echo -n '</video>'
	
	echo    '</td>'
	echo -n '<td>'
	echo -n '<img width="320" src="athumb/'
	echo -n $athumbname
	echo -n '"</img>'
	echo    '</td>'
	echo -n '<td>'
	echo -n '<a href="'
	echo -n $a
	echo -n '">Download</a><br>'
	echo -n '<form action="javascript:dodelete(' \'
	echo -n $a
	echo -n \' ');">'
	echo -n '<input type="submit" value="delete"/></form><br>'
	echo    '</td></tr>'
done
echo "</table>"
echo '</body></html>'
