var variableslide=new Array()

//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]


clickcode1 = "Item = {type:'wmp', url:'/inc_files/2009-06-11-cn-so-concert.wmv', width:640, height:480, title:'Charles Nenner sings at Special Olympics Connecticut Concert', hd_type:'wmp', hd_url:'/inc_files/2009-06-11-cn-so-concert-high.wmv', hd_width:640, hd_height:480};showVideo();"
clickcode2 = "Item = {type:'wmp', url:'/inc_files/cnsings.wmv', width:640, height:480, title:'November 21, 2011, Charles Nenner Sings', hd_type:'wmp', hd_url:'/inc_files/charlesnennersings.wmv', hd_width:640, hd_height:480};showVideo();"
content1 = '<a style="cursor:pointer" class="gray1" onclick="' + clickcode1 + '">June 11, 2009</a><br/><a style="cursor:pointer" class="gray1" onclick="' + clickcode1 + '">Charles Nenner sings at Special Olympics Connecticut Concert</a>'
content2 = '<a style="cursor:pointer" class="gray1" onclick="' + clickcode2 + '">November 21, 2011</a><br/><a style="cursor:pointer" class="gray1" onclick="' + clickcode2 + '">Charles Nenner Sings</a>'

variableslide[0]=['thumbnails/2009-06-11-cn-so-concert.gif','#', content1, clickcode1]
variableslide[1]=['thumbnails/cnsings.jpg','#', content2, clickcode2]

//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='196px' //set to width of LARGEST image in your slideshow
var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor=''

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=7000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById

for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}

var currentslide=0

function rotateimages(){

contentcontainer=''
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'" onclick="' + variableslide[currentslide][3] + '">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a><br>'

if (variableslide[currentslide][2]!="")
contentcontainer+=  variableslide[currentslide][2];

if(currentslide == 0)
$('#featuredtable').background="images/fabg.gif";
else
$('#featuredtable').background="images/fa2bg.gif";

if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++

setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
//document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}

if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider