(function(){


     var timer;// fadein
	 var isAuto = true;
	 var currNum;



     function getImg(){
	     if(!id('picLinks')) return false;
		 if(!id('showPic')) return false;
		 var links = id('picLinks').getElementsByTagName('a');
		 //var smallimgs = id('picLinks').getElementsByTagName('img');
		 //var picArea = id('showPic');
		 //removeAll(id('showPic'));
		 var oFrag = document.createDocumentFragment();
		 for(var i=0; i<links.length; i++){
		     var a = document.createElement('a');
			 var img = document.createElement('img');
			 a.className = 'bigPics';
			 a.title = links[i].title;
			 a.href = links[i].rel;
			 img.src = links[i].href;
			 a.appendChild(img);
			 oFrag.appendChild(a);
		 }
		 id('showPic').appendChild(oFrag);
	 }
	 


	 function onmouse(){	     
		 if(!id('picLinks')) return false;
		 if(!id('showPic')) return false;
		 var links = id('picLinks').getElementsByTagName('a');
		 var bigPics = getByClass(id('showPic'), 'a', 'bigPics');
		 //var bigTitle = id('showTitle');
		 //bigTitle.innerHTML = links[0].title;
		 //bigTitle.href = links[0].rel;
		 
		 for(var i=0; i<links.length; i++){
			 (function () {
				 var p = i;
				 links[p].onmouseover= function(){
					 normalstyle();
					 normalbigPics();
					 this.className="selected";
					// bigTitle.innerHTML = this.title;
					// bigTitle.href = this.rel;
					 for (var k in bigPics) {
						 if(k==p)
							 fadeIn(bigPics[k], 100);
					 }
				 }
				 links[p].onclick = function(){ return false;}
			 })();
		 }
	 }



	 function autoShow () {
		 if(!id('picLinks') || !id('showPic')) return false;
		 id('picLinks').onmouseover = function(){ isAuto = false;};
		 id('picLinks').onmouseout = function(){ isAuto = true;};
		 id('showPic').onmouseover = function(){ isAuto = false;};
		 id('showPic').onmouseout = function(){ isAuto = true;};
		 var links = id('picLinks').getElementsByTagName('a');
		 var bigPics = getByClass(id('showPic'), 'a', 'bigPics');
		 //var bigTitle = id('showTitle');
		 setInterval(function () {
			 if(!isAuto) return false;
			 for (var i=0, j=links.length; i<j; i++) {
				 if(links[i].className=='selected')
				 {
					 currNum = i;
				 }
			 }
			 if(currNum == (links.length-1))
			 {
				 normalstyle();
				 normalbigPics();
				 links[0].className = 'selected';
				// bigTitle.innerHTML = links[0].title;
				// bigTitle.href = links[0].rel;
				 fadeIn(bigPics[0], 100);
				 
			 }else {
				normalstyle();
				normalbigPics();
				links[currNum+1].className = 'selected';
				//bigTitle.innerHTML = links[currNum+1].title;
				//bigTitle.href = links[currNum+1].rel;
				fadeIn(bigPics[currNum+1], 100);
			 }
		 },5000);
	 }


 
	 function setopacity (elem, level) {
		 if(elem.filters)
		 {
		
			//elem.filters.alpha.opacity = level;
			 elem.style.filter = 'alpha(opacity = '+ level+ ')';

		 }else{
		
			 elem.style.opacity = level/100;
		 }
	 }

	 function hidElem (elem) {
		 var currStyle = getStyle(elem,'display');
		 if(currStyle!='none')
		 {
			 elem.oldDisplay = currStyle;
		 }
		 elem.style.display='none';
	 }

	 function showElem (elem) {
		 elem.style.display = elem.oldDisplay || 'block';
	 }


	 function fadeIn (elem, level) {
		 clearInterval(timer);
		 setopacity(elem, 0);
		 showElem(elem);
		 var star = 0;
		 timer = setInterval(function () {
			 setopacity(elem, star);
			 star+=5;
			 if(star==level) clearInterval(timer);
		 }, 50);
	 }

     function normalbigPics () {
		 if(!id('showPic')) return false;
		 var bigPics = getByClass(id('showPic'), 'a', 'bigPics');
		 for (var i=0, j=bigPics.length; i<j; i++) {
			 bigPics[i].style.display = 'none';
		 }
     }

	 function normalstyle(){
	     if(!id('picLinks')) return false;
	     var links = id('picLinks').getElementsByTagName('a');
		 for(var i=0; i<links.length; i++){
		     if(links[i].parentNode&&links[i].parentNode!=id('picLinks')){
			     links[i].parentNode.className="";
			 }else{
			     links[i].className="";
			 }
		     
		 }
	 }

	 function setLinks () {
		 if(!id('picLinks')) return false;
		 var links = id('picLinks').getElementsByTagName('a');
			 if(links[0].parentNode&&links[0].parentNode!=id('picLinks'))
			 {
				 links[0].parentNode.className="selected";
			 }else {
				 links[0].className="selected";
			 }
	 }


	 function getStyle (elem, name) {
		 if(elem.style[name])
			 return elem.style[name];
		 else if(elem.currentStyle)
			 return elem.currentStyle[name];
		 else if(document.defaultView && document.defaultView.getComputedStyle)
		 {
			 name = name.replace(/([A-Z])/g, "-$1");
			 name = name.toLowerCase();
			 var gs = document.defaultView.getComputedStyle(elem,'');
			 return gs && gs.getPropertyValue(name);

		 }else {
			return false;
		 }
	 }

 
	 
	 function getByClass (oParent, sTag, sName) {
	     oParent = oParent || document;
	     var tags = (sTag=="*" && oParent.all) ? oParent.all : oParent.getElementsByTagName(sTag);
	     var oElem=[];
	     sName = sName.replace(/\-/g,"\\-");
	     var re = new RegExp("(^|\\s)"+sName+"(\\s|$)");
	     for(var i=0; i<tags.length; i++){
	         if(re.test(tags[i].className)){
		     oElem.push(tags[i]);
	         }
	     }
	     return oElem;
    }

	 function id(name){ return document.getElementById(name);}
	 

	 function removeAll(elem){
	     while(elem.firstChild){
		     elem.removeChild(elem.firstChild);
		 }
	 }


	 
	 function addLoadEvent(func){
	     var old = window.onload;
		 if(typeof window.onload!="function"){
		     window.onload = func;
		 }else{
		     window.onload = function(){
			     old();
				 func();
			 }
		 }
	 }

	 addLoadEvent(getImg);
     addLoadEvent(setLinks);
	 addLoadEvent(onmouse);
	 addLoadEvent(autoShow);

	 

})();