var SECONDS_PER_SLIDE = 4;

$(document).ready(function() {

// Setup HoverAccordion for Example 2 with some custom options
$('#accordion').hoverAccordion({
    activateitem: '1',
    speed: 'fast'
});

    var slides = [];
    var player = $('#myPlayer')[0];
    var index = -1;
    var isPlaying = true;

    $('#metadata .slide').each(
	    			function(i) {
	    			    slides.push({
	    			        background: $('#metadata img')[i].src,
	    			        title: $('#metadata .titles')[i].innerHTML,
	    			        text: $('#metadata .text')[i].innerHTML
	    			    });
	    			}
	    		);

    var timer;

    var forwardIndex = function() {
        index = (index < slides.length - 1) ? index + 1 : 0;
    }

    var backupIndex = function() {
        index = (index > 0) ? index - 1 : slides.length - 1;
    }


    var togglePlayState = function() {
        var x = $($('#myPlayer .playStateToggle')[0]);
        if (isPlaying) {
            x.css({ background: 'url("../images/play.png")' });
            clearTimeout(timer);
            isPlaying = false;
        } else {
            x.css({ background: 'url(../images/pause.png)' });
            isPlaying = true;
            forwardIndex();
            playSlide();
        }
    }

    var showSlide = function() {
        var slide = slides[index];
        $(player).css({ background: 'url("' + slide.background + '")' });
        $('.playerText .titles')[0].innerHTML = slide.title;
        $('.playerText .content')[0].innerHTML = slide.text;
    }

    var playSlide = function() {
        if (isPlaying) {
            showSlide();
            timer = setTimeout(
						    function() {
						        forwardIndex();
						        playSlide();
						    },
						    SECONDS_PER_SLIDE * 1000
						);
        }
    }

    $($('#myPlayer .back')[0]).bind("click", function() { backupIndex(); showSlide(); });
    $($('#myPlayer .playStateToggle')[0]).bind("click", togglePlayState);
    $($('#myPlayer .forward')[0]).bind("click", function() { forwardIndex(); showSlide(); });

    forwardIndex();
    playSlide();
});








//Original slideshow

//var slideImageSel = 0;
//var slideImageArr = new Array();
//var slideURLArr = new Array();
//var slideAttrib = new Array();
//var t;

//function nextImage() {

//    if (slideImageSel >= slideImageArr.length - 1) {
//        slideImageSel = 0;
//    } else {
//        slideImageSel++;
//    }

//    var slideImages = document.getElementById('mainTopRightImage').getElementsByTagName('IMG');
//    var slideURL = document.getElementById('mainTopRightImage').getElementsByTagName('A');
//    slideImages[0].src = slideImageArr[slideImageSel];
//    slideURL[1].href = slideURLArr[slideImageSel];
//    setAttrib(slideAttrib[slideImageSel]);
//    switch (slideImageSel) {
//        case 0:
//            ShowHideElementByID('d0');
//            ShowHideElementByID('d3');
//            break;
//        case 1:
//            ShowHideElementByID('d1');
//            ShowHideElementByID('d0');
//            break;
//        case 2:
//            ShowHideElementByID('d2');
//            ShowHideElementByID('d1');
//            break;
//        case 3:
//            ShowHideElementByID('d3');
//            ShowHideElementByID('d2');
//            break;
//    }
//    slideShow();
//}

//function ShowHideElementByID(id) {//admin@flashmx.us
//    if (document.getElementById) { // DOM3 = IE5, NS6
//        if (document.getElementById(id).style.display == "none") {
//            document.getElementById(id).style.display = 'block';
//        } else document.getElementById(id).style.display = 'none';
//    } else {
//        if (document.layers) {
//            if (document.id.display == "none") { document.id.display = 'block'; } else document.id.display = 'none';
//        } else {
//            if (document.all.id.style.visibility == "none") {
//                document.all.id.style.visibility = 'block';
//            } else document.all.id.style.visibility = 'none';
//        }
//    }
//}; ;

//function prevImage() {

//    if (slideImageSel == 0) {
//        slideImageSel = slideImageArr.length - 1;
//    } else {
//        slideImageSel--;
//    }

//    var slideImages = document.getElementById('mainTopRightImage').getElementsByTagName('IMG');
//    var slideURL = document.getElementById('mainTopRightImage').getElementsByTagName('A');

//    slideImages[0].src = slideImageArr[slideImageSel];
//    slideURL[1].href = slideURLArr[slideImageSel];
//    setAttrib(slideAttrib[slideImageSel]);
//    switch (slideImageSel) {
//        case 0:
//            ShowHideElementByID('d0');
//            ShowHideElementByID('d1');
//            break;
//        case 1:
//            ShowHideElementByID('d1');
//            ShowHideElementByID('d2');
//            break;
//        case 2:
//            ShowHideElementByID('d2');
//            ShowHideElementByID('d3');
//            break;
//        case 3:
//            ShowHideElementByID('d3');
//            ShowHideElementByID('d0');
//            break;
//    }
//    slideShow();
//}
//function pauseImage() {
//    clearTimeout(t);
//    t = setTimeout('nextImage()', 8000000000);
//}
//function init_slideShow() {
//    var slideImages = document.getElementById('mainTopRightImage').getElementsByTagName('IMG');
//    var slideURL = document.getElementById('mainTopRightImage').getElementsByTagName('A');
//    slideImages[0].src = slideImageArr[0];
//    slideURL[1].href = slideURLArr[0];
//    setAttrib(slideAttrib[0]);

//    slideShow();
//}
//function slideShow() {
//    clearTimeout(t);
//    t = setTimeout('nextImage()', 8000);
//}
//function setAttrib(href) {
//    var slideURL = document.getElementById('mainTopRightImage').getElementsByTagName('A');
//    slideURL[0].href = href;
//    if (href == '') {
//        slideURL[0].className = 'noattribution';
//    }
//    else {
//        slideURL[0].className = 'attribution';
//    }
//}


//function clearIf(objinput, smatch) {
//    if (objinput.value == smatch) {
//        objinput.value = '';
//    }
//}