var pic1 = new Array("Images/Screenshots/Thumbs/Main.gif", "Images/Screenshots/Main.gif",  "CSMD Main Screen");
var pic2 = new Array("Images/Screenshots/Thumbs/MainAdvanced.gif", "Images/Screenshots/MainAdvanced.gif", "CSMD Advanced Main Screen");
var pic3 = new Array("Images/Screenshots/Thumbs/CreateNewPlaylist.gif", "Images/Screenshots/CreateNewPlaylist.gif", "Create New Playlist Screen");
var pic4 = new Array("Images/Screenshots/Thumbs/SetupPlaylist.gif", "Images/Screenshots/SetupPlaylist.gif", "Setup Playlist Screen");
var pic5 = new Array("Images/Screenshots/Thumbs/AddTrack.gif", "Images/Screenshots/AddTrack.gif", "Add Track Screen");
var pic6 = new Array("Images/Screenshots/Thumbs/AddTrackAdvanced.gif", "Images/Screenshots/AddTrackAdvanced.gif", "Advanced Add Track Screen");
var pic7 = new Array("Images/Screenshots/Thumbs/ChoosePlaylist.gif", "Images/Screenshots/ChoosePlaylist.gif", "Choose Playlist Screen");
var pic8 = new Array("Images/Screenshots/Thumbs/PlaylistValidator.gif", "Images/Screenshots/PlaylistValidator.gif", "Playlist Validator Screen");
var pic9 = new Array("Images/Screenshots/Thumbs/HotKeys.gif", "Images/Screenshots/HotKeys.gif", "Hot Key Setup Screen");
var pic10 = new Array("Images/Screenshots/Thumbs/HouseMusic.gif", "Images/Screenshots/HouseMusic.gif", "CD Player / House Music Player Screen");
var pic11 = new Array("Images/Screenshots/Thumbs/HouseMusicDrive.gif", "Images/Screenshots/HouseMusicDrive.gif", "House Music Drive Selector Screen");
var pic12 = new Array("Images/Screenshots/Thumbs/RecordSetup.gif", "Images/Screenshots/RecordSetup.gif", "Recorder Setup Screen");
var pic13 = new Array("Images/Screenshots/Thumbs/Track.gif", "Images/Screenshots/Track.gif", "On Screen Track Display");
var pic14 = new Array("Images/Screenshots/Thumbs/AutoCrossFade.gif", "Images/Screenshots/AutoCrossFade.gif", "Auto Cross Fade Control");
var pic15 = new Array("Images/Screenshots/Thumbs/AutofadeAdv.gif", "Images/Screenshots/AutofadeAdv.gif", "Advanced Auto Fade Control");

var enabled = false;

var pics = new Array(pic1, pic2, pic3, pic4, pic5, pic6, pic7, pic8, pic9, pic10, pic11, pic12, pic13, pic14, pic15);

var currentpic;


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

function prepareGallery() {
	
	var gallery = document.getElementById("gallery");
	var link1 = document.getElementById("link1");
    var link2 = document.getElementById("link2");
    var link3 = document.getElementById("link3");
    var leftbutton = document.getElementById("moveleft");
    var rightbutton = document.getElementById("moveright");
	
	link1.onclick = function(){
        return showPic(this);
    }
    
    link2.onclick = function(){
        return showPic(this);
    }
    
    link3.onclick = function(){
        return showPic(this);
    }
    
    leftbutton.onclick = function(){
        return moveLeft();
    }

    rightbutton.onclick = function(){
        return moveRight();
    }
   
    loadImages(0);
    
    currentpic = 0;
    
}

function showPic (whichpic){
	var source = whichpic.getAttribute("href");
	var placeholder = document.getElementById("photo");
	placeholder.setAttribute("src", source);
    
    var text = whichpic.getAttribute("title") ? whichpic.getAttribute("title") : "";
    var description = document.getElementById("description");
    description.firstChild.nodeValue = text;
	
	return false;
}

function moveLeft(){
    if(currentpic != 0){
        currentpic -= 1;
        loadImages(currentpic)
    }
    return false;
}

function moveRight(){
    if(currentpic < (pics.length - 3)){
        currentpic += 1;
        loadImages(currentpic)
    }
    return false;
}

function loadImages(startpoint){
    var linkElement = document.getElementById("link1");
    var picElement = document.getElementById("photo1");   
    var pic = pics[startpoint + 0];
    setDetails(pic, linkElement, picElement);
    
    var linkElement = document.getElementById("link2");
    var picElement = document.getElementById("photo2");   
    var pic = pics[startpoint + 1];
    setDetails(pic, linkElement, picElement);
    
    var linkElement = document.getElementById("link3");
    var picElement = document.getElementById("photo3");   
    var pic = pics[startpoint + 2];
    setDetails(pic, linkElement, picElement);
        
    return false;
}

function setDetails(pic, linkElement, picElement){
    linkElement.setAttribute("href", pic[1]);
    linkElement.setAttribute("title", pic[2]);
    picElement.setAttribute("src", pic[0]);
    picElement.setAttribute("alt", pic[2]);
}


addLoadEvent(prepareGallery);