function addCss(cssCode) {
var styleElement = document.createElement("style");
  styleElement.type = "text/css";

  if (styleElement.styleSheet) {
    styleElement.styleSheet.cssText = cssCode;
  } else {
    styleElement.appendChild(document.createTextNode(cssCode));
  }

  document.getElementsByTagName("head")[0].appendChild(styleElement);
}

function addCssDocument(ref) {

	var styleElement = document.createElement("link");
	styleElement.rel = "stylesheet";
	styleElement.href=ref;
	styleElement.type='text/css';
 	document.getElementsByTagName("head")[0].appendChild(styleElement);
}

function SlideImage(s,l,a,t,tl,inf) {
	
		this.src = s;
		this.url = l;
		this.alt = a;
		this.text = t;
		this.title = tl;
		this.info = inf;
		
	}
	
	
	function Slider(ti,images,w,h,root,urlprev,urltoogle,urlnext,urltoogle2,css) {
	
		this.t =  ti;
		this.n = images.length;
		this.myInterval = null;
		this.images = images;
		this.counter = -1;
		this.height = h;
		this.width = w;
		this.run = false;
		this.urlprev = urlprev;
		this.urltoogle = urltoogle;
		this.urlnext = urlnext;
		this.urltoogle2 = urltoogle2;
		this.css = css;
		this.toogleStatus = false;
		
		this.ImgIn = function ImgIn() {
		
			Slider.toogleStatus = true;
			
		}
		
		this.ImgOut = function ImgOut() {
		
			Slider.toogleStatus = false;
			window.status='';
		
		}
	
		this.setImage = function setImage(i) {
		
			var container = document.getElementById('sliderimage');
			
			var data = this.images[i];
			
			 var aslider = document.getElementById('aslider');
			 
			 if (aslider != null) {
			 	container.removeChild(aslider);
			 }
			
			 var link = document.createElement('a');
			 link.href = data.url;
			 link.id = 'aslider';
			 var img = document.createElement('img');
			 img.src=data.src;
			 img.alt=data.alt;
			 img.width = this.width;
			 img.height = this.height;
			 img.setAttribute("class", "simg");


			var ie = ((navigator.appVersion.indexOf("MSIE")!=-1)||(navigator.appVersion.indexOf("KHTML")!=-1));
			
			 if (ie) {
	
				 img.onmouseover = this.ImgIn;
			 
			 	img.onmouseout = this.ImgOut;
			 }
			 
			 link.appendChild(img);
			 
			 container.appendChild(link);
			 
			 this.markButton(i);
			 this.setText(i);
			 
			  
			 if (ie) {
			 
				 if (Slider.toogleStatus) {
	
					 window.status=data.url;
					 
				 }
			 }
			 
		}
		
		this.setText = function setText(i) {
		
			var data = this.images[i];
			
			var p = document.getElementById('sliderimagetitle');
			
			p.innerHTML = data.title;
			
			p = document.getElementById('sliderimageinfo');
			
			p.innerHTML = data.info;
		
		} 
		
	
		this.mySlide = function mySlide() {
		
			this.inc();
		
			this.setImage(this.counter);
			
		}
		
		this.markButton = function markButton(n) {
		
			for (i=0;i<this.n;i++) {
				var b = document.getElementById('mb'+i);
				b.className ='sn';
			}
		
			var b = document.getElementById('mb'+n);
			b.className ='sq';
		}
		
		this.setTime = function setTime(myInterval) {
			this.myInterval = window.setInterval("slider.mySlide()",this.t*1000);
		}
		
		this.start = function start() {
		
			this.mySlide();
			this.setTime(this.ti,this.myInterval);
			this.run = true;
		}
		
		this.build = function build() {

			/*addCssDocument(this.css);*/

			addCss('#slider { margin: 5px; padding: 0px; display: block;} #sliderpanel { padding: 0px; margin-top: 3px; margin-left: 0px; margin-right: 0px; } .simg {border: none; margin: 0px; padding: 0px; display:block; inherit: no} #sliderbuttons {width: 70%; float: left; clear: left;} #sliderbuttons input { display: inline; margin-top: 0px; margin-left: 5px; font-size: 10px; border: 1px solid #c54d15; color: #c54d15; font-weight: bold; width: 18px; height: 18px; } #sliderbrowser {text-align: right; width: 20%; float: right; clear: right;} #sliderbrowser a img { margin-top: 0px; margin-left: 5px; display:inline; border: 1px solid #c54c17;} .sn {background-color: #faf7e1;} .sq {background-color: #ffeda8;} #slidertext { clear: both; inherit: no; padding-top: 6px; margin-bottom: 10px; } #sliderimagetitle {inherit: no; margin-top: 5px; color: #c54d15; font-weight: bold;font-size: 16px; } #sliderimageinfo {inherit: no; margin: 5px;color: black;}');
			this.buildControl();
			
			this.buildButtons();
		}
		
		this.go = function go(i) {
		
			if (this.run)
				this.toogle();
			this.counter = i;
			this.setImage(i);
		}
		
		this.buildButton = function buildButton(n) {
		
			var link = document.createElement('input');
			link.type='button';
			link.id = 'mb'+(n-1);
			link.value = n;
			link.onclick=function() {
				slider.go(this.id.substring(2));
			}
			
			return link;
		}
		
		this.buildButtons = function buildButtons() {
		
		
			var sl = document.getElementById('slider');
			sl.style.width = this.width;
			var slm = document.getElementById('sliderimage');
			slm.style.width = this.width;
			slm.style.height = this.height;

		
			var list = document.getElementById('sliderbuttons');
			
			for (i=0;i<images.length;i++) {

				src = root + images[i].src;
				images[i].src = src;
			
				var nImage = i+1;
				
				b = this.buildButton(nImage);
				
				//var li = document.createElement('li');
				
				//li.appendChild(b);
				
				list.appendChild(b);
			 
			}

			//var li = document.createElement('li');

			list = document.getElementById('sliderbrowser');

			var a = document.createElement('a');
			a.href='javascript:slider.prev()';
			a.id='sliderprev';
			var img = document.createElement('img');
			img.alt='';
			img.src=urlprev;
			a.appendChild(img);
			//li.appendChild(a);
			list.appendChild(a);

			//li = document.createElement('li');
			a = document.createElement('a');
			a.href='javascript:slider.toogle()';
			a.id='slidertoogle';
			img = document.createElement('img');
			img.alt='';
			img.src=urltoogle;
			img.id='toogleimg';
			a.appendChild(img);
			//li.appendChild(a);
			list.appendChild(a);

			//li = document.createElement('li');
			a = document.createElement('a');
			a.href='javascript:slider.next()';
			a.id='slidernext';
			img = document.createElement('img');
			img.alt='';
			img.src=urlnext;
			a.appendChild(img);	
			//li.appendChild(a);
			list.appendChild(a);
		
		}
		
		this.prev = function prev() {
		
			if (this.run)
				this.toogle();
				
			this.dec();
			this.setImage(this.counter);
			
		}
		
		this.toogle= function toogle() {
		
			if (this.run) {
				window.clearInterval(this.myInterval);
				this.run = false;
				document.getElementById('toogleimg').src = urltoogle2;
			}else {
			
				this.start();
				document.getElementById('toogleimg').src = urltoogle;
			}
		
		}
		
		
		this.next = function next() {
		
			if (this.run)
				this.toogle();
				
			this.inc();
			this.setImage(this.counter);
		}
		
		this.inc = function inc() {
		
			this.counter =  (this.counter + 1) % this.n;
		
		}
		
		this.dec = function dec() {
		
			if (this.counter == 0)
				this.counter = this.n-1;
			else
				this.counter = (this.counter - 1) % this.n;
		}


		this.buildControl = function buildControl() {


			var htmlControl = '<div id="slider"><div id=\"sliderimage\"></div><div id=\"sliderpanel\"><div id=\"sliderbuttons\">';
		
			htmlControl += '</div><div id=\"sliderbrowser\"></div></div><div id="slidertext"><p id=\"sliderimagetitle\"></p><p id=\"sliderimageinfo\"></p></div></div>';

			document.write(htmlControl);

		}
		
		
	}