/*Roof*/
var htmlname=new Array("yy","roofa","roofb","roofc","roofd","editroofa","editroofb","editroofc","editroofd");
var displayname=new Array("xx","Original Building - Roof","North Tower - Roof","Career Center - Roof","1995 Addition - Roof");
var kk, dd1,scol,id1,id2,selectedvalue,id3,id4;
var colorval=new Array("yy","FF0000","FFCD00","008000");

var rooflist=new Array("rr","Original Building - Roof","North Tower - Roof","Career Center - Roof","1995 Addition - Roof");
var faclist=new Array("ff","Original Building - Facade","North Tower - Facade","Career Center - Facade","1995 Addition - Facade");
var photoid,videoid,commentid,ptool,vtool,ctool,idphoto,idvideo;
var photoval=new Array();
var videoval=new Array();
var commentval=new Array();



/*LisLoading*/
function listload()
{
	
	
 var opt = document.createElement("option");
  dd1=document.getElementById("combo1").value;
 kk=document.getElementById("select").value;
 document.getElementById("select").length=4;
 
  removeAllOptions(document.getElementById("select"));
 if(dd1==1){
 
  for(j=1;j<=4;j++){
	addOption(document.getElementById("select"),j,rooflist[j]);  
	
  }
  changeroof(1);
  changeroofpg(1);
  
 }
 else{
	  
  for(j=1;j<=4;j++){
	addOption(document.getElementById("select"),j,faclist[j]);  
 }
	changefacade(1);
	changefacadepg(1);
}
}


function listload1()
{
	
	
 var opt = document.createElement("option");
  dd1=document.getElementById("combo1").value;
 kk=document.getElementById("select").value;
 document.getElementById("select").length=4;
 
  removeAllOptions(document.getElementById("select"));
 if(dd1==1){
 
  for(j=1;j<=4;j++){
	addOption(document.getElementById("select"),j,rooflist[j]);  
	
  }
 
 }
 else{
	  
  for(j=1;j<=4;j++){
	addOption(document.getElementById("select"),j,faclist[j]);  
 }
	
}
}

function removeAllOptions(selectbox)
{
	var i;
	for(i=selectbox.options.length-1;i>=0;i--)
	{
		//selectbox.options.remove(i);
		selectbox.remove(i);
	}
}

function addOption(selectbox, value, text )
{
	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value;

	selectbox.options.add(optn);
}
/*ListLoad*/
/*Selected Combo1*/
function selcombo1(){
	 dd1=document.getElementById("combo1").value;
 kk=document.getElementById("select").value;
if(dd1==1){
	
changeroof(kk);
changeroofpg(kk);
var sel="ROOF"+kk;
	 app(sel);


}
else{
	
changefacade(kk);
changefacadepg(kk);
var sel="FACADE"+kk;
app(sel);
	
}
	
}
function changeroof(arg5){

var ss=arg5.value;

if(ss==undefined)
{
	ss=arg5;
}
else
{
ss=ss;
}

showhidesection();
showhidesectionf();
document.getElementById(htmlname[ss]).style.display="block";
// document.getElementById("displayroof").value="hai";


if(ss>=5){

 

//kk=0;
 //
 kk=document.getElementById("select").value;
 //alert(kk);
 var disp=displayname[kk];
 //var TheTextBox =document.getElementById("dispalyroof");
   // TheTextBox.value = TheTextBox.value + displayname[kk];
var Id="displayroof"+kk;
// document.getElementById("dispalyroof").value=displayname[ss];
 document.getElementById(Id).value=disp;
   }
 }
 
 function showhidesection()
 {
	
	for(i=1;i<=8;i++){
		document.getElementById(htmlname[i]).style.display="none";
		 
	}
 }
 

function Editvalue(arg){
	
	
	
	 document.getElementById("displayroof").value="hai";
}
function editroof_confirm()
{
var r=confirm("Are you sure you want to discard this changes?");
kk=document.getElementById("select").value;
if (r==true)
  {
 changeroof(kk);
  }
else
  {
changeroof(5);
  }
}

                                                   /* End Roof */

                                                  /* Facade */

var htmlnamef=new Array("yy","facadea","facadeb","facadec","facaded","editfacade1","editfacade2","editfacade3","editfacade4");
var fd1,fd2,fd3,fd4,selectedvaluef;
var displaynamef=new Array("xx","Original Building - Facade","North Tower - Facade","Career Center - Facade","1995 Addition - Facade");

