function slideshow(id, loc, duration){
  var ul = $(id);
  var li = ul.getElements('li');
  var currIndex = 0;
  var interval;
  
  li.each(function(img, i) {
    if(i > 0) {
	  img.set('opacity', 0);
	  $(loc + i).style.display = "none";
	}
  });

  if(li.length > 1){
    var show = function() {
	  li[currIndex].fade('out');
	  $(loc + currIndex).style.display = "none";
	  if(currIndex < li.length - 1){
	    currIndex = currIndex + 1;
	    $(loc+ currIndex).style.display = "block";
        li[currIndex].fade('in');
	  }else{
	    currIndex = 0;
	    $(loc + currIndex).style.display = "block";
	    li[currIndex].fade('in');
	  }
    };
    window.addEvent('load', function(){
  	  interval = show.periodical(duration);							   
    });
  }
}

function leftScroll(intMargin){
	if((intMargin%304) == 0){
	  $('wideEvent').set('tween', {transition: Fx.Transitions.Quad.easeOut});
	  $('wideEvent').tween('margin-left', intMargin);	  
	}
	
}

function rightScroll(intMargin){
	if((intMargin%304) == 0){
	  $('wideEvent').set('tween', {transition: Fx.Transitions.Quad.easeOut});
	  $('wideEvent').tween('margin-left', intMargin);
	}
}
function getMargin(dir){
	var arrEvt = new Array();
	var strHtml = document.getElementById('wideEvent').innerHTML;
	//re = new RegExp("<div class=\"event\"", "gi");
	re = new RegExp("id=\"*evt", "gi");
	for(i=0;i <= strHtml.match(re).length;i++){
		arrEvt[i] = "evt" + i;
	}

	if(dir == "left"){
	  var intMargin = document.getElementById("wideEvent").style.marginLeft;
	  intMargin = intMargin.replace("px", "");
	  intMargin = intMargin - 304;
      var numEvts = arrEvt.length;
	  var intLastEvtMargin = (numEvts * -304) + 912;
		//alert(arrEvt.length + "|" + intMargin + "|" + intLastEvtMargin);
	  if(intMargin == intLastEvtMargin){
		document.getElementById('lftScroll').innerHTML = "&nbsp;"; 
	  }else{
		leftScroll(intMargin);
	  }
	  if(intMargin < 0){
		document.getElementById('rtScroll').innerHTML = "<img src=\"/images/arrowRt.png\" width=\"39\" height=\"37\" border=\"0\" alt=\"scroll events left\" onclick=\"getMargin('right')\" />"; 
	  }else if(intMargin == 0){
		document.getElementById('rtScroll').innerHTML = "&nbsp;"; 		
	  }
	}else if(dir == "right"){
	  var numEvts = arrEvt.length;
	  var intMargin = document.getElementById("wideEvent").style.marginLeft;
	  intMargin = intMargin.replace("px", "");
	  intMargin = parseInt(intMargin) + 304;
	  if(intMargin <= 0){
		document.getElementById('rtScroll').innerHTML = "<img src=\"/images/arrowRt.png\" width=\"39\" height=\"37\" border=\"0\" alt=\"scroll events left\" onclick=\"getMargin('right')\" />";        
		document.getElementById('lftScroll').innerHTML = "<img src=\"/images/arrowLft.png\" width=\"39\" height=\"37\" border=\"0\" alt=\"scroll events right\" onclick=\"getMargin('left')\" />";
        rightScroll(intMargin);
	  }else if(intMargin > 0 || isNaN(intMargin)){
		document.getElementById('rtScroll').innerHTML = "&nbsp;";
				
	  }
	}
}