function getObj(objID)
{
    if (document.getElementById) {return document.getElementById(objID);}
    else if (document.all) {return document.all[objID];}
    else if (document.layers) {return document.layers[objID];}
}

var pic_nr = -1;

function showPic(i) {
	var pic_holder_holder = document.getElementById('pic_holder_holder');
	pic_nr = i;
	document.getElementById('pic1').src = pic_array[i];
	document.getElementById('pic1').style.visibility = 'visible';
	document.getElementById('pic_holder').style.visibility = 'visible'; 
	
	if (pic_holder_holder.style.visibility != 'visible') { pic_holder_holder.style.left = '100px';  }
	pic_holder_holder.style.visibility = 'visible';
	document.getElementById('pic_holder_holder').style.top = getScrollXY()[1] + 50 + 'px';
	
	//alert(getScrollXY()[1]);
}


function next_pic() {
	if(pic_array.length > pic_nr+1) {
		document.getElementById('pic_holder').style.visibility = 'hidden';
		pic_nr++;
		document.getElementById('pic1').src = pic_array[pic_nr];
		if(pic_array.length > pic_nr) { preload(pic_array[pic_nr+1]); }

		
	} 
}
function prev_pic() {
	if(pic_nr > 0) {
		document.getElementById('pic_holder').style.visibility = 'hidden';
		pic_nr--;
		//document.getElementById('pic_holder').innerHTML = '<img id="pic1" class=\"real_pic\" onmousedown="MD()" onload="picloaded()" src="'+pic_array[pic_nr]+'" /><br />';
		document.getElementById('pic1').src = pic_array[pic_nr];
	}
}


function picloaded() {
	document.getElementById('pic_holder').style.visibility = 'visible';
	opacity('pic_holder', 0, 100, 300);
	}


function preload(img) {
    if (document.images)   {
      preload_image = new Image(25,25); 
      preload_image.src=img; 
    }
}  

function close_pic() { 
	document.getElementById('pic1').style.visibility = 'hidden';
	document.getElementById('pic_holder').style.visibility = 'hidden'; 
	document.getElementById('pic_holder_holder').style.visibility = 'hidden'; 
	}






//**********************************************************************************************************
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    }
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}
//**********************************************************************************************************



function getScrollXY() { 
    var x = 0, y = 0; 
    if( typeof( window.pageYOffset ) == 'number' ) { 
        // Netscape 
        x = window.pageXOffset; 
        y = window.pageYOffset; 
    } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { 
        // DOM 
        x = document.body.scrollLeft; 
        y = document.body.scrollTop; 
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { 
        // IE6 standards compliant mode 
        x = document.documentElement.scrollLeft; 
        y = document.documentElement.scrollTop; 
    } 
    return [x, y]; 
}