var slideShow=function(){
	var ccount,bxs,bxe,fxs,fxe,ys,ye,ta,ia,ie,st,ss,ft,fs,xp,yp,ci,t,tar,tarl;
	ta=document.getElementById(thumbid);

 ia=document.getElementById(imgid);


	t=ta.getElementsByTagName('li'); ie=document.all?true:false;
	st=3; ss=3; ft=10; fs=5; xp,yp=0;
	ccount=0;
	//#################################################################################
	//NOTE: ADD CLIENTS HERE AND ADD IMAGES 75x75.jpg in images/clients dir!!!!!!
	 clients=new Array('<img src="images/clients/AMAT.jpg"/>','<img src="images/clients/amazon.jpg">','<img src="images/clients/boeing.jpg"/>','<img src="images/clients/caiso.jpg"/>','<img src="images/clients/gap.jpg"/>','<img src="images/clients/intuit.jpg"/>','<img src="images/clients/jdsu.jpg"/>','<img src="images/clients/sanmina.jpg"/>','<img src="images/clients/sgi.jpg"/>','<img src="images/clients/sun.jpg"/>','<img src="images/clients/veritas.jpg"/>','<img src="images/clients/walmart.jpg"/>','<img src="images/clients/wamu.jpg"/>','<img src="images/clients/wellsfargo.jpg"/>');
	//#################################################################################
                clientscount=clients.length;

                //var littleslide=document.getElementById("littleslide");
	tcount=0;
	//#################################################################################
	//NOTE: ADD testimonials here
	test=new Array('<strong>Chei-Yen Lin - Enterprise Systems Director - Large Semiconductor Manufacturing Company</strong> "Exellor\'s Premium Services (EPS) helped our IT staff to maximize the value of our Oracle solutions.  We benefit from the proactive, reactive support and by projects that get done on time and within budget." <a href="http://exellor.com/index.php?option=com_content&task=view&id=17&Itemid=35">more</a>','<strong>Sri Chinthala - IT Director - Large Optical Devices Manufacturing Firm</strong> "Exellor\'s Premium Services (EPS) kept our IT systems up and running without much downtime and increased our IT ROI by proactively taking steps to reduce unplanned outages, improve system performance and availability." <a href="http://exellor.com/index.php?option=com_content&task=view&id=17&Itemid=35">more</a>');
//###########################################################################################

		testcount=test.length;

	return{
		init:function(){
			document.onmousemove=this.pos; window.onresize=function(){setTimeout("slideShow.lim()",500)};
			ys=this.toppos(ta); ye=ys+ta.offsetHeight;
			len=t.length;tar=[];
			for(i=0;i<len;i++){
				var id=t[i].value; tar[i]=id;


				t[i].onclick=new Function("slideShow.getimg('"+id+"')");
				if(i==0){this.getimg(id)}
			}
			tarl=tar.length;
		},
		scrl:function(d){
			clearInterval(ta.timer);
			var l=(d==-1)?0:(t[tarl-1].offsetLeft-(ta.parentNode.offsetWidth-t[tarl-1].offsetWidth)+10)
			ta.timer=setInterval(function(){slideShow.mv(d,l)},st);
		},
		mv:function(d,l){
			ta.style.left=ta.style.left||'0px';
			var left=ta.style.left.replace('px','');
			if(d==1){
				if(l-Math.abs(left)<=ss){
					this.cncl(ta.id); ta.style.left='-'+l+'px';
				}else{ta.style.left=left-ss+'px'}
			}else{
				if(Math.abs(left)-l<=ss){
					this.cncl(ta.id); ta.style.left=l+'px';
				}else{ta.style.left=parseInt(left)+ss+'px'}
			}
		},
		cncl:function(){clearTimeout(ta.timer)},
		getimg:function(id){

		//alert("xxx " +picnum.innerHTML);

		//here is the overlay html for the ajax images

                var littleslide=document.getElementById("littleslide");

		ccount+=1;

		 if (ccount>clientscount){ccount=1;}
		littleslide.innerHTML=clients[ccount-1];

		var testslide=document.getElementById("testslide");
		tcount+=1;

		if (tcount>testcount){tcount=1;}
		testslide.innerHTML=test[tcount-1];
		









			if(auto){clearTimeout(ia.timer)}
			if(ci!=null){
				var ts,tsl,x;
				ts=ia.getElementsByTagName('img'); tsl=ts.length;x=0;
				for(x;x<tsl;x++){
					if(ci.id!=id){var o=ts[x]; clearInterval(o.timer); o.timer=setInterval(function(){slideShow.fdout(o)},fs)}
				}
			}
			if(!document.getElementById(id)){
				var i=document.createElement('img');
				ia.appendChild(i);
				i.id=id; i.av=0; i.style.opacity=0;
				i.style.filter='alpha(opacity=0)';
				i.src=imgdir+'/'+id+imgext;
			}else{
				i=document.getElementById(id); clearInterval(i.timer);
			}
			i.timer=setInterval(function(){slideShow.fdin(i)},fs);
		},
		nav:function(d){
			var c=0;
			for(key in tar){if(tar[key]==ci.id){c=key}}
			if(tar[parseInt(c)+d]){
				this.getimg(tar[parseInt(c)+d]);
			}else{
				if(d==1){
					this.getimg(tar[0]);
				}else{this.getimg(tar[tarl-1])}
			}
		},
		auto:function(){ia.timer=setInterval(function(){slideShow.nav(1)},autodelay*1000)},
		fdin:function(i){
			if(i.complete){i.av=i.av+fs; i.style.opacity=i.av/100; i.style.filter='alpha(opacity='+i.av+')'}
			if(i.av>=100){if(auto){this.auto()}; clearInterval(i.timer); ci=i}
		},
		fdout:function(i){
			i.av=i.av-fs; i.style.opacity=i.av/100;
			i.style.filter='alpha(opacity='+i.av+')';
			if(i.av<=0){clearInterval(i.timer); if(i.parentNode){i.parentNode.removeChild(i)}}
		},
		lim:function(){
			var taw,taa,len; taw=ta.parentNode.offsetWidth; taa=taw/4; 
			bxs=slideShow.leftpos(ta); bxe=bxs+taa; fxe=bxs+taw; fxs=fxe-taa;
		},
		pos:function(e){
			xp=ie?event.clientX+document.documentElement.scrollLeft:e.pageX; 
			yp=ie?event.clientY+document.documentElement.scrollTop:e.pageY;
			if(xp>bxs&&xp<bxe&&yp>ys&&yp<ye){
				slideShow.scrl(-1);
			}else if(xp>fxs&&xp<fxe&&yp>ys&&yp<ye){
				slideShow.scrl(1);
			}else{slideShow.cncl()}
		},
		leftpos:function(t){
			var l=0;
			if(t.offsetParent){
				while(1){l+=t.offsetLeft; if(!t.offsetParent){break}; t=t.offsetParent}
			}else if(t.x){l+=t.x}
			return l;
		},
		toppos:function(t){
			var p=0;
			if(t.offsetParent){
				while(1){p+=t.offsetTop; if(!t.offsetParent){break}; t=t.offsetParent}
			}else if(t.y){p+=t.y}
			return p;
		}
	};
}();

window.onload=function(){slideShow.init(); slideShow.lim()};