function changefacade(arg5){

var ssf=arg5;


if(ssf==undefined)
{
	ssf=arg5;
}
else
{
ssf=ssf;
}
showhidesection();
showhidesectionf();

document.getElementById(htmlnamef[ssf]).style.display="block";
// document.getElementById("displayroof").value="hai";


if(ssf>=5){

var kkf=document.getElementById("select").value;
//alert(kk);
//kk=0;
 //alert(displayname[kk]);
 var dispf=displaynamef[kkf];
 //var TheTextBox =document.getElementById("dispalyroof");
   // TheTextBox.value = TheTextBox.value + displayname[kk];
var Id="displayfacade"+kkf;
// document.getElementById("dispalyroof").value=displayname[ss];
 document.getElementById("displayfacade"+kkf).value=dispf;
   }
   
 }
 
 function showhidesectionf()
 {
	
	for(i=1;i<=8;i++){
		document.getElementById(htmlnamef[i]).style.display="none";
		
	}
 }

function Editvaluef(argf){
	
	
	
	 document.getElementById("displayfacade").value="hai";
}
function editfacade_confirm()
{
var r=confirm("Are you sure you want to discard this changes?");
kk=document.getElementById("select").value;
if (r==true)
  {
 changefacade(kk);
  }
else
  {
changefacade(5);
  }
}


       
	   
	/* End Facade */
	
	
	
	/* ChangeGarIndex*/
	function rselectedgar(){

	
	//alert("hai");
	kk=document.getElementById("select").value;
	 id2="garindex"+kk;
	
	 
	 selectedvalue=document.getElementById(id2).value;
	 id1="garindexroof"+kk;
	  id4="garvaluerr"+kk;
	 
	
	// alert(id4);
	document.getElementById(id4).value=selectedvalue;
	if(selectedvalue <29){
		
		document.getElementById(id1).value="Red";
		document.getElementById(id1).style.backgroundColor="#"+colorval[1]; 
		 
		


     scol=kk+","+colorval[1];
	
	document.DemoModel.send('rsinglecolor',scol);
	
	}
	else if(selectedvalue >29 && selectedvalue <80){

        document.getElementById(id1).value="Amber";
		document.getElementById(id1).style.backgroundColor="#"+colorval[2];  
		 scol=kk+","+colorval[2];
		 document.DemoModel.send('rsinglecolor',scol);
		
	}
	else{
         document.getElementById(id1).value="Green";
		document.getElementById(id1).style.backgroundColor="#"+colorval[3]; 
	     scol=kk+","+colorval[3];
		 document.DemoModel.send('rsinglecolor',scol);
		
	}
    changeroof(kk);	
	}
	///////////////////////////////////
	
	function fselectedgar(){

	//var selectedvalue=document.getElementById("garindex1").value;
//	//alert("hai");
//	kk=document.getElementById("select").value;
//	if(selectedvalue <30){
//		
//
//     scol=kk+","+colorval[1];
//	
//	document.DemoModel.send('fsinglecolor',scol);
//	}
//	else if(selectedvalue >30 && selectedvalue <80){
//
//		 scol=kk+","+colorval[2];
//		 document.DemoModel.send('fsinglecolor',scol);
//		
//	}
//	else{
//
//	     scol=kk+","+colorval[3];
//		 document.DemoModel.send('fsinglecolor',scol);
//		
//	}
//    changefacade(kk);	
//	}
//alert("hai");
kkf=document.getElementById("select").value;
	 fd2="garindexf"+kkf;
	
	 
	 selectedvaluef=document.getElementById(fd2).value;
	 fd1="garindexfacade"+kkf;
	  fd4="garvalueff"+kkf;
	 
	
	 //alert(fd1);
	document.getElementById(fd4).value=selectedvaluef;
	if(selectedvaluef <29){
		
		document.getElementById(fd1).value="Red";
		document.getElementById(fd1).style.backgroundColor="#"+colorval[1]; 
		 
		


     scol=kkf+","+colorval[1];
	
	document.DemoModel.send('fsinglecolor',scol);
	
	}
	else if(selectedvaluef >29 && selectedvaluef <80){

        document.getElementById(fd1).value="Amber";
		document.getElementById(fd1).style.backgroundColor="#"+colorval[2];  
		 scol=kkf+","+colorval[2];
		 document.DemoModel.send('fsinglecolor',scol);
		
	}
	else{
         document.getElementById(fd1).value="Green";
		document.getElementById(fd1).style.backgroundColor="#"+colorval[3]; 
	     scol=kkf+","+colorval[3];
		 document.DemoModel.send('fsinglecolor',scol);
		
	}
    changefacade(kkf);	
	}

