var objPictureList
var items
var captions

function open_picture(){

    objFull= getElement('div-picture-fullscreen')
    objFull.style.display = 'block'
    objPictureListPicture= getElement('div-picture')
    objPictureListPicture.style.display = 'block'
    
    objPictureBtn = getElement("div-picture-btn")
    objPictureBtn.style.display = 'block'
}

function close_picture(){
    objFull= getElement('div-picture-fullscreen')
    objFull.style.display = 'none'
    objPictureListPicture= getElement('div-picture')
    objPictureListPicture.style.display = 'none'
    
    objPictureBtn = getElement("div-picture-btn")
    objPictureBtn.style.display = 'none'
    
    objPicture = getElement("picture")
    objPicture.src=""
    

}

var img= new Image()

img.onload = function(){
    borderSize = 10
    offsetH = 20
    w = this.width;
    h = this.height;
    open_picture();
    l = Math.round( (document.body.clientWidth - w) / 2 );
    t = Math.round( (document.body.clientHeight - h) / 2 ) ;
    arrPageSize = getPageSize();
    pageWidth = getPageSize()[0];
    pageHeight = getPageSize()[1];
    objFull = getElement("div-picture-fullscreen")
    objFull.style.top = 0;
    objFull.style.width =  pageWidth;
    objFull.style.height =  pageHeight; 
    
    
    
    objPictureBtn = getElement("div-picture-btn")
    objBtnNavigationList = getElement("btnNavigationList")
    
    objPicture = getElement("picture")
    if ( ( h + 2*borderSize +  objPictureBtn.clientHeight + 2*offsetH ) > document.body.clientHeight ){

        objPicture.height = document.body.clientHeight - (2*borderSize) - objPictureBtn.clientHeight- 2*offsetH
        objPicture.width =  ( w * objPicture.height ) / h
        h = objPicture.height;
        w = objPicture.width;
    }else{
        objPicture.height = h
        objPicture.width = w
    }    
    objPictureBtn.style.width = w;
    if ( objPictureList ){
           
            objBtnNavigationList.style.display='block'
    }else{
        objBtnNavigationList.style.display='none'
    }        

    objPicture.src = this.src
    //objPicture.style.border = "10px solid #fff";
    objDivPicture = getElement("div-picture")
    objDivPicture.style.height = h + objPictureBtn.clientHeight
    objDivPicture.style.width = w
    objDivPicture.style.border = borderSize+"px solid #fff";
    objDivPicture.style.left =Math.round( (document.body.clientWidth - w) / 2 ) + document.body.scrollLeft;
    objDivPicture.style.top =Math.round( (document.body.clientHeight - h) / 2 ) +  document.body.scrollTop - objPictureBtn.clientHeight;

}



function next_picture(){
    bOK = false;
    objPicture = getElement("picture")
    pictureStr = objPicture.src.substring(objPicture.src.lastIndexOf("max_") +4 ) 
    for (i = 0; i < items.length; i++) {
        if ( pictureStr == items[i].src.substring(items[i].src.lastIndexOf('/')+1 ) ){
            j = i
    	    bOK = true
    	    break;
    	}
	}
	if( bOK == false ) { return 0 }
	//Nastêpny obrazek
	
	for (i = j+1; i < items.length; i++) {
        img.src = items[i].src.substring(0, items[i].src.lastIndexOf('/') +1 ) + 
	        "max_" +  items[i].src.substring(items[i].src.lastIndexOf('/')+1 )
		if (items.length == captions.length ){
		     getElement("picture-caption").innerHTML = captions[i].innerHTML;
        }    
        return 1;
	}
	//W przypadku kiedy nie ma nastêpnego
	close_picture();
}

function prev_picture(){
    bOK = false;
    objPicture = getElement("picture")
    pictureStr = objPicture.src.substring(objPicture.src.lastIndexOf("max_") +4 ) 
    for (i = items.length-1; i >= 0; i--) {
        if ( pictureStr == items[i].src.substring(items[i].src.lastIndexOf('/')+1 ) ){
            j = i
            bOK = true
            break;
	    }
	}
	if( bOK == false ) { return 0 }
	//Poprzedni obrazek

    for (i = j-1; i >= 0; i--) {
        img.src = items[i].src.substring(0, items[i].src.lastIndexOf('/') +1 ) + 
            "max_" +  items[i].src.substring(items[i].src.lastIndexOf('/')+1 )
        if (items.length == captions.length ){
            getElement("picture-caption").innerHTML = captions[i].innerHTML;
            
        }    		        
        return 1;
    }
	
	//W przypadku kiedy nie ma nastêpnego
	close_picture();

}

function enlarge( obrazek ){
    
    img.src = obrazek	
    pictureStr = obrazek.substring(obrazek.lastIndexOf("max_") +4 ) 
    if( items ){
    for (i = 0; i < items.length; i++) {
        if ( pictureStr == items[i].src.substring(items[i].src.lastIndexOf('/')+1 ) ){
            j = i
    	    bOK = true
    	    break;
    	}
	}
	
	if (items.length == captions.length ){
            getElement("picture-caption").innerHTML = captions[j].innerHTML;
            
        }    	
    }    
    return true;	
}

function pageAfterLoad(){
    objPictureList = getElement("pictures-list")
    if ( objPictureList ){
        items = objPictureList.getElementsByTagName("img")
        captions = document.getElementsByClassName(objPictureList,"img-caption")
    }

}


    
addEvent( document,'keydown',function(e){

    if (!e) e = window.event;
	if (!e.target) e.target = e.srcElement; // ie
	if (e.target.form) return; 
	

	switch (e.keyCode) {
	    case 27:
	    
	        close_picture();
	        break;
		case 39: // Arrow right
		    if ( objPictureList ){
                next_picture();
            }    
			break;
		
		case 37: // Arrow left
		    if ( objPictureList ){
                prev_picture();
            }
			break;
}

}, false);