function info(){
                
                lgOff();
                document.getElementById("boxInfo").className = "tnInfoOn";
                changeCaption('lg', lg0);
                
               
}

function slideOnA(num){
                
                if (num=="100"){
                lgOff();
                document.getElementById("boxA-01").className = "tnBoxOn";
                changeCaption('lg', lgA1);
                
                }else if (num=="200"){
                lgOff();
                document.getElementById("boxA-02").className = "tnBoxOn";
                changeCaption('lg', lgA2);
                
                }else if (num=="300"){
                lgOff();
                document.getElementById("boxA-03").className = "tnBoxOn";
                changeCaption('lg', lgA3);
                
                }else if (num=="400"){
                lgOff();
                document.getElementById("boxA-04").className = "tnBoxOn";
                changeCaption('lg', lgA4);



				}
}

function slideOnA01A(num){
                
                if (num=="100"){
                detailOffA01();
				document.getElementById("boxA-01-00").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgA100);
                
                }else if (num=="200"){
                detailOffA01();
				document.getElementById("boxA-01-A").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgA1A);
                
                }else if (num=="300"){
                detailOffA01();
				document.getElementById("boxA-01-B").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgA1B);
                
				}else if (num=="400"){
                detailOffA01();
				document.getElementById("boxA-01-C").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgA1C);



				}
}

function slideOnA02A(num){
                
                if (num=="100"){
                detailOffA02();
				document.getElementById("boxA-02-00").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgA200);
                
                }else if (num=="200"){
                detailOffA02();
				document.getElementById("boxA-02-A").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgA2A);
                



				}
}

function slideOnA04A(num){
                
                if (num=="100"){
                detailOffA04();
				document.getElementById("boxA-04-00").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgA400);
                
                }else if (num=="200"){
                detailOffA04();
				document.getElementById("boxA-04-A").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgA4A);
                



				}
}




function slideOnB(num){
                
                if (num=="100"){
                lgOff();
                document.getElementById("boxB-01").className = "tnBoxOn";
                changeCaption('lg', lgB1);
                
                }else if (num=="200"){
                lgOff();
                document.getElementById("boxB-02").className = "tnBoxOn";
                changeCaption('lg', lgB2);
                
                }else if (num=="300"){
                lgOff();
                document.getElementById("boxB-03").className = "tnBoxOn";
                changeCaption('lg', lgB3);
                
                }else if (num=="400"){
                lgOff();
                document.getElementById("boxB-04").className = "tnBoxOn";
                changeCaption('lg', lgB4);

				}
}

function slideOnB01(num){
                
                if (num=="100"){
                detailOffB01();
				document.getElementById("boxB-01-00").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgB100);
                
                }else if (num=="200"){
                detailOffB01();
				document.getElementById("boxB-01-A").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgB1A);
                
                }else if (num=="300"){
                detailOffB01();
				document.getElementById("boxB-01-B").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgB1B);
                



				}
}

function slideOnB03(num){
                
                if (num=="100"){
                detailOffB03();
				document.getElementById("boxB-03-00").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgB300);
                
                }else if (num=="200"){
                detailOffB03();
				document.getElementById("boxB-03-A").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgB3A);
                
                



				}
}




function slideOnC(num){
                
                if (num=="100"){
                lgOff();
                document.getElementById("boxC-01").className = "tnBoxOn";
                changeCaption('lg', lgC1);
                
                }else if (num=="200"){
                lgOff();
                document.getElementById("boxC-02").className = "tnBoxOn";
                changeCaption('lg', lgC2);
                
                }else if (num=="300"){
                lgOff();
                document.getElementById("boxC-03").className = "tnBoxOn";
                changeCaption('lg', lgC3);
                
                }else if (num=="400"){
                lgOff();
                document.getElementById("boxC-04").className = "tnBoxOn";
                changeCaption('lg', lgC4);

				}
}

function slideOnC04(num){
                
                if (num=="100"){
                detailOffC04();
				document.getElementById("boxC-04-00").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgC400);
                
                }else if (num=="200"){
                detailOffC04();
				document.getElementById("boxC-04-A").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgC4A);
                
                }else if (num=="300"){
                detailOffC04();
				document.getElementById("boxC-04-B").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgC4B);
                
                }else if (num=="400"){
                detailOffC04();
				document.getElementById("boxC-04-C").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgC4C);

                }else if (num=="500"){
                detailOffC04();
				document.getElementById("boxC-04-D").className = "tnDetailBoxOn";
                changeCaption('lgDetails', lgC4D);


				}
}



function lgOff(){

					   	   
			 document.getElementById("boxInfo").className = "tnInfoOff";
			 
			 document.getElementById("boxA-01").className = "tnBox";
             document.getElementById("boxA-02").className = "tnBox";
             document.getElementById("boxA-03").className = "tnBox";
             document.getElementById("boxA-04").className = "tnBox";
             
       		 document.getElementById("boxB-01").className = "tnBox";
             document.getElementById("boxB-02").className = "tnBox";
             document.getElementById("boxB-03").className = "tnBox";
             document.getElementById("boxB-04").className = "tnBox";

       		 document.getElementById("boxC-01").className = "tnBox";
             document.getElementById("boxC-02").className = "tnBox";
             document.getElementById("boxC-03").className = "tnBox";
             document.getElementById("boxC-04").className = "tnBox";

}               


				
function detailOffA01(){

			
			   	   
		 
			 document.getElementById("boxA-01-00").className = "tnDetailBox";
             document.getElementById("boxA-01-A").className = "tnDetailBox";
             document.getElementById("boxA-01-B").className = "tnDetailBox";
             document.getElementById("boxA-01-C").className = "tnDetailBox";
             

}               