function roof(presval){
 ////alert(presval);
 
 val=presval.substring(4,5);
 var sec=presval.substring(0,4);

 if(sec=='ROOF'){
 document.getElementById("combo1").value=1;
 listload1();
 document.getElementById("select").value=val;
changeroof(val);
changeroofpg(val);
 }
//  //alert(val);
 
 
 }
 function facade(presval){
 //alert(presval);
 
 val=presval.substring(6,7);
// alert(val);
var sec=presval.substring(0,6);
 
 if(sec=='FACADE'){
 document.getElementById("combo1").value=2;
  listload1();
  document.getElementById("select").value=val;
changefacade(val);
changefacadepg(val);

 }

 
 }



                                                  /* Photo Gallery */

var roofpgname=new Array("zz","phg1","phg2","phg3","phg4");
function changeroofpg(arg5){

var pgr=arg5;


if(pgr==undefined)
{
	pgr=arg5;
}
else
{
pgr=pgr;
}
showhidesectionpgr();
showhidesectionpgf();


document.getElementById(roofpgname[pgr]).style.display="block";
}
// document.getElementById("displayroof").value="hai";
 function showhidesectionpgr()
 {
	
	for(i=1;i<=4;i++){
		document.getElementById(roofpgname[i]).style.display="none";
		
	}
 }
                                               /* End Photo Gallery */ 
											   
											   
                                                    /* Facade Photo Gallery */

var facadepgname=new Array("ff","phgf1","phgf2","phgf3","phgf4");
function changefacadepg(arg5){

var pgf=arg5;


if(pgf==undefined)
{
	pgf=arg5;
}
else
{
pgf=pgf;
}
showhidesectionpgr();
showhidesectionpgf();


document.getElementById(facadepgname[pgf]).style.display="block";
}
// document.getElementById("displayroof").value="hai";
 function showhidesectionpgf()
 {
	
	for(i=1;i<=4;i++){
		document.getElementById(facadepgname[i]).style.display="none";
		
	}
 }
                                            /* End Photo Gallery */ 
											
function changeeditroof()
{
	//alert("hai");
	kk=document.getElementById("select").value;
	 id2="garindex"+kk;
	 id3="garindexeditroof"+kk;
	 
	 selectedvalue=document.getElementById(id2).value;
	 
	 
	
	 //alert(selectedvalue);
	if(selectedvalue <29){
		
		document.getElementById(id3).value="Red";
		document.getElementById(id3).style.backgroundColor="#"+colorval[1]; 


    
	
	}
	else if(selectedvalue >29 && selectedvalue <80){

        document.getElementById(id3).value="Amber";
		document.getElementById(id3).style.backgroundColor="#"+colorval[2];  
		 
		
	}
	else{
         document.getElementById(id3).value="Green";
		document.getElementById(id3).style.backgroundColor="#"+colorval[3]; 
	     
		
	}
    
	}
	
	function changeeditfacade()
{
	
	
	//alert("hai");
	kkf=document.getElementById("select").value;
	 fd2="garindexf"+kkf;
	 fd3="garindexeditfacade"+kkf;
	 
	 selectedvaluef=document.getElementById(fd2).value;
	 
	 
	
	// alert(fd3);
	 //alert(kkf);
	if(selectedvaluef <29){
		
		document.getElementById(fd3).value="Red";
		document.getElementById(fd3).style.backgroundColor="#"+colorval[1]; 


    
	
	}
	else if(selectedvaluef >29 && selectedvaluef <80){

        document.getElementById(fd3).value="Amber";
		document.getElementById(fd3).style.backgroundColor="#"+colorval[2];  
		 
		
	}
	else{
         document.getElementById(fd3).value="Green";
		document.getElementById(fd3).style.backgroundColor="#"+colorval[3]; 
	     
		
	}
    
	}
	function loadingdiv()
 {
  document.DemoModel.send('reset','1');
   document.getElementById("combo1").value="1";
   listload();
    changeroof(1);
  
 }
 
 /*****************New Feature*****************/
	
