<html>
<head>
<title>Film Strip Fill In - RJM Programming - September, 2014</title>
<style>
html {
overflow: -moz-scrollbars-horizontal;
overflow: scroll;
transform: rotate(+0deg);
-webkit-transform: rotate(+0deg);
}
</style>
<script type='text/javascript'>
var left=location.search.split('left=')[1] ? location.search.split('left=')[1].split('&')[0] : 'top'; // was default 'left'
var xtop=left.replace("left", "ToP").replace("Left", "ToP").replace("LEFT", "ToP").replace("top", "Left").replace("Top", "Left").replace("TOP", "Left").toLowerCase();
var Uleft = left.substring(0,1).toUpperCase() + left.substring(1);
var Utop = xtop.substring(0,1).toUpperCase() + xtop.substring(1);
var crotate = " transform: rotate(+0deg); -webkit-transform: rotate(+0deg); ";
var ftrbit = '<tr id="trfilm"></tr>';
var trbit="", etrbit="";
var images = [
"Libre_Maths_Formula-65of.jpg",
"Libre_Maths_Formula-66of.jpg",
"Libre_Maths_Formula-67of.jpg",
"Libre_Maths_Formula-68of.jpg",
"Libre_Maths_Formula-69of.jpg",
"Libre_Maths_Formula-70of.jpg",
"Libre_Maths_Formula-71of.jpg",
"Libre_Maths_Formula-72of.jpg",
"Libre_Maths_Formula-73of.jpg",
"Libre_Maths_Formula-74of.jpg",
"Libre_Maths_Formula-75of.jpg",
"Libre_Maths_Formula-76of.jpg",
"Libre_Maths_Formula-77of.jpg",
"Libre_Maths_Formula-78of.jpg",
"Libre_Maths_Formula-79of.jpg",
"Libre_Maths_Formula-80of.jpg"
];
var slidenum = Math.floor(Math.random() * 150) + images.length + 10;
var twidth=530, theight=400, ttop="110", tleft="x";
var dtemplate = "<div id='fx' style='position:absolute;width=530;height:400;top:110;left:x;z-index:3;opacity:0.8;'><img id='dfx' style='width=530;height:400;margin-top:0;' src='x' onclick='window.open(this.src,\"_blank\");'></img></div>";
var autoleft='0', one=65, last=80, iwidth=1280, fwidth=630, lastdt = '', leftslide = 1, prevleftslide = -1, bitmore = 4, leastcatered = -9, lastcatered = 10, backto = 0;
autoleft=location.search.split('autoleft=')[1] ? location.search.split('autoleft=')[1].split('&')[0] : '0';
if (left == "top") {
twidth=400;
theight=630;
fwidth=630;
one=0;
ttop="x";
tleft="125"; // 110
dtemplate = "<div id='fx' style='display:inline;position:absolute;width:400;height:630;top:x;left:125;z-index:3;opacity:0.8;'><img id='dfx' style='width:400;height:630;margin-top:-10;" + crotate.substring(0,1) + "' src='x' onclick='window.open(this.src,\"_blank\");'></img></div>";
ftrbit="";
trbit="<tr>";
etrbit="</tr>";
crotate = crotate.replace("+0", "+90").replace("+0", "+90");
}
function scrbit() {
var mydiv, myi, cmydiv;
if (eval(autoleft) > 0) {
if (eval("document.body.scroll" + Uleft)) {
eval("document.body.scroll" + Uleft + " = eval(document.body.scroll" + Uleft + " + eval((0.0 + (fwidth + bitmore)) * autoleft))");
eval("document.getElementById('s1').style." + left + " = document.body.scroll" + Uleft);
eval("leftslide = eval(Math.floor((document.body.scroll" + Uleft + " + 0) / fwidth))");
document.title = 'Slide ' + leftslide;
} else {
eval("document.body.scroll" + Uleft + " = eval((0.0 + (fwidth + bitmore)) * autoleft)");
eval("document.getElementById('s1').style." + left + " = document.body.scroll" + Uleft);
eval("leftslide = eval(Math.floor((document.body.scroll" + Uleft + " + 0) / fwidth))");
document.title = 'Slide ' + leftslide;
}
if (lastdt != document.title) {
eval("document.getElementById('s1').style." + left + " = document.body.scroll" + Uleft);
if (eval(leftslide + 4) > lastcatered) {
leastcatered = eval(lastcatered - 9);
if (eval(leftslide % images.length) == 1) {
document.title = document.title + " ... Start of tutorial";
alert("Start of tutorial");
}
while (eval(leftslide + 4) > lastcatered) {
if (1 == 1) {
cmydiv = dtemplate.replace("x'", lastcatered + "'");
cmydiv = cmydiv.replace(":x", ":" + eval(25 + ((fwidth + bitmore) * lastcatered)));
cmydiv = cmydiv.replace("x'", lastcatered + "'");
cmydiv = cmydiv.replace("'x", "'" + images[eval(lastcatered % images.length)]);
//alert(cmydiv + " vs " + document.getElementById('f0').innerHTML);
document.body.innerHTML = document.body.innerHTML + cmydiv;
backto = eval(((1 + backto)));
} else {
mydiv = document.getElementById('f' + backto);
myi = document.getElementById('df' + backto);
eval("mydiv.style." + left + " = eval(25 + ((fwidth + bitmore) * lastcatered))");
myi.src = images[eval(lastcatered % images.length)];
mydiv.style.display = 'inline';
backto = eval(((1 + backto) % 10));
}
lastcatered = eval(1 + lastcatered);
backto = eval(((1 + backto) % 10));
leastcatered = eval(lastcatered - 9);
}
} else if (eval(leftslide - 4) < leastcatered && 1 == 2) {
var xbackto = eval(leftslide - 1);
if (eval(leftslide % images.length) == 1) {
alert("Start of tutorial");
document.title = document.title + " ... Start of tutorial";
}
while (eval(leftslide - 4) < leastcatered) {
if (xbackto >= 0) {
mydiv = document.getElementById('f' + xbackto);
myi = document.getElementById('df' + xbackto);
eval("mydiv.style." + left + " = eval(25 + ((fwidth + bitmore) * leastcatered))");
myi.src = images[eval(leastcatered % images.length)];
mydiv.style.display = 'inline';
}
leastcatered = eval(-1 + leastcatered);
xbackto = eval(((-1 + xbackto) % 10));
lastcatered = eval(leastcatered + 9);
}
}
}
lastdt = document.title;
} else if (eval("document.body.scroll" + Uleft)) {
eval("leftslide = eval(Math.floor((document.body.scroll" + Uleft + " + fwidth) / fwidth))");
document.title = 'Slide ' + leftslide;
if (lastdt != document.title) {
eval("document.getElementById('s1').style." + left + " = document.body.scroll" + Uleft);
if (eval(leftslide + 4) > lastcatered) {
leastcatered = eval(lastcatered - 9);
if (eval(leftslide % images.length) == 1) {
document.title = document.title + " ... Start of tutorial";
alert("Start of tutorial");
}
while (eval(leftslide + 4) > lastcatered) {
if (1 == 1) {
cmydiv = dtemplate.replace("x'", lastcatered + "'");
cmydiv = cmydiv.replace(":x", ":" + eval(25 + ((fwidth + bitmore) * lastcatered)));
cmydiv = cmydiv.replace("x'", lastcatered + "'");
cmydiv = cmydiv.replace("'x", "'" + images[eval(lastcatered % images.length)]);
//alert(cmydiv + " Vs " + document.getElementById('f0').innerHTML);
document.body.innerHTML = document.body.innerHTML + cmydiv;
backto = eval(((1 + backto)));
} else {
mydiv = document.getElementById('f' + backto);
myi = document.getElementById('df' + backto);
eval("mydiv.style." + left + " = eval(25 + ((fwidth + bitmore) * lastcatered))");
myi.src = images[eval(lastcatered % images.length)];
mydiv.style.display = 'inline';
backto = eval(((1 + backto) % 10));
}
lastcatered = eval(1 + lastcatered);
backto = eval(((1 + backto) % 10));
leastcatered = eval(lastcatered - 9);
}
} else if (eval(leftslide - 4) < leastcatered && 1 == 2) {
var xbackto = eval(leftslide - 1);
if (eval(leftslide % images.length) == 1) {
alert("Start of tutorial");
document.title = document.title + " ... Start of tutorial";
}
while (eval(leftslide - 4) < leastcatered) {
if (xbackto >= 0) {
mydiv = document.getElementById('f' + xbackto);
myi = document.getElementById('df' + xbackto);
eval("mydiv.style." + left + " = eval(25 + ((fwidth + bitmore) * leastcatered))");
myi.src = images[eval(leastcatered % images.length)];
mydiv.style.display = 'inline';
}
leastcatered = eval(-1 + leastcatered);
xbackto = eval(((-1 + xbackto) % 10));
lastcatered = eval(leastcatered + 9);
}
}
}
lastdt = document.title;
}
setTimeout(scrbit, 1000);
}
function createFilm() {
var i, tro = document.getElementById('bfilm'), mydiv, myi;
if (tro.innerHTML.indexOf("<td") == -1) {
tro.innerHTML = ftrbit;
if (left == "top") {
document.getElementById('s1').style.left = fwidth;
document.getElementById('s1').style.top = one;
document.getElementById('s1').innerHTML = document.getElementById('s1').innerHTML.replace("Left","Top");
}
}
if (left == "left") tro = document.getElementById('trfilm');
for (i=0; i<slidenum; i++) {
tro.innerHTML = tro.innerHTML + trbit + '<td><img src="slide.jpg" id="slide' + eval(one + i) + '" title="slide' + eval(1 + i) + '" style="' + crotate + '"></img></td>' + etrbit;
if (i <= 9) {
mydiv = document.getElementById('f' + i);
myi = document.getElementById('df' + i);
if (left == "top") {
mydiv.style.left = 125; //110; // mydiv.style.top;
mydiv.style.width = 400; //myi.style.height;
mydiv.style.height = 630; //530; //myi.style.width;
myi.style.width = 400; //mydiv.style.width;
myi.style.height = 630; //530; //mydiv.style.height;
myi.style.marginTop = "-10px";
mydiv.innerHTML = mydiv.innerHTML.replace("width=", crotate.replace("+90", "+0").replace("+90", "+0").substring(0,1) + "width=");
}
eval("mydiv.style." + left + " = eval(25 + ((fwidth + bitmore) * i))");
myi.src = images[i];
mydiv.style.display = 'inline';
}
}
setTimeout(scrbit, 1000);
}
</script>
</head>
<body onload=' createFilm(); '>
<div id='mydiv'><table id='film'><tbody id='bfilm'><tr id="trfilm"></tr></tbody></table></div>
<div id='f0' style='display:none;position:absolute;width=530;height:400;top:110;left:25;z-index:3;opacity:0.8;'><img id='df0' style='width=530;height:400;margin-top:0;' src='Libre_Maths_Formula-65of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f1' style='display:none;position:absolute;width=530;height:400;top:110;left:655;z-index:3;opacity:0.8;'><img id='df1' style='width=530;height:400;margin-top:0;' src='Libre_Maths_Formula-66of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f2' style='display:none;position:absolute;width=530;height:400;top:110;left:1285;z-index:3;opacity:0.8;'><img id='df2' style='width=530;height:400;margin-top:0;' src='Libre_Maths_Formula-67of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f3' style='display:none;position:absolute;width=530;height:400;top:110;left:1915;z-index:3;opacity:0.8;'><img id='df3' style='width=530;height:400;margin-top:0;' src='Libre_Maths_Formula-68of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f4' style='display:none;position:absolute;width=530;height:400;top:110;left:2545;z-index:3;opacity:0.8;'><img id='df4' style='width=530;height:400;margin-top:0;' src='Libre_Maths_Formula-69of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f5' style='display:none;position:absolute;width=530;height:400;top:110;left:3175;z-index:3;opacity:0.8;'><img id='df5' style='width=530;height:400;margin-top:0;' src='Libre_Maths_Formula-70of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f6' style='display:none;position:absolute;width=530;height:400;top:110;left:3805;z-index:3;opacity:0.8;'><img id='df6' style='width=530;height:400;margin-top:0;' src='Libre_Maths_Formula-71of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f7' style='display:none;position:absolute;width=530;height:400;top:110;left:4435;z-index:3;opacity:0.8;'><img id='df7' style='width=530;height:400;margin-top:0;' src='Libre_Maths_Formula-72of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f8' style='display:none;position:absolute;width=530;height:400;top:110;left:5065;z-index:3;opacity:0.8;'><img id='df8' style='width=500;height:400;margin-top:0;' src='Libre_Maths_Formula-73of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<div id='f9' style='display:none;position:absolute;width=530;height:400;top:110;left:5695;z-index:3;opacity:0.8;'><img id='df9' style='width=500;height:400;margin-top:0;' src='Libre_Maths_Formula-74of.jpg' onclick='window.open(this.src,"_blank");'></img></div>
<select id='s1' onchange=' if (this.value.substring(0,1) == "-") { location.href="./film_parameterizable.html?left=" + xtop + "&autoleft=" + autoleft; } else { autoleft=this.value; } ' style=' position:absolute;left:0 '><option value='0'>Optional Scroll Left Speed Below ...</option><option value='0.333333'>1 Slide per 3 seconds</option><option value='0.5'>1 Slide per 2 seconds</option><option value='1'>1 Slide per second</option><option value='2'>2 Slides per second</option><option value='3'>3 Slides per second</option><option value='4'>4 Slides per second</option><option value='0'>Pause</option><option value='-1'>Rotate</option></select>
</body>
</html>