var timerlen = 5;
var slideAniLen = 800;
var endOpacity=0.98;

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;

        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;

        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)
                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;
}

function DetailWindow(theNote,theMedium,theTitle,theImage,imgW,imgH,mode)
{
var row,ieFlag;

var imgD = document.getElementById('imgFade');
var tableD = document.getElementById('fadeTable');
var theTable = document.getElementById('theTableF');
var headerTable = document.getElementById('header');
var w = document.body.clientWidth;
var browser=navigator.appName;


//alert(browser);
if(browser=="Microsoft Internet Explorer")
 ieFlag=1;
 else
 ieFlag=0;

tableD.style.left='50%'; 
 if(ieFlag)
  {
  tableD.style.top=headerTable.offsetHeight+78+'px';
  tableD.style.width = "702px";
  tableD.style.height = "595px";
  tableD.style.marginLeft='-351px';
  }
  else
  {
//tableD.style.top=headerTable.offsetHeight+15+'px';
  tableD.style.top=headerTable.offsetHeight+65+'px';
  tableD.style.width = "700px";
//  tableD.style.height = "600px";
  tableD.style.height = "555px";
  tableD.style.marginLeft='-350px';
  }
  

//if(tableD.style.display != "none")
 // slideup('popTable');

imgD.src=theImage;

if(imgW > 690)
 {
 imgH *= 690/imgW;
 imgW = 690;
 }
   
if(imgH > 430) 
 {
 imgW *= 430/imgH;
 imgH = 430;
 }

imgD.width=imgW;
imgD.height=imgH;
 

row = theTable.rows[2].cells;
row[0].innerHTML="<p><span style='font-size:150%'>"+theTitle+"</span></p>";

row = theTable.rows[4].cells;
row[0].innerHTML="<span style='font-size:80%'><i>"+theMedium+" "+theNote+"</i></span>";

row = theTable.rows[5].cells;
//row[0].innerHTML="<span style='font-size:80%'>(click image to close)</span>";
if(mode=='BuyNow')
 row[0].innerHTML="<a href='javascript:fadedown("+"\"fadeTable\""+")'><img class='button' src='Images/close_button.jpg' border='0'></a>   <a href='CiaBuyNowForm.html'><img class='button' src='Images/BuyNowButton.jpg' border='0'></a>";
  else
 row[0].innerHTML="<a href='javascript:fadedown("+"\"fadeTable\""+")'><img class='button' src='Images/close_button.jpg' border='0'></a>";
 
//put delay here if needed or check for image loaded flag
setTimeout("fadeup('fadeTable')",500);
}