var imgid = 'image';
var imgdir = 'fullsize';
var imgext = '.jpg';
var thumbid = 'thumbs';
var auto = true;
var autodelay = 3;


if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
    }
	else
	{// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.open("GET","/marquee_new/xml/caseplace.xml",false);
	xmlhttp.send();
	xmlDoc=xmlhttp.responseXML;
	for(var i=0;i<xmlDoc.getElementsByTagName("details").length;i++)
	{
		j=i+1;
		if(xmlDoc.getElementsByTagName("image")[i].childNodes[0])
		{
			document.getElementById("img"+j).src=xmlDoc.getElementsByTagName("image")[i].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("head")[i].childNodes[0])
		{
			document.getElementById("head"+j).innerHTML=xmlDoc.getElementsByTagName("head")[i].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("title")[i].childNodes[0])
		{
			document.getElementById("title"+j).innerHTML=xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("body")[i].childNodes[0])
		{
			document.getElementById("body"+j).innerHTML=xmlDoc.getElementsByTagName("body")[i].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("para")[i].childNodes[0])
		{
			document.getElementById("para"+j).innerHTML=xmlDoc.getElementsByTagName("para")[i].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("desc")[i].childNodes[0])
		{
			document.getElementById("desc"+j).innerHTML=xmlDoc.getElementsByTagName("desc")[i].childNodes[0].nodeValue;
		}
		if(xmlDoc.getElementsByTagName("link")[i].childNodes[0])
		{
			readlink=xmlDoc.getElementsByTagName("link")[i].childNodes[0].nodeValue;
			document.getElementById("read"+j).innerHTML="<a href="+readlink+" >Read More</a>";
		}
		if(xmlDoc.getElementsByTagName("linktext")[i].childNodes[0])
		{
			linktext=xmlDoc.getElementsByTagName("linktext")[i].childNodes[0].nodeValue;
			document.getElementById("tab"+j).innerHTML="<span style=\"cursor:pointer;\">"+linktext+"</span>";
		}
				
	}
	
	
var slideShow=function(){
	var ys,ta,ia,st,fs,ci,t,tar,tarl;
	ta=document.getElementById(thumbid);
	ia=document.getElementById(imgid);
	t=ta.getElementsByTagName('li');
	var m=document.getElementsByTagName('p');
	fs=6;
	return{
		init:function(){
			len=t.length;
			tar=[];
			for(i=0;i<len;i++){
				var id=t[i].value;
				tar[i]=id;
				m[i].onclick=new Function("slideShow.onclick_getimg('"+id+"')");
				if(i==0)
				{this.getimg(id)}
			}
			tarl=tar.length;
		},
		common_getimg:function(id){
			//Active the corresponding image tab;
			for(var k = 1; k <= fs; k++ )
			{
				if( k != id)
				{
					document.getElementById("tab"+k).className = '';
					document.getElementById("details"+k).style.display = 'none';
				}
				
			}
			document.getElementById("details"+id).style.display = 'block';
			document.getElementById("tab"+id).className  = "active";
			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)}
				}
			}
		},
		onclick_getimg:function(id){
			slideShow.common_getimg(id);
			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.style.width='397px';
				i.style.height='297px';
				var source=document.getElementById("img"+id).src;
				i.src=source;
				i.style.opacity=1; i.style.filter=1;
			}else{
				i=document.getElementById(id); clearInterval(i.timer);
			}
		},
		getimg:function(id){
			slideShow.common_getimg(id);
			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.style.width='397px';
				i.style.height='297px';
				var source=document.getElementById("img"+id).src;
				//i.src=imgdir+'/'+id+imgext;
				i.src=source;
			}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*2000)},
		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)}}
		}		
	};
}();
window.onload=function(){slideShow.init()};
