// JavaScript Document SetDiningView.js   8/22/09
// Template of 6 Display Formats 

/* TEMPLATE: DO NOT CHANGE THIS CODE! COPY TO NEW APPLICATION   */

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;offset=0

// New Generic Page View Function
function setDiningView(fr) 
{
    swapThumbs(0)  // Only needs one pass!!!
	
	frn = ffn + fr
	offset = 0					//
	//alert("Help0: " + "frame= " + fr );
	
	switch (frn) {
	  // Page 1 thru 6 	
      case 0:   
		   format = "1A"; idx=0;  // NewPaint01    was FirePlace Leaf 
		   break;				  // Idx 0
      case 1:
		   format = "1A"; idx=1;  // New Paint02   was Fireplace Marble
		   break;				  // Idx 1
	  case 2:
		   format = "3B"; idx=2;  // Bistro 1
		   break;				  // Idx 2,3,4
      case 3:
		   format = "4A"; idx=5;  // Bistro 2 
		   break;				  // Idx 5,6,7,8,
 	  case 4: 
		   format = "1A"; idx=9; // Lynns Kitchen
		   break;				  // Idx 9      
	  case 5:
		   format = "1B"; idx=10; // Lynns Kitchen 
		   break;				  // Idx 10
	
	  case 6:
		   format = "2X"; idx=11; // Tuscany Brick
		   break;				  // Idx 11,12  	 
	  case 7:
		   format = "1A"; idx=13; // Modern Dining 1  
		   break;
	  case 8: 
		   format = "1A"; idx=14; // Modern Dining 2  
		   break;
	  case 9: 
		   format = "5A"; idx=15; // Tuscany Dining   
		   break;
/*
      case 10: 
		   format = "1A"; idx=22 //Family Room 1     
		   break;
	  case 11: 	  		   
    	   format = "1A"; idx=23; //Family Room 2   
		   break;*/

   }


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


//Parameter Settings
  if (format==""){               // Set-up Test Format   
	  

  }else if (format=="1A") {   // 1 Image Landscape 620w x 500h 
       z1="11"; v1="True"; w1="620px"; h1="500px"; l1="10px";  t1="60px";
       v2="false";v3="false"; v4="false"; v5="false"; v6="false";  	   
       //alert("Help1A: " + "frame= " + fr );  	   
 
  }else if (format=="1B") {   // 1 Image Portrait 300w x 480h 
       z1="11"; v1="True"; w1="300px"; h1="500px"; l1="200px";  t1="50px";
       v2="false";v3="false"; v4="false"; v5="false"; v6="false";  	   
       //alert("Help1B: " + "frame= " + fr );  	   
	   
  } else if (format=="2A") {  // 2 Images Portrait Left, Portrait Right
       z1="11"; v1="True"; w1="300px"; h1="480px"; l1="10px";   t1="50px";  
       z2="12"; v2="True"; w2="300px"; h2="480px"; l2="320px"; t2="50px";
       v3="false"; v4="false"; v5="false"; v6="false";  
	   //alert("Help2A: " + "frame= " + fr );  	   
	   
  } else if (format=="2B") {  // 2 Images Portrait Left, Portrait Right
       z1="11"; v1="True"; w1="300px"; h1="480px"; l1="10px";   t1="50px";  
       z2="12"; v2="True"; w2="300px"; h2="225px"; l2="320px";   t2="150px";
       v3="false"; v4="false"; v5="false"; v6="false";  
	   //alert("Help2B: " + "frame= " + fr );  	   
  
  } else if (format=="2C") {  // 2 Images Portrait Left, Portrait Right, Offset 
       z1="11"; v1="True"; w1="300px"; h1="225px"; l1="10px";   t1="150px";  
       z2="12"; v2="True"; w2="300px"; h2="225px"; l2="220px";  t2="250px";
       v3="false"; v4="false"; v5="false"; v6="false";  	   
	   //alert("Help2C: " + "frame= " + fr );  	   
	   
  } else if (format=="2X") {  // 2 Images Portrait Left, Portrait Right, Offset 
       z1="11"; v1="True"; w1="640px"; h1="600px"; l1="10px";   t1="50px";  
       z2="12"; v2="True"; w2="300px"; h2="400px"; l2="200px"; t2="100px";
       v3="false"; v4="false"; v5="false"; v6="false";
	   //alert("Help2X: " + "frame= " + fr );  	   
	   
  } else if (format=="3A") {   // 3 Images: 1 Left 310w x 500h, 2 right 310w x 220h
       z1="11"; v1="True"; w1="310px"; h1="400px"; l1="10px";  t1="50px";
	   z2="12"; v2="True"; w2="310px"; h2="220px"; l2="330px"; t2="50px";
	   z3="13"; v3="True"; w3="310px"; h3="220px"; l3="330px"; t3="300px";	   
       v4="false"; v5="false"; v6="false";     

  } else if (format=="3B") {   // 3 Images: 1 Left 310w x 500h, 2 right 310w x 220h
       z1="11"; v1="True"; w1="310px"; h1="400px"; l1="10px";  t1="80px";
	   z2="12"; v2="True"; w2="310px"; h2="220px"; l2="330px"; t2="50px";
	   z3="13"; v3="True"; w3="310px"; h3="220px"; l3="330px"; t3="300px";	   
       v4="false"; v5="false"; v6="false";     


  } else if (format=="4A") {   // 4 Images: 2 Left 310w x 500h, 2 right 310w x 220h
       z1="11"; v1="True"; w1="310px"; h1="220px"; l1="10px";  t1="50px";
	   z2="12"; v2="True"; w2="310px"; h2="220px"; l2="330px"; t2="50px";
	   z3="13"; v3="True"; w3="310px"; h3="220px"; l3="10px";  t3="310px";
       z4="14"; v4="True"; w4="310px"; h4="220px"; l4="330px"; t4="310px";	   
       v5="false"; v6="false"; 
	   
  } else if (format=="5A") {   // 5 Images: 2 Top 310w x 500h, 3 Bottom 200w x 270h
       z1="11"; v1="True"; w1="310px"; h1="225px"; l1="10px";  t1="50px";
	   z2="12"; v2="True"; w2="310px"; h2="225px"; l2="330px"; t2="50px";
	   z3="13"; v3="True"; w3="200px"; h3="270px"; l3="10px";  t3="300px";	   
	   z4="14"; v4="True"; w4="200px"; h4="270px"; l4="220px"; t4="300px";
       z5="15"; v5="True"; w5="200px"; h5="270px"; l5="430px"; t5="300px";	   
       v6="false";
	   
  } else if (format=="6A") {   // 6 Images: 3 Top 200w x 270h, 3 Bottom 200w x 270h
       z1="11"; v1="True"; w1="200px"; h1="270px"; l1="10px";  t1="50px";
	   z2="12"; v2="True"; w2="200px"; h2="270px"; l2="220px"; t2="50px";
	   z3="13"; v3="True"; w3="200px"; h3="270px"; l3="430px"; t3="50px";	   
	   z4="14"; v4="True"; w4="200px"; h4="270px"; l4="10px";  t4="300px";
       z5="15"; v5="True"; w5="200px"; h5="270px"; l5="220px"; t5="3000px";	   
       z5="16"; v6="True"; w6="200px"; h6="270px"; l6="430px"; t6="3000px";	   
  
  } else {     // Reset - Reload  or External Link
	  
	  
  }

//Content  Overflow: scroll/hidden
/*    obj = document.getElementById('content');
	obj = obj.style;
    if (format=="3" || format=="4" || format=="5" || format=="6" || format=="7" || format=="8" ) 
	{
		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("HelpDiv1 imgs(idx)=" + imgs[idx] + "  visible=" + v1 + "  z-Index="+ z1 ) 
	    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("HelpDiv2 imgs(idx)=" + imgs[idx] + "  visible=" + v2 + "  z-Index="+ z2 );  
		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;
		//alert("HelpDiv3 imgs(idx)=" + imgs[idx] + "  visible=" + v3 + "  z-Index="+ z3 );  
		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;
		//alert("HelpDiv4 imgs(idx)=" + imgs[idx] + "  visible=" + v4 + "  z-Index="+ z4 );  
		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
		//alert("HelpDiv5 imgs(idx)=" + imgs[idx] + "  visible=" + v5 + "  z-Index="+ z5 );  
		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
		//alert("HelpDiv6: imgs(idx)=" + imgs[idx] + "  visible=" + v6 + "  z-Index="+ z6 );  
		document.images.pic6.src =  imgs[idx];
		document.images.pic6.alt =  imgs[idx];
		
	} else {
	   obj.visibility = "hidden";
	}    

}