function detailOffA02(){

			
			   	   
		 
			 document.getElementById("boxA-02-00").className = "tnDetailBox";
             document.getElementById("boxA-02-A").className = "tnDetailBox";
             

}  

function detailOffA04(){

			 document.getElementById("boxA-04-00").className = "tnDetailBox";
             document.getElementById("boxA-04-A").className = "tnDetailBox";
             

}  

function detailOffB01(){

			 document.getElementById("boxB-01-00").className = "tnDetailBox";
             document.getElementById("boxB-01-A").className = "tnDetailBox";
             document.getElementById("boxB-01-B").className = "tnDetailBox";

}  

function detailOffB03(){

			 document.getElementById("boxB-03-00").className = "tnDetailBox";
             document.getElementById("boxB-03-A").className = "tnDetailBox";

}

function detailOffC04(){

			 document.getElementById("boxC-04-00").className = "tnDetailBox";
             document.getElementById("boxC-04-A").className = "tnDetailBox";
             document.getElementById("boxC-04-B").className = "tnDetailBox";
             document.getElementById("boxC-04-C").className = "tnDetailBox";
             document.getElementById("boxC-04-D").className = "tnDetailBox";
}  




function changeCaption(id,shtml) {
   if (document.getElementById || document.all) {
      var el = document.getElementById? document.getElementById(id): document.all[id];
      if (el && typeof el.innerHTML != "undefined") el.innerHTML = shtml;
   }
}


var lg0 = ' <iframe src="info.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';

var lgA1 = '<iframe src="A-01.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgA100 = '<img src="lg/A-01.jpg" />';
var lgA1A = '<img src="lg/A-01-A.jpg" />';
var lgA1B = '<img src="lg/A-01-B.jpg" />';
var lgA1C = '<img src="lg/A-01-C.jpg" />';


var lgA2 = '<iframe src="A-02.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgA200 = '<img src="lg/A-02.jpg" />';
var lgA2A = '<img src="lg/A-02-A.jpg" />';


var lgA3 = '<iframe src="A-03.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';


var lgA4 = '<iframe src="A-04.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgA400 = '<img src="lg/A-04.jpg" />';
var lgA4A = '<img src="lg/A-04-A.jpg" />';

var lgB1 = '<iframe src="B-01.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgB100 = '<img src="lg/B-01.jpg" />';
var lgB1A = '<img src="lg/B-01-A.jpg" />';
var lgB1B = '<img src="lg/B-01-B.jpg" />';


var lgB2 = '<iframe src="B-02.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgB3 = '<iframe src="B-03.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgB300 = '<img src="lg/B-03.jpg" />';
var lgB3A = '<img src="lg/B-03-A.jpg" />';



var lgB4 = '<iframe src="B-04.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';



var lgC1 = '<iframe src="C-01.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgC2 = '<iframe src="C-02.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgC3 = '<iframe src="C-03.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';

var lgC4 = '<iframe src="C-04.html" width="680" height="700" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
var lgC400 = '<img src="lg/C-04.jpg" />';
var lgC4A = '<img src="lg/C-04-A.jpg" />';
var lgC4B = '<img src="lg/C-04-B.jpg" />';
var lgC4C = '<img src="lg/C-04-C.jpg" />';
var lgC4D = '<img src="lg/C-04-D.jpg" />';





function changeBtn(id,shtml) {
if (document.getElementById || document.all) {
var el = document.getElementById? document.getElementById(id): document.all[id];
if (el && typeof el.innerHTML != "undefined") el.innerHTML = shtml;
   }
}

var btnAbout = '<div  class="aboutBtn" >About</div>';
var btnDetails = '<div  class="aboutBtn" >Details</div>';
var btnClose = '<div  class="aboutBtn" style="background-color:#DF4C48;" >Close</div>';



function about(id, btnID){
				changeBtn("detailBtn", btnDetails);
    			document.getElementById('detail').className = 'lgAbout';
				
                if (document.getElementById(id).className == 'lgAboutOn'){
                changeBtn(btnID, btnAbout);
                document.getElementById(id).className = 'lgAbout';
                
                }else if (document.getElementById(id).className == 'lgAbout'){
                changeBtn(btnID, btnClose);
                document.getElementById(id).className = 'lgAboutOn';
                


				}
}

function detail(id, btnID){	
                 changeBtn("aboutBtn", btnAbout);
				 document.getElementById('about').className = 'lgAbout';


				
                if (document.getElementById(id).className == 'lgDetailOn'){
                changeBtn(btnID, btnDetails);
                document.getElementById(id).className = 'lgAbout';
                
                }else if (document.getElementById(id).className == 'lgAbout'){
                changeBtn(btnID, btnClose);
                document.getElementById(id).className = 'lgDetailOn';
                


				}
}