var sliderIntervalId = 0;
var sliderHeight =1;
var sliding = false;
var slideSpeed = 20;
//var slideSpeed = 21;
var MaxHeight = 500;
var MinHeight =1;

function Slide()
{
//alert(document.getElementById("ImageSlide").src.substr( document.getElementById("ImageSlide").src.length-5,document.getElementById("ImageSlide").src.length) )
var tempImg = document.getElementById("ImageSlide").src
if ( tempImg.substr(tempImg.length-5,tempImg.length)=="e.gif")
document.getElementById("ImageSlide").src = "./image/c.gif";
else
document.getElementById("ImageSlide").src = "./image/e.gif";
   if(sliding)
      return;
   sliding = true;
   if(sliderHeight >= MaxHeight)
	{  sliderIntervalId = setInterval('SlideUpRun()', 10);
      }
   else
   {
    sliderIntervalId = setInterval('SlideDownRun()', 10);
   }
}

function SlideUpRun()
{
   slider = document.getElementById('exampleSlider');
   m_slider = document.getElementById('mainSlider');
   m_id = document.getElementById('theId');
   m_id1 = document.getElementById('theId1');
   m_tbl = document.getElementById('imgtbl');
   if(sliderHeight <= MinHeight)
   {
      sliding = false;
      sliderHeight = MinHeight;
      slider.style.height = MinHeight + 'px';
      clearInterval(sliderIntervalId);
   }
   else
   {
      sliderHeight -= slideSpeed;
      if(sliderHeight <= MinHeight)
	  {
         sliderHeight = MinHeight;
		 //document.getElementById("exampleSlider").style.visibility = 'hidden';
		 }
      slider.style.height = sliderHeight + 'px';
      //var m_height = parseInt(m_slider.style.top) + slideSpeed;
      //m_slider.style.top = m_height + 'px';
      m_slider.style.top = parseInt(m_slider.style.top) + slideSpeed + 'px';
      m_tbl.style.top = m_slider.style.top;
      //m_id.style.top = parseInt(m_slider.style.top)-10;
	  m_id.style.top = parseInt(m_slider.style.top) - 30;
	  m_id1.style.top = parseInt(m_slider.style.top) - 17;
   }
}

function SlideDownRun()
{
   slider = document.getElementById('exampleSlider');
   m_slider = document.getElementById('mainSlider');
   m_id = document.getElementById('theId');
   m_id1 = document.getElementById('theId1');
   m_tbl = document.getElementById('imgtbl');
   slider.style.visibility = 'visible';
   if(sliderHeight>= MaxHeight)
   {
      sliding = false;
      sliderHeight = MaxHeight;
      slider.style.height = MaxHeight + 'px';
      clearInterval(sliderIntervalId);
   }
   else
   {
      sliderHeight += slideSpeed;
      if(sliderHeight> MaxHeight)
      {
         sliderHeight = MaxHeight;
         //document.getElementById("label1").innerText = 'test 1';
         }
      slider.style.height = sliderHeight + 'px';
      //var m_height = parseInt(m_slider.style.top) - slideSpeed;
      //m_slider.style.top = m_height + 'px';
      m_slider.style.top = parseInt(m_slider.style.top) - slideSpeed + 'px';
      //alert(sliderHeight + ":" + m_height);
      m_tbl.style.top = m_slider.style.top;
      //m_id.style.top = parseInt(m_slider.style.top)-10;
	  m_id.style.top = parseInt(m_slider.style.top) - 30;
	  m_id1.style.top = parseInt(m_slider.style.top) - 17;
   }
}

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

function hideDetail(){
document.getElementById("exampleSlider").style.visibility = 'hidden';

}

function ClearTable(DGclear)
{
	var tbl = document.getElementById(DGclear).getElementsByTagName("tbody")[0];
	var row = tbl.rows.length
	for (var i=1;i<row;i++){
	tbl.removeChild(tbl.rows[1]);
	}
}

function clearArea(DGClear)
{
    var elem = document.getElementById(DGClear);
	while (elem.childNodes.length > 0) {
		elem.removeChild(elem.firstChild);
	}
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}