function gImgOn(el){
		el.style.borderColor='#ff0000';
	}
	function gImgOff(el){
		el.style.borderColor='#ffffff';
	}
	function setGImg(id){
		document.getElementById('gBigImg').src='izlog/img/14/b/'+id+'.jpg';
	}
	function setGImgNEW(id,aID){
		document.getElementById('gBigImg').src='articles/gallery/'+aID+'/'+id+'.jpg';
	}
    function setOpacity(value){
        
        if(navigator.appName=='Microsoft Internet Explorer'){
            imgBody.style.filter = 'alpha(opacity=' + value*10 + ')';
        }else{
            imgBody.style.opacity = value/10;
        }
    }
    var slideBody;
    var numOfImages;
    var currentWidth
    var newWidth;
    var currentHeight;
    var newHeight;
    var currentImage=new Image();
    var currentImageID;
    var leftImage= new Image();
    var rightImage= new Image();
    var imgBody;
    var imgDescription;
    var galleryArrows;
    var galleryDescription;
    var galleryImageNumber;
    var galleryClosed=false;
    var galleryPath;
    var galleryStart=true;
    var imageUrl;
    function getScrollPosition() {
        var x = 0;
        var y = 0;
        if( typeof( window.pageYOffset ) == 'number' ) {
            x = window.pageXOffset;
            y = window.pageYOffset;
        } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
            x = document.documentElement.scrollLeft;
            y = document.documentElement.scrollTop;
        } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
            x = document.body.scrollLeft;
            y = document.body.scrollTop;
        }
        var position = {
            'x' : x,
            'y' : y
        }
        return position;
    }    
    function setNewImageSize(nextImage){
        newWidth=nextImage.width+20;
        newHeight=nextImage.height+20;
        //galleryArrows.style.height=newHeight-20;
    }
    function setLeftAndRightImage(){
        if(currentImageID>1)leftImage.src='empClubGallery/large/6_'+(currentImageID-1)+'.jpg';    
        if(currentImageID<(numOfImages))rightImage.src='empClubGallery/large/6_'+(currentImageID+1)+'.jpg';             
    }
    function showGallery(image){
        var i=image.split(':');
        galleryPath=i[0];
        galleryClosed=false;
        falleryStart=true;
        galleryDescription=document.getElementById('galleryDescription');
        galleryImageNumber=document.getElementById('galleryImageNumber');
        if( window.innerHeight && window.scrollMaxY ){
            // Firefox 
            pageHeight = window.innerHeight + window.scrollMaxY;
        }else if( document.body.scrollHeight > document.body.offsetHeight ){
            // all but Explorer Mac
            pageHeight = document.body.scrollHeight;
        }else{ 
            // works in Explorer 6 Strict, Mozilla (not FF) and Safari
            pageHeight = document.body.offsetHeight + document.body.offsetTop; 
        }
        var el=document.getElementById('gallery');
        el.style.height=pageHeight;
        el.style.display='block';
        var s=getScrollPosition();
        el=document.getElementById('galleryBody');
        el.style.top=s.y+50;
        el.style.display='block';
        currentImage.src='../'+galleryPath+'_'+i[1]+'.jpg';
        leftImage.src='../'+galleryPath+'_'+(parseInt(i[1])-1)+'.jpg';
        rightImage.src='../'+galleryPath+'_'+(parseInt(i[1])+1)+'.jpg';
        currentWidth=300+20;
        currentHeight=250+20;
        newWidth=parseInt(i[2])+20;
        newHeight=parseInt(i[3])+20;
        galleryArrows=document.getElementById('galleryArrows');
        slideBody=document.getElementById('slideBody');
        imgBody=document.getElementById('imgBody');
        resizeSlideBodyWidth();
        currentImageID=i[1];
        numOfImages=i[4];
    }
    function getImage(val){
        var show=false;
        if(val=='left' && currentImageID!=1){
            show=true;
            currentImageID--;
            imageUrl=galleryPath+'_'+currentImageID+'.jpg';
            setNewImageSize(leftImage);
        }
        if(val=='right' && currentImageID!=numOfImages){
            show=true;
            currentImageID++;
            imageUrl=galleryPath+'_'+currentImageID+'.jpg';
            setNewImageSize(rightImage);
        }
        if(show){
            imgBody.style.backgroundImage='url(empClubGallery/loader.gif)';        
            galleryDescription.style.height=0;        
            setLeftAndRightImage();        
            imgBody.style.backgroundImage='url(../)';
            slideBody=document.getElementById('slideBody');
            resizeSlideBodyWidth();
            if(navigator.appName=='Microsoft Internet Explorer'){
                imgBody.style.filter = 'alpha(opacity=' + 0*10 + ')';
            }else{
                imgBody.style.opacity = 0/10;
            }
        }
    }
    function resizeSlideBodyWidth(){
        var step=5;
        if(currentWidth!=newWidth && currentWidth<newWidth){
            if((newWidth-currentWidth)<5)step=1;
            currentWidth=currentWidth+step;
            slideBody.style.width=currentWidth;
            setTimeout('resizeSlideBodyWidth()',1);
        }else if(currentWidth!=newWidth && currentWidth>newWidth){
            if((currentWidth-newWidth)<5)step=1;
            currentWidth=currentWidth-step;
            slideBody.style.width=currentWidth;
            setTimeout('resizeSlideBodyWidth()',1);
        }else{
            resizeSlideBodyHeight();
        }
    }
    function resizeSlideBodyHeight(){
        var step=5;
        if(currentHeight!=newHeight && currentHeight<newHeight){
            if((newHeight-currentHeight)<5)step=1;
            currentHeight=currentHeight+step;
            slideBody.style.height=currentHeight;
            imgBody.style.height=currentHeight-20;
            setTimeout('resizeSlideBodyHeight()',1);
        }else if(currentHeight!=newHeight && currentHeight>newHeight){
            if((currentHeight-newHeight)<5)step=1;
            currentHeight=currentHeight-step;
            slideBody.style.height=currentHeight;
            if((currentHeight-20)>=0)imgBody.style.height=currentHeight-20;
            setTimeout('resizeSlideBodyHeight()',1);
        }else{
            if(galleryStart && !galleryClosed){
                imageUrl=galleryPath+'_'+currentImageID+'.jpg';
                imgBody.style.backgroundImage='url('+imageUrl+')';
                galleryStart=false;
            }
            if(galleryClosed){
                imgBody.style.backgroundImage='url()';
            }else{
                imgBody.style.backgroundImage='url('+imageUrl+')';
                slideBody.style.height=currentHeight+35;
                galleryImageNumber.innerHTML='Photo '+currentImageID+' od '+numOfImages;
                galleryDescription.style.height=35;
                for (var i=0;i<11;i++){
                    setTimeout('setOpacity('+i+')',100*i);
                } 
                galleryArrows.style.height=newHeight-20;       
            }
        }
    }
    function closeGallery(){
        galleryImageNumber.innerHTML='';
        galleryDescription.style.height=0;
        newWidth=0;
        newHeight=0;
        galleryClosed=true;
        galleryStart=true;
        galleryBody.style.display='none';        
        gallery.style.display='none';
        resizeSlideBodyWidth();
    }