// JavaScript Document SetPageView.js
// set visiblity; position; left, top, size: height x width, zIndex,...
// Application for Commercial-Art.html
var format;
var z1, v1, w1, h1, l1, t1;
var z2, v2, w2, h2, l2, t2;
var z3, v3, w3, h3, l3, t3;
var z4, v4, w4, h4, l4, t4;
var z5, v5, w5, h5, l5, t5;
var z6, v6, w6, h6, l6, t6;
var obj, lbl;
var frn=0,idx=0,format=0;
var msg = ""
function setPageView(fr)
{
// Define Selection:
// case number must agree with frame number (frn) of filmstrip thumbnails array.
frn = ffn + fr
if (frn > thms.length -1 ) {frn = 0} // Limit frame number to number of thumbs
// 18-23 moved up 0-5 moved down
switch (frn) {
case 0:
format = 17; idx=30; break; // Sign Choclate Fest Ship
case 1:
format = 19; idx=31; break; // Sign Burlington Brew Club
case 2:
format = 19; idx=32; break; // Sign Sportsman'sFair
case 3:
format = 1; idx=36; break; // Brown's BBG
case 4:
format = 12; idx=38; break; // Medical Scan Van
case 5:
format = 7; idx=37; break; // Gia Bella New 2-1-10
case 6:
format = 7; idx=33; break; // Veteran's Terrace
case 7:
format = 1; idx=34; break; // Wilson Concrete
case 8:
format = 20; idx=35; break; // Chocolate Fest 09
case 9:
format = 15; idx=11; break; // Logo page 1 Quad 2-2-10 Replace RVS Logo
case 10:
format = 16; idx=15; break;// Logo page 2 Quad
case 11:
format = 6; idx=18; break; // Design CentralATV 400x300 Centered
case 12:
format = 18; idx=19; break; // Design CrossTowne 400x300 Centered
case 13:
format = 7; idx=21; break; // Design Harmony 600x300 Centered
case 14:
format = 1; idx=22; break; // Design St.Mary's Church 600x450
case 15:
format = 7; idx=23; break; // Design QueensAuto 600x353
case 16:
format = 2; idx=24; break; // Design Grounded01,02 360x360
case 17:
format = 8; idx=26; break; // Design Diabetes
case 18:
format = 9; idx=27; break; // Design JPCEntry
case 19:
format = 10; idx=28; break; // Sign Mangold BB
case 20:
format = 8; idx=29; break; // Sign WilsonFarmMeats
case 21:
format = 12; idx=0; break; //Rose Garden Pair i = 0, 1
case 22:
format = 13; idx=2; break; //Aurora Mailer Pair i = 2, 3
case 23:
format = 12; idx=4; break; // JPC Folder Pair i = 4, 5
case 24:
format = 12; idx=6; break; // Arbor Images Pair i = 6, 7
case 25:
format = 14; idx=8; break; // Fox River Bank Pair i = 8, 9
case 26:
format = 1; idx=10; break;// Fox River Bank 600x450 i = 10
Default: alert("setPageView: Case Not Found!")
}
//alert(DescText[frn] plus Debug Message)
// msg = "format= " + format + "
idx= " + idx + "
ffn= " + ffn + "
frn= " + frn;
document.getElementById("label1").innerHTML = DescText[frn]; // + msg;
//alert("setPageView: " + "format= " + format + " idx= " + idx + " imgs(idx)= " + imgs[idx] + " ffn= " +ffn + " frn= " + frn);
// Parameter Settings:
// Upto six layers (apDivs) are used to display 1 or more full size images.
// This code sets the sizes and locates each layer (apDiv)
if (format==1) {
// Cascade 1 Panel Landscape 600x450
//z1="1"; v1="True"; w1="620px"; h1="480px"; l1="10px"; t1="30px";
//v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
z1="1"; v1="True"; w1="540px"; h1="405px"; l1="40px"; t1="40px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==2) { // Cascade 2 panel Landscape
z1="1"; v1="True"; w1="400px"; h1="300px"; l1="10px"; t1="10px";
z2="2"; v2="True"; w2="400px"; h2="300px"; l2="320px"; t2="200px";
v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==3) { // Cascade 3 panel Landscape
z1="1"; v1="True"; w1="300px"; h1="400px"; l1="10px"; t1="10px";
z2="2"; v2="True"; w2="300px"; h2="400px"; l2="150px"; t2="150px";
z3="3"; v3="True"; w3="300px"; h3="400px"; l3="300px"; t3="300px";
v4="false"; v5="false"; v6="false";
} else if (format==4) { // Cascade 4 panel Landscape
z1="1"; v1="True"; w1="400px"; h1="300px"; l1="10px"; t1="10px";
z2="2"; v2="True"; w2="400px"; h2="300px"; l2="100px"; t2="100px";
z3="3"; v3="True"; w3="400px"; h3="300px"; l3="200px"; t3="200px";
z4="4"; v4="True"; w4="400px"; h4="300px"; l4="300px"; t4="300px";
v5="false"; v6="false";
} else if (format==5) { // Cascade 4 panel Landscape/Logo
z1="1"; v1="True"; w1="300px"; h1="275px"; l1="10px"; t1="10px";
z2="2"; v2="True"; w2="300px"; h2="121px"; l2="100px"; t2="50px";
z3="3"; v3="True"; w3="300px"; h3="128px"; l3="200px"; t3="100px";
z4="4"; v4="True"; w4="300px"; h4="143px"; l4="300px"; t4="150px";
v5="false"; v6="false";
} else if (format==6) { // Cascade 1 Panel Landscape 400w Centered
z1="1"; v1="True"; w1="400px"; h1="300px"; l1="100px"; t1="100px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==7) { // Cascade 1 Panel Landscape 600w Centered
z1="1"; v1="True"; w1="600px"; h1="390px"; l1="10px"; t1="100px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==8) { // Cascade 1 Panel Portrait 300x500 Centered
z1="1"; v1="True"; w1="350px"; h1="500px"; l1="150px"; t1="10px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==9) { // Cascade 1 Panel Landscape 400x300 Centered
z1="1"; v1="True"; w1="400px"; h1="300px"; l1="100px"; t1="100px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==10) { // Cascade 1 Panel Landscape 400x300 Centered
z1="1"; v1="True"; w1="500px"; h1="300px"; l1="100px"; t1="100px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==11) { // Tiled 2 column
z1="1"; v1="True"; w1="350px"; h1="450px"; l1="10px"; t1="10px";
z2="2"; v2="True"; w2="350px"; h2="450px"; l2="200px"; t2="50px";
v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==12) { // NEW Rose Garden Cascade 2 panel //2.25.2009
z1="1"; v1="True"; w1="400px"; h1="300px"; l1="20px"; t1="10px";
z2="2"; v2="True"; w2="400px"; h2="300px"; l2="250px"; t2="280px";
v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==13) { // NEW Aurora Mailer 2 panel
z1="1"; v1="True"; w1="280px"; h1="500px"; l1="1px"; t1="10px";
z2="2"; v2="True"; w2="280px"; h2="500px"; l2="310px"; t2="30px";
v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==14) { // NEW Fox River Bank 2 panel
z1="1"; v1="True"; w1="350px"; h1="450px"; l1="1px"; t1="10px";
z2="2"; v2="True"; w2="350px"; h2="450px"; l2="310px"; t2="100px";
v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==15) { // NEW Logos Page 1: 4 panel //2.25.2009
z1="1"; v1="True"; w1="300px"; h1="280px"; l1="10px"; t1="100px";
z2="2"; v2="True"; w2="300px"; h2="180px"; l2="320px"; t2="30px";
z3="3"; v3="True"; w3="300px"; h3="180px"; l3="320px"; t3="180px";
z4="4"; v4="True"; w4="300px"; h4="200px"; l4="320px"; t4="360px";
v5="false"; v6="false";
} else if (format==16) { // NEW Logos Page 2: 4 panel
z1="1"; v1="True"; w1="300px"; h1="275px"; l1="30px"; t1="30px";
z2="2"; v2="True"; w2="300px"; h2="121px"; l2="150px"; t2="220px";
z3="3"; v3="True"; w3="300px"; h3="128px"; l3="250px"; t3="350px";
v4="false"; v5="false"; v6="false";
} else if (format==17) { // Cascade 1 Panel Landscape 400x500 Centered
z1="1"; v1="True"; w1="400px"; h1="500px"; l1="100px"; t1="10px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==18) { // NEW CrossTowne
z1="1"; v1="True"; w1="300px"; h1="400px"; l1="1px"; t1="50px";
z2="2"; v2="True"; w2="300px"; h2="225px"; l2="310px"; t2="170px";
v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==19) { // New Burl.Brewing Company 565x423 Centered
z1="1"; v1="True"; w1="565px"; h1="423px"; l1="30px"; t1="30px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else if (format==20) { // New Burl.Chocolate Fest 600x700 Centered ???
z1="1"; v1="True"; w1="450px"; h1="525px"; l1="80px"; t1="30px";
v2="false"; v3="false"; v4="false"; v5="false"; v6="false";
} else { // Reset - Reload
}
//MainImage
// obj = document.getElementById('MainImage');
// obj = obj.style;
// obj.backgroundImage = "url('BrchArborImage02-400x300.jpg')";
// This code executes the parameters above: size, placement and images
//apDiv1
obj = document.getElementById('apDiv1');
obj = obj.style;
if (v1=="True")
{
obj.visibility = "visible";
obj.zIndex = z1;
obj.width = w1;
obj.height =h1 ;
obj.left = l1;
obj.top = t1;
document.images.pic1.src = imgs[idx];
document.images.pic1.alt = imgs[idx];
} else {
obj.visibility = "hidden";
}
//apDiv2
obj = document.getElementById('apDiv2');
obj = obj.style;
if (v2=="True")
{
obj.visibility = "visible";
obj.zIndex = z2;
obj.width = w2;
obj.height = h2;
obj.left = l2;
obj.top = t2;
++idx
document.images.pic2.src = imgs[idx];
document.images.pic2.alt = imgs[idx];
} else {
obj.visibility = "hidden";
}
//apDiv3
obj = document.getElementById('apDiv3');
obj = obj.style;
if (v3=="True")
{
obj.zIndex = z3;
obj.visibility = "visible";
obj.width = w3;
obj.height =h3;
obj.left = l3;
obj.top = t3;
++idx
document.images.pic3.src = imgs[idx];
document.images.pic3.alt = imgs[idx];
} else {
obj.visibility = "hidden";
}
//apDiv4
obj = document.getElementById('apDiv4');
obj = obj.style;
if (v4=="True")
{
obj.zIndex = z4;
obj.visibility = "visible";
obj.width = w4;
obj.height =h4;
obj.left = l4;
obj.top = t4;
// Set Image based on frame number and first frame
++idx
document.images.pic4.src = imgs[idx];
document.images.pic4.alt = imgs[idx];
} else {
obj.visibility = "hidden";
}
//apDiv5
obj = document.getElementById('apDiv5');
obj = obj.style;
if (v5=="True")
{
obj.zIndex = z5;
obj.visibility = "visible";
obj.width = w5;
obj.height =h5;
obj.left = l5;
obj.top = t5;
// Set Image based on frame number and first frame
} else {
obj.visibility = "hidden";
}
//apDiv6 Test Div Only - Keep Hidden
obj = document.getElementById('apDiv6');
obj = obj.style;
if (v6=="True")
{
obj.zIndex = z6;
obj.visibility = "visible";
obj.width = w6;
obj.height =h6;
obj.left = l6;
obj.top = t6;
// Set Image based on frame number and first frame
} else {
obj.visibility = "hidden";
}
/* msg = "Place mouse over thumbs at right. Click navigation arrows." */
msg = "fr= " + fr + " frn= " + frn + " idx= " + idx + " format= " + format
window.status = msg
}