self.gSlide = {

cancelClick: function(e)
{

	//var el = self.WD.getEvent(e);
	var el;
	if (window.event && window.event.srcElement)
	{
		el = window.event.srcElement;
	}

	if (e && e.target)
	{
		el = e.target;
	}

	//
	if (!el)
	{
		return;
	}

	while (el.nodeName.toLowerCase()!='a' &&
		el.nodeName.toLowerCase()!='body')
	{
		el = el.parentNode;
	}


    if (window.event) {
	//ie
	  //window.event.cancelBubble = true;
      window.event.returnValue = false;
    }
	if (e && e.stopPropagation && e.preventDefault)
	{	
	//	e.stopPropagation();
		e.preventDefault();
	}
},

cancelClickSafari:function(e)
{
	return false;
},


getNumPlay:function()
{
	var imgb = self.gSlide.imgM.src;
	for (var i = 0; i < self.gSlide.lis.length; i++) {
	var imgs = self.gSlide.lis[i].getElementsByTagName('a')[0].href;
    if (imgs === imgb) {
	  var ci = i;
	  return ci;
		}
	}
	if (ci == -1) return; 

},


assignBigImg:function(e)
{
	self.gSlide.imgM.src = self.gSlide.lis[e].getElementsByTagName('a')[0].href;
	self.gSlide.p.childNodes[0].nodeValue = self.gSlide.lis[e].getElementsByTagName('img')[0].title;

},


chBigImage: function(e) 
{

	var el = self.WD.getEvent(e);
	var parentimg = self.AT.ascendDOM(el.target, 'img');
	var parenta = self.AT.ascendDOM(el.target, 'a');
	var parentli = self.AT.ascendDOM(el.target, 'li');
	self.gSlide.imgM.src = parenta.href;
	self.gSlide.p.childNodes[0].nodeValue = parentimg.title;

},


toPlayImg:function()
{
	clearInterval(self.gSlide.timeCtrl);
	self.gSlide.center.childNodes[0].nodeValue = 'toplay';
	self.gSlide.center.className = 'play';
	$id('gslidestatus').innerHTML = '暫停中';
	self.WD.removeEvent(self.gSlide.center, 'click', self.gSlide.gslideStop, false);
	self.WD.addEvent(self.gSlide.center, 'click', self.gSlide.gslidePlay, false);

},

toPauseImg:function()
{
	self.gSlide.center.childNodes[0].nodeValue = 'topause';
	self.gSlide.center.className = 'pause';

	$id('gslidestatus').innerHTML = '撥放中';
	self.WD.removeEvent(self.gSlide.center, 'click', self.gSlide.gslidePlay, false);	
	self.WD.addEvent(self.gSlide.center, 'click', self.gSlide.gslideStop, false);

},

gslideStop:function()
{
	self.gSlide.toPlayImg();
},

gslidePlay:function()
{
	self.gSlide.setNewTime();

},

gslideNext:function()
{
	self.gSlide.toPlayImg();
	var ci = self.gSlide.getNumPlay();
	ci ++;
	if (ci>self.gSlide.lis.length-1) {ci=0};
	self.gSlide.assignBigImg(ci);
},

gslideLast:function(e)
{
	self.gSlide.toPlayImg();
	var ci = self.gSlide.getNumPlay();
	ci --;
	if (ci<0) {ci=self.gSlide.lis.length-1};
	self.gSlide.assignBigImg(ci);
},

setNewTime:function(e)
{

	clearInterval(self.gSlide.timeCtrl);
	self.gSlide.toPauseImg();
	self.gSlide.timeCtrl = setInterval(function() { self.gSlide.timeUpdate(); },  self.gSlide.timeThousand(self.gSlide.timeinput.value)  );

},

timeUpdate: function(e)
{
	var ci = self.gSlide.getNumPlay();
	ci ++;
	if (ci>self.gSlide.lis.length-1) {ci=0};
	self.gSlide.imgM.src = self.gSlide.lis[ci].getElementsByTagName('a')[0].href;
	self.gSlide.p.childNodes[0].nodeValue = self.gSlide.lis[ci].getElementsByTagName('img')[0].title;

},

timeThousand:function(e)
{
	e = e*1000;
	return e;
},


timeSlideToSec:function(e)
{
	e = (e/10)+1;
	return e;
},

imageResize:function(e)
{
	var ms = $tags('img',self.gSlide.list);
	var k=0;
	for(var i=0;i<ms.length;i++)
	{
		if(ms[i].complete)
		{
			var w = ms[i].width;
			var h =  ms[i].height;
			ms.title = w + ":" +h;

			if(w > h)
			{
				if(w>80)
				{
					ms[i].width = 80;
				}
			}
			else if(h > w)
			{
				if(h>80)
				{
					ms[i].height = 80;
				}
			}
			else
			{
				ms[i].height = 80;			
			}

			k++;
		}




		if(ms[i].onerror == null)
		{	

			ms[i].onerror = function()
			{
				this.parentNode.style.background="white";
				this.parentNode.removeChild(this);
			}

		}
		
	}
},


init: function() 
{
	if (	!document.getElementsByTagName || 
			!document.getElementById	)
	return;
	self.gSlide.ob = $id('slide');
	self.gSlide.h3 =$tags('h3',self.gSlide.ob)[0];
	self.gSlide.p = $tags('p',self.gSlide.ob)[0];
	self.gSlide.imgM = $tags('img',self.gSlide.h3)[0];
	self.gSlide.list = $id('slidelist');
	self.gSlide.lis = $tags('li',self.self.gSlide.list);
	self.gSlide.li = self.gSlide.lis[0];
	self.gSlide.timeinput = self.WD.getObjById('gslidedelayfm').getElementsByTagName('input')[0];

	var as = $tags('a', self.gSlide.li); 
	var imgs = $tags('img',self.gSlide.li);

	/**image resize

	self.gSlide.imageResize();

	if($tags('img',self.gSlide.list).length)
	{
		 self.gSlide.imageResize = null;
	}
	else
	{
		setTimeout(self.gSlide.imageResize,0);
	}
	**/

	// initialize the first image
	self.gSlide.imgM.src = as[0].href;
	self.gSlide.p.childNodes[0].nodeValue = imgs[0].title;


	// set return false to link
	var alla = $tags('a',self.gSlide.ob);
	for (var j=0;j<alla.length;j++)
	{

		self.WD.addEvent(alla[j], 'click', self.gSlide.cancelClick, false);
		alla[j].onclick = self.gSlide.cancelClickSafari;	
	}

	// add click event to small image
	for (var i=0;i<self.gSlide.lis.length;i++)
	{
		self.WD.addEvent(self.gSlide.lis[i], 'click', self.gSlide.chBigImage, false);
	}

	// set slide	

	self.gSlide.defaultTime = 5;
	self.gSlide.timeinput.value=self.gSlide.defaultTime;

	self.gSlide.timeCtrl = setInterval(function() { self.gSlide.timeUpdate(); },  self.gSlide.timeThousand(self.gSlide.timeinput.value)  );

	$id('gslidestatus').innerHTML = '撥放中';
	
	// cancel click and add click event to play control
	self.gSlide.last = self.WD.getObjById('gslidelast');
	self.gSlide.center = self.WD.getObjById('gslidecenter');
	self.gSlide.next = self.WD.getObjById('gslidenext');


	self.WD.addEvent(self.gSlide.last , 'click', self.gSlide.gslideLast, false);
	self.WD.addEvent(self.gSlide.center, 'click', self.gSlide.gslideStop, false);
	self.WD.addEvent(self.gSlide.next, 'click', self.gSlide.gslideNext, false);

}

};


$id('slidenav').style.visibility="visible";
document.getElementById("slidet").onchange=function(){
	clearInterval(self.gSlide.timeCtrl);
	self.gSlide.toPauseImg();
	self.WD.getObjById('gslidedelayfm').getElementsByTagName('input')[0].value = Math.round(parseInt(this.value)/10) < 1? 1:Math.round(parseInt(this.value)/10);
	self.gSlide.timeCtrl = setInterval(function() { self.gSlide.timeUpdate(); },  self.gSlide.timeThousand(self.gSlide.timeinput.value)  );
}

self.WD.addEvent(window, 'load', self.gSlide.init, false);