function showuploadphotos()
{
	document.getElementById("backover_1").style.display="block";
	document.getElementById("backover").style.display="none";
	document.getElementById("uploadphoto").style.display="block";
	document.getElementById("modelplace").style.display="none";
	document.getElementById("modelreplace").style.display="block";
	
	
}
function hideuploadphotos()
{
	document.getElementById("backover_1").style.display="none";
	document.getElementById("backover").style.display="block";
	document.getElementById("uploadphoto").style.display="none";
	document.getElementById("modelplace").style.display="block";
	document.getElementById("modelreplace").style.display="none";
	document.getElementById("browsephoto").value="s";
}
function showviewphotos()
{
	document.getElementById("backover_1").style.display="block";
	document.getElementById("backover").style.display="none";
	document.getElementById("viewphoto").style.display="block";
	document.getElementById("modelplace").style.display="none";
	document.getElementById("modelreplace").style.display="block";
}
function hideviewphotos()
{
	document.getElementById("backover_1").style.display="none";
	document.getElementById("backover").style.display="block";
	document.getElementById("viewphoto").style.display="none";
	document.getElementById("modelplace").style.display="block";
	document.getElementById("modelreplace").style.display="none";
}
function showuploadvideos()
{
	document.getElementById("backover_1").style.display="block";
	document.getElementById("backover").style.display="none";
	document.getElementById("uploadvideo").style.display="block";
	document.getElementById("modelplace").style.display="none";
	document.getElementById("modelreplace").style.display="block";
}
function hideuploadvideos()
{
	document.getElementById("backover_1").style.display="none";
	document.getElementById("backover").style.display="block";
	document.getElementById("uploadvideo").style.display="none";
	document.getElementById("modelplace").style.display="block";
	document.getElementById("modelreplace").style.display="none";
}
function showviewvideos()
{
	document.getElementById("backover_1").style.display="block";
	document.getElementById("backover").style.display="none";
	document.getElementById("viewvideo").style.display="block";
	document.getElementById("modelplace").style.display="none";
	document.getElementById("modelreplace").style.display="block";
}
function hideviewvideos()
{
	document.getElementById("backover_1").style.display="none";
	document.getElementById("backover").style.display="block";
	document.getElementById("viewvideo").style.display="none";
	document.getElementById("modelplace").style.display="block";
	document.getElementById("modelreplace").style.display="none";
        playera.Stop();  
}
function showuploadcomments()
{
	document.getElementById("backover_1").style.display="block";
	document.getElementById("backover").style.display="none";
	document.getElementById("uploadcomments").style.display="block";
	document.getElementById("modelplace").style.display="none";
	document.getElementById("modelreplace").style.display="block";
}
function hideuploadcomments()
{
	document.getElementById("backover_1").style.display="none";
	document.getElementById("backover").style.display="block";
	document.getElementById("uploadcomments").style.display="none";
	document.getElementById("modelplace").style.display="block";
	document.getElementById("modelreplace").style.display="none";
}
function showviewcomments()
{
	document.getElementById("backover_1").style.display="block";
	document.getElementById("backover").style.display="none";
	document.getElementById("viewcomments").style.display="block";
	document.getElementById("modelplace").style.display="none";
	document.getElementById("modelreplace").style.display="block";
}
function hideviewcomments()
{
	document.getElementById("backover_1").style.display="none";
	document.getElementById("backover").style.display="block";
	document.getElementById("viewcomments").style.display="none";
	document.getElementById("modelplace").style.display="block";
	document.getElementById("modelreplace").style.display="none";
}


function Commentid(cid){
	commentid=cid;
}
function popup(id){
	
	if(id==0){
		
		showuploadphotos();
		
	}
	else if(id==1){
		showuploadvideos();
		
	}
	else if(id==2){
		document.getElementById("Comments").value="";
		showuploadcomments();
		
		
	}
	
}

function Addicon(id1){
	
	if(id1==1){
		document.DemoModel.send('PhotoAddIcon','true');
		
		hideuploadphotos();
	}
	else if(id1==2){
		document.DemoModel.send('VideoAddIcon','true');
		hideuploadvideos();
		
	}
	else if(id1==3){
		
		var txtval=document.getElementById("Comments").value;
	if(txtval!=""){
		ctool=commentid+","+txtval;
	}
	else{
		txtval="NoCaption";
		ctool=commentid+","+txtval;
	}
				document.DemoModel.send('CommentAddIcon','true');
				
				document.DemoModel.send('resendCommentText',ctool);
		hideuploadcomments();
		
	}
	
	
}

