// JavaScript Document SetBibleView.js //

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; 
var frn=0,idx=0,format=0;

// was function setPageView(fr) 
function setBibleView(fr) 
{

	frn = ffn + fr
	
	//alert("Help0: " + "frame= " + fr );
	
	switch (frn) {
//Praise Time Band frame number  0 to 5		
	  case 0:  
		   format = 1; idx=0;  // Portrait 600x450
		   //alert("Help0: " + "frame= " + fr );
		   break;
	  case 1:
		   format = 2; idx=1;  // 1P(300x400) - 2L(300x225) 
		   break;
	  case 2:
		   format = 3; idx=4;  // 1P(300x400) - 2L(300x225)
		   break;
	  case 3: 
		   format = 3; idx=6;  // 1P(300x400) - 1P(300x400)
		   break;
	  case 4:
		   format = 3; idx=8; // 1P(300x400) - 1P(300x400)
		   break;
	  case 5:
		   format = 1; idx=10; // Portrait 600x450
		   break;
//Jonah & the Whale frame number  6 to 11
	  case 6: 
     	   format = 1; idx=11; // Portrait 600x450
		   break;
	  case 7: 
		   format = 1; idx=12; // Portrait 600x450
		   break;
	  case 8: 
		   format = 2; idx=13; // 1P(300x400) - 2L(300x225)
		   break;
	  case 9: 
		   format = 2; idx=16; // 1P(300x400) - 2L(300x225)
		   break;
	  case 10: 
		   format = 2; idx=19; // 1P(300x400) - 2L(300x225)
		   break;	   
	  case 11: 
		   format = 2; idx=22; // 1P(300x400) - 2L(300x225)
		   break;	   
//Noah's Ark - frame number  12 to 17
	  case 12: 
     	   format = 1; idx=25; // Portrait 600x450
		   break;
	  case 13: 
		   format = 2; idx=26; // Left 1P(300x400) - Right 2L(300x225)
		   break;
	  case 14: 
		   format = 4; idx=29; // Upper Wide 600x300  Lower 3P 200x270
		   break;
	  case 15: 
		   format = 6; idx=33; // 4 x 4  300x225 Lansdcapes
		   break;
	  case 16: 
		   format = 2; idx=37; // Left 1P(300x400) - Right 2L(300x225)
		   break;	   

//Nursery - frame number  17 to 20
      case 17: 
		   format = 6; idx=41; // 4 x 4  300x225 Lansdcapes
		   break;	   
	  case 18: 
     	   format = 6; idx=45; // 4 x 4  300x225 Lansdcapes
		   break;
	  case 19: 
		   format = 6; idx=49; // 4 x 4  300x225 Lansdcapes
		   break;
	  case 20: 
		   format = 5; idx=53; //  2L Top - 3P Bottom  (Tiled Kitchen Format)
		   break;
      case 21:	   
		  format = 99; idx=99; // Children Murals Page Link 
		  break;	
		   
    }

    //alert(DescText[frn])
	//document.getElementById("label1").innerText = DescText[frn];
    //document.getElementById("label1").textContent = DescText[frn];	
	document.getElementById("label1").innerHTML = DescText[frn];	
	
    //alert("Help1: " + "format= " + format + "   idx= " + idx + " imgs(idx)= " + imgs[idx] + " ffn= " +ffn);


//Parameter Settings
  if (format==1) {        // Portrait  Centered Landscape
       z1="11"; v1="True"; w1="600px"; h1="450px"; l1="10px";  t1="60px";
	   v2="false";v3="false"; v4="false"; v5="false"; v6="false";	   	   
	   
  } else if (format==2) {   //  1P - 2L 
       z1="11"; v1="True"; w1="300px"; h1="400px"; l1="10px";  t1="90px";
	   z2="12"; v2="True"; w2="300px"; h2="225px"; l2="340px"; t2="60px";	   
	   z3="13"; v3="True"; w3="300px"; h3="225px"; l3="340px";  t3="300px";
	   v4="false"; v5="false"; v6="false";
  
  } else if (format==3) {   //  left 1P - right 1P - Side by Side 300x400
       z1="11"; v1="True"; w1="300px"; h1="400px"; l1="10px";  t1="60px";
	   z2="12"; v2="True"; w2="300px"; h2="400px"; l2="320px"; t2="60px";	   
	   v3="false"; v4="false"; v5="false"; v6="false";
	  
  } else if (format==4) {   // Upper 1L Wide 600x300 - Lower 3P 200x270
       z1="11"; v1="True"; w1="600px"; h1="300px"; l1="20px";  t1="60px";
	   z2="12"; v2="True"; w2="200px"; h2="300px"; l2="10px";  t2="370px";	   
	   z3="13"; v3="True"; w3="200px"; h3="300px"; l3="220px"; t3="370px";
       z4="14"; v4="True"; w4="200px"; h4="300px"; l4="430px"; t4="370px";	   
       v5="false"; v6="false"; 
	   
  } else if (format==5) {   // 2L Top - 3P Bottom  (Tiled Kitchen Format)
       z1="11"; v1="True"; w1="300px"; h1="225px"; l1="10px"; t1="60px";
	   z2="12"; v2="True"; w2="300px"; h2="225px"; l2="340px";t2="60px";	   
	   z3="13"; v3="True"; w3="200px"; h3="300px"; l3="10px"; t3="300px";
       z4="14"; v4="True"; w4="200px"; h4="300px"; l4="225px"; t4="300px";
	   z5="15"; v5="True"; w5="200px"; h5="300px"; l5="440px";t5="300px";	   
       v6="false"; 

  } else if (format==6) {   //   4 x 4  300x225 Lansdcapes
       z1="11"; v1="True"; w1="300px"; h1="225px"; l1="10px";  t1="60px";
	   z2="12"; v2="True"; w2="300px"; h2="225px"; l2="320px"; t2="60px";
	   z3="13"; v3="True"; w3="300px"; h3="225px"; l3="10px";  t3="300px";	   
       z4="14"; v4="True"; w4="300px"; h4="225px"; l4="320px"; t4="300px";
       v5="false"; v6="false";
	   
  } else if (format==7) {   //  2 Columns of 3 images 
       z1="11"; v1="True"; w1="200px"; h1="280px"; l1="10px";  t1="60px";
	   z2="12"; v2="True"; w2="200px"; h2="280px"; l2="220px"; t2="60px";
	   z3="13"; v3="True"; w3="200px"; h3="280px"; l3="440px"; t3="60px";	   
       z4="14"; v4="True"; w4="200px"; h4="280px"; l4="10px"; t4="350px";
       z5="15"; v5="True"; w5="200px"; h5="280px"; l5="220px"; t5="350px";	   
       z6="16"; v6="True"; w6="200px"; h6="280px"; l6="440px"; t6="350px";
 
  } else if (format==8) {   //
       z1="11"; v1="True"; w1="600px"; h1="450px"; l1="10px"; t1="60px";
       z2="12"; v2="True"; w2="600px"; h2="600px"; l2="10px"; t2="520px";
       v3="false"; v4="false"; v5="false"; v6="false";	   	   
	   
  } else if (format==9) {   //
       z1="11"; v1="True"; w1="300px"; h1="450px"; l1="10px"; t1="100px";
	   z2="12"; v2="True"; w2="300px"; h2="200x"; l2="320px"; t2="100px";
	   z3="13"; v3="True"; w3="300px"; h3="200px"; l3="320px"; t3="350px";	   
       v4="false"; v5="false"; v6="false";	   	   	  
	   
  } else if (format==100) {   //
       z1="11"; v1="True"; w1="300px"; h1="225px"; l1="10px";  t1="60px";
	   z2="12"; v2="True"; w2="300px"; h2="225px"; l2="330px"; t2="60px";
	   z3="13"; v3="True"; w3="200px"; h3="267px"; l3="10px";  t3="295px";
	   z4="14"; v4="True"; w4="200px"; h4="267px"; l4="220px"; t4="295px";
	   z5="15"; v5="True"; w5="200px"; h5="267px"; l5="430px"; t5="295px";
       v6="false";
       
  } else {     // Reset - Reload   
	  
	  v1="false"; v2="false";v3="false"; v4="false"; v5="false"; v6="false";
      location.href="Childrens-Murals.html";

  }

//Content  Overflow: scroll/hidden
    obj = document.getElementById('content');
	obj = obj.style;
    if (format=="99") 
	{
		obj.overflowY = "scroll";
	} else {
		obj.overflow = "hidden";
	}

//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;		
	
        //alert("Help1 imgs(idx)=" + imgs[idx]) 
	    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;
		//alert("Help2 imgs(idx)=" + imgs[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;	

		++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;	

		++idx
		document.images.pic5.src =  imgs[idx];
		document.images.pic5.alt =  imgs[idx];
		
	} else {
	   obj.visibility = "hidden";
	}    
	
//apDiv6		
	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;	

		++idx
		document.images.pic6.src =  imgs[idx];
		document.images.pic6.alt =  imgs[idx];
		
	} else {
	   obj.visibility = "hidden";
	}    

}