var timerlen = 5;
var slideAniLen = 1000;
var endOpacity=1.0;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();


function fadeup(objname){
        if(moving[objname])
                return;
//alert('fadeup');

       if(document.getElementById(objname).style.display != "none")
               return; // cannot slide down something that is already visible

        moving[objname] = true;
        dir[objname] = "fadein";
        fadeslide(objname);
}

function fadedown(objname){
        if(moving[objname])
                return;
//alert(document.getElementById(objname).style.display);
        if(document.getElementById(objname).style.display == "none")
                return; // cannot slide up something that is already hidden

        moving[objname] = true;
        dir[objname] = "fadeout";
        fadeslide(objname);
}

function fadeslide(objname){
        obj[objname] = document.getElementById(objname);

       // endHeight[objname] = parseInt(obj[objname].style.height);
        startTime[objname] = (new Date()).getTime();

        if(dir[objname] == "fadein")
		   {
			 obj[objname].style.filter= 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
             obj[objname].style.opacity = "0"
           }

        obj[objname].style.display = "block";

        timerID[objname] = setInterval('fadetick(\'' + objname + '\');',timerlen);
}

function fadetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];

        if (elapsed > slideAniLen)
		   if(dir[objname]=="fadeout")
		        newFade(objname);
				else
                endFade(objname)
        else {
                var d =elapsed / slideAniLen*endOpacity;
                if(dir[objname] == "fadeout")
                        d = endOpacity - d;
				obj[objname].style.filter= 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + d*100 + ')';
                obj[objname].style.opacity = d;

        }

        return;
}

function endFade(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "fadeout")
		{
        obj[objname].style.display = "none";
	//	imgD.src="Images/IMAGE_L//spot.jpg";
		obj[objname].style.filter= 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
        obj[objname].style.opacity = "0";
		}
		else
		{
		obj[objname].style.filter= 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+endOpacity*100+')';
        obj[objname].style.opacity = endOpacity;
	    }
		
        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}

var captions = new Array();
var aName;

function newFade(objname){
        clearInterval(timerID[objname]);
        moving[objname]=false;
        obj[objname].style.display = "none";
		obj[objname].style.filter= 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
        obj[objname].style.opacity = "0";	

    var imgA = new Image();
    imgA.src= aName+'.jpg';

   if(imgA.height > 330)
     {
     imgA.width *= 330/imgA.height;
     imgA.height = 330;
     }

   document.images['photo'].src = imgA.src;
 //  document.images['photo'].width=imgA.width;
   document.images['photo'].height=imgA.height;
   document.getElementById('caption').innerHTML=captions[aName];
   
   fadeup('mainphoto');
   return;
}


var aImg = new Array();

function imgR(iName,iSource,caption)
 {
 if (document.images) 
   {
  
   aImg[iName] =  new Image();
   aImg[iName].src = iSource;
   captions[iName]= caption;   
  
   }
 }

function ReplaceImage(nName) 
{
   var imgsrc = document.images['photo'].src;
   var test = nName + ".jpg";
   
   if(imgsrc.search(test) != -1) 
     return;
  
   imgsrc=test;
   fadedown('mainphoto');
   aName=nName;
/*   
    var imgA = new Image();
    imgA.src= aName+'.jpg';

   if(imgA.height > 330)
     {
     imgA.width *= 330/imgA.height;
     imgA.height = 330;
     }
  
//alert(document.getElementById('photo').src);
   
   document.images['photo'].src = imgA.src;
   document.images['photo'].width=imgA.width;
   document.images['photo'].height=imgA.height;
   document.getElementById('caption').innerHTML=captions[aName];
*/  
}


function PhotoTable(logoname,cameraname,Ncamera,Nphoto,mode)
{
var k,item,item2;

var tableD = document.getElementById('phototable');
//var hTable = document.getElementById('headerTable');
var mTable = document.getElementById('mainTable');

document.getElementById('header').className=mode;
document.getElementById('R1').className=mode;
document.getElementById('R2').className=mode;
document.getElementById('R3').className=mode;
document.getElementById('R4').className=mode;
document.getElementById('R5').className=mode;

for(k=0;k<Ncamera;k++)
 {
 item="C" + (k+1);
//alert(item);
 document.getElementById(item).innerHTML="<a href='javascript:ReplaceImage(\""+item+"\");'><img class='camerathumb' src='"+item+".jpg' border='0' width='75' height='75'></a>";
 }
//alert(hTable.style.width+" "+mTable.offsetWidth);
for(k=0;k<Nphoto;k++)
 {
 item="T" + (k+1);
 item2="TN" + (k+1);
 document.getElementById(item).innerHTML="<a href='javascript:ReplaceImage(\""+item+"\");'><img class='camerathumb' src='"+item2+".jpg' border='0'></a>";
 }
document.getElementById('name').innerHTML=cameraname;

document.getElementById('logo').innerHTML="<img class = 'logo' src='"+logoname+"' height='45' border='0'>";

//document.getElementById('mainphoto').innerHTML="<img id='photo' class='mainimg' src='T1.jpg' height='330' border='0'><p id='caption' class='captionstyle'>"+captions['T1']+"</p>";
document.images['photo'].src='T1.jpg';
document.images['photo'].height='330';
document.getElementById('caption').innerHTML=captions['T1'];

//HeaderWidth();
}