function showphotovalue(pval){
	photoval=pval.split(",");
	photoid=photoval[0];
	
	if(photoid.length<=7){
	 idphoto=photoid.substring(6,7);
	}
	else{
		 idphoto=photoid.substring(6,8);
	}
	
	if(idphoto==1 || idphoto==4 || idphoto==7 || idphoto==10 || idphoto==13 || idphoto==16 || idphoto==19 || idphoto==22 || idphoto==25){
		document.getElementById("photos").src="Images/ModelImages/photo1.jpg";
	}
	else if(idphoto==2 || idphoto==5 || idphoto==8 || idphoto==11 || idphoto==14 || idphoto==17 || idphoto==20 || idphoto==23 || idphoto==26){
		
		document.getElementById("photos").src="Images/ModelImages/photo2.jpg";
		
	}
	else{
		document.getElementById("photos").src="Images/ModelImages/photo3.jpg";
	}
		showviewphotos();
		
		if(photoval[1]!="null"){
		document.getElementById("txtPhotoCaption").value=photoval[1];
		}
		else{
			document.getElementById("txtPhotoCaption").value="";
		}
	
	
}
function phototooltip()
{
	
	var txtval=document.getElementById("txtPhotoCaption").value;
	
	if(txtval!=""){
		ptool=photoid+","+txtval;
	}
	else{
		txtval="NoCaption";
		ptool=photoid+","+txtval;
	}
	document.DemoModel.send('resendPhotoResult',ptool);
	hideviewphotos();
}

function showvideovalue(vval){
	videoval=vval.split(",");
	videoid=videoval[0];
	
	
	if(videoid.length<=7){
	 idvideo=videoid.substring(6,7);
	
	}
	else{
		 idvideo=videoid.substring(6,8);
	}
	
	if(idvideo==1 || idvideo==4 || idvideo==7 || idvideo==10 || idvideo==13 || idvideo==16 || idvideo==19 || idvideo==22 || idvideo==25){
		
		document.getElementById("playera").Filename="videofile/Video1.avi";
		
		document.getElementById("playera").AutoStart="true";
	}
	else if(idvideo==2 || idvideo==5 || idvideo==8 || idvideo==11 || idvideo==14 || idvideo==17 || idvideo==20 || idvideo==23 || idvideo==26){
		
		document.getElementById("playera").Filename="videofile/Video2.avi";
		document.getElementById("playera").AutoStart="true";
		
	}
	else{
		document.getElementById("playera").Filename="videofile/Video3.avi";
		document.getElementById("playera").AutoStart="true";
	}
		showviewvideos();
		
		if(videoval[1]!="null"){
		document.getElementById("txtVideoCaption").value=videoval[1];
		}
		else{
			document.getElementById("txtVideoCaption").value="";
		}
	//alert(photoval[1]);
	
}
function videotooltip()
{
	
	var txtval=document.getElementById("txtVideoCaption").value;
	
	if(txtval!=""){
		vtool=videoid+","+txtval;
	}
	else{
		txtval="NoCaption";
		vtool=videoid+","+txtval;
	}
	document.DemoModel.send('resendVideoResult',vtool);
	hideviewvideos();
}
function showcommentvalue(cval){
	
	commentval=cval.split(",");
	commentid=commentval[0];
	//photoid=val;
	
		showviewcomments();
		
		if(commentval[1]!="null"){
		document.getElementById("txtComments").value=commentval[1];
		}
		else{
			document.getElementById("txtComments").value="";
		}
	//alert(photoval[1]);
	
}
function commenttooltip()
{
	
	var txtval=document.getElementById("txtComments").value;
	if(txtval!=""){
		ctool=commentid+","+txtval;
	}
	else{
		txtval="NoCaption";
		ctool=commentid+","+txtval;
	}
	
	
	document.DemoModel.send('resendCommentText',ctool);
	hideviewcomments();
}

function pdelete(){
	document.DemoModel.send('resendDeletePhotoResult',photoid);
	hideviewphotos();
}
function vdelete(){
	document.DemoModel.send('resendDeleteVideoResult',videoid);
	hideviewvideos();
}
function cdelete(){
	document.DemoModel.send('resendDeleteCommentResult',commentid);
	hideviewcomments();
}