var PicCount = 0;

function loadPics() {

    if (Pics == null || Pics.length<1)
    {
        initLightbox();
        return false;
    }

    // get the last picture ID
    var lastID = Pics.length-1;
    var Picture = Pics[lastID]['picid'];

    SlideNode = document.getElementById('slideShow');

    var newPicDiv = document.createElement('div');
    var newAttribClass = document.createAttribute("class");
    newAttribClass.nodeValue = 'pics';
    newPicDiv.setAttributeNode(newAttribClass);
    
    
    var newAnchor = document.createElement('a');
    var newAttribAnchorRel = document.createAttribute('rel');
    newAttribAnchorRel.nodeValue = 'lightbox[newest]';
    newAnchor.setAttributeNode(newAttribAnchorRel);    
    var newAttribAnchorSrc = document.createAttribute('href');
    newAttribAnchorSrc.nodeValue = 'gallery/midi/' + Pics[lastID]['filename']; // 'gallery_pics.php?do=midi&pic=' + Picture; // 
    newAnchor.setAttributeNode(newAttribAnchorSrc);

	var newPicLinkDiv = document.createElement('div');
    var newAttribLinkClass = document.createAttribute("class");
    newAttribLinkClass.nodeValue = 'piclink';
    newPicLinkDiv.setAttributeNode(newAttribLinkClass);

	// new anchor below the pic:
	var newViewAnchor = document.createElement('a');
	var newAttributeViewAnchor = document.createAttribute('href');
	newAttributeViewAnchor.nodeValue = 'gallery_pics.php?do=original&pic=' + Picture;
	newViewAnchor.setAttributeNode(newAttributeViewAnchor);
	// new text node...
	var newViewAnchorText = document.createTextNode('view');
	newViewAnchor.appendChild(newViewAnchorText); 
	
	newPicLinkDiv.appendChild(newViewAnchor);
    
    var newPic = document.createElement('img');
    
    var newAttribSrc = document.createAttribute("src");
    newAttribSrc.nodeValue = 'gallery/mini/' + Pics[lastID]['filename'];
    newPic.setAttributeNode(newAttribSrc);
    
    var newAttribId = document.createAttribute("id");
    newAttribId.nodeValue = Picture;
    newPic.setAttributeNode(newAttribId);
    
    var newAttribName = document.createAttribute("name");
    newAttribName.nodeValue ='picprev';
    newPic.setAttributeNode(newAttribName);
    
    // append the image to the anchor
    newAnchor.appendChild(newPic);
    
    // append the anchor to the div
    newPicDiv.appendChild(newAnchor);
	newPicDiv.appendChild(newPicLinkDiv);
    
    SlideNode.appendChild(newPicDiv);
    
    /*if (PicCount == 5)
    {
        // append new div with clear:both;
        var newBreak = document.createElement('div');
        
        var newBreakStyleAttrib = document.createAttribute('style');
        newBreakStyleAttrib.nodeValue = 'clear:both';
        newBreak.setAttributeNode(newBreakStyleAttrib);
        
        if (newBreak)
        SlideNode.appendChild(newBreak);        
    }*/

    // last Picture
    myObj = document.getElementById(Picture);

    myObj.style.display = '';
    myObj.style.filter="alpha(opacity=0)";

    alphaValue = 0;
    dimmPic();
    PicCount++;
}


function dimmPic()
{
    if (alphaValue >= 100)
    {
        // delete recent pic from the array
        if (Pics != null && Pics.length > 0)
        {
            Pics.pop();
            window.setTimeout('loadPics();', waitTime);
            return;
        }
    }

    alphaValue+=stepWidth;

    if (myObj.filters)
    {
        myObj.filters.alpha.opacity = alphaValue;
    }
    else
    {
        myObj.style.MozOpacity = alphaValue/100;
    }
    window.setTimeout("dimmPic()", reloadTime);
}

// function to add events to the page in a cross-browser manner
function addEvent(objObject, strEventName, fnHandler){ 
	// DOM-compliant way to add an event listener 
 	if (objObject.addEventListener){
		objObject.addEventListener(strEventName, fnHandler, false); 
	}
	// IE/windows way to add an event listener 
	else if (objObject.attachEvent){
		objObject.attachEvent('on' + strEventName, fnHandler); 
	}
}
Pics.reverse();
addEvent(window,'load', loadPics);