var picID = '';
var picInfoArr = new Array();
var nextPic = 0;
var prevPic = 0;
var infoStatus = false;

function hideDocumentForms(){
	i=0;
	while(document.forms[i]){
		
		document.forms[i].style.visibility='hidden';
		i++;
	}

}
function showDocumentForms(){
	i=0;
	while(document.forms[i]){
		
		document.forms[i].style.visibility='visible';
		i++;
	}

}


function displayBigPic(img,full){
	var bigpic = document.getElementById('mid_sized');
	var fullpic = document.getElementById('full_sized');
	bigpic.src = img; 
	fullpic.src = full; 

}

function getLayerObj(thisLayer){
	var theObject;
	theObject = null;
	if (document.getElementById) {
		if (document.getElementById(thisLayer) != null) {
			//alert(document.getElementById('container').style.margin.value);
			theObject = document.getElementById(thisLayer);
			//document.getElementById(thisLayer).style.width = '160px';		
		}
	} 
	else if (document.layers) {
		if (document.layers[thisLayer] != null) {
			theObject = document.layers[thisLayer];			
		}
	} 
	else if (document.all) {
		document.all[thisLayer].style.visibility = 'visible';		
			theObject = document.all[thisLayer];			
	}
	return theObject;
}

function showLayer(thisLayer) {
	var elem = getLayerObj(thisLayer);
	if (elem !=null) {
		elem.style.visibility = 'visible';
	}
	
}

function hideLayer(thisLayer) {
	var elem = getLayerObj(thisLayer);
	if (elem !=null) {
		elem.style.visibility = 'hidden';
	}
}

// legacy stuff, will remove later
function resizeVisibility(thisLayer,h,v) {
	if (document.getElementById) {
		if (document.getElementById(thisLayer) != null) {

			document.getElementById(thisLayer).style.visibility = v;
			document.getElementById(thisLayer).style.height = h;		
		}
	} 
	else if (document.layers) {
		if (document.layers[thisLayer] != null) {
			document.layers[thisLayer].style.visibility = v;			
			document.layers[thisLayer].style.height = h;			
		}
	} 
	else if (document.all) {
		document.all[thisLayer].style.visibility = v;		
		document.all[thisLayer].style.height = h;		
	}
}


function hideSecondary(){
	hideLayer('screener');
	hideLayer('secondary');
	hideLayer('zoomPicCont');
	hideLayer('closer');
	hideLayer('zoomPicTxt');
	hideLayer('previousSet');
	hideLayer('nextSet');
	showDocumentForms();

}
function showSecondary(){
	scroll(0,0);
	hideDocumentForms();
	showLayer('screener');
	showLayer('secondary');
	showLayer('zoomPicCont');
	showLayer('closer');
	hideLayer('zoomPicTxt');
	infoStatus = false;

}

function zoomDetail(info){
	var bgContElem = getLayerObj('zoomPicCont');
	var picElem = getLayerObj('zoomPic');
	var bgElem = getLayerObj('zoomPicBG');
	hideLayer('next');
	hideLayer('previous');
	hideLayer('info');
	picElem.style.backgroundImage = 'url('+info[2]+')';
	bgContElem.style.height = (info[1]+40)+'px';
	picElem.style.height = info[1]+'px';
	bgElem.style.height = (info[1]+2)+'px';
	bgContElem.style.width = info[0]+'px';
	picElem.style.width = info[0]+'px';
	bgElem.style.width = info[0]+'px';
	showSecondary();
	
}

function zoomPhoto(info){
	// expects an array containing all the info to display the picture and related data
	var maxPics = picInfoArr.length - 1;
	var position = info[3];
	var txtDiv = 'picTxt_'+info[3];
	if(position<maxPics){
		
		nextPic = position+1;
	}else{
		nextPic = 0;
	}
	if(position>0){
		prevPic = position-1;
	}else{
		prevPic = maxPics;
	}
	
	var txtSrcElem = getLayerObj(txtDiv);
	var txtDestElem = getLayerObj('zoomPicTxt');
	var bgContElem = getLayerObj('zoomPicCont');
	var picElem = getLayerObj('zoomPic');
	var bgElem = getLayerObj('zoomPicBG');
	picElem.style.backgroundImage = 'url('+info[2]+')';
	bgContElem.style.height = (info[1]+40)+'px';
	picElem.style.height = info[1]+'px';
	bgElem.style.height = (info[1]+2)+'px';
	bgContElem.style.width = info[0]+'px';
	picElem.style.width = info[0]+'px';
	bgElem.style.width = info[0]+'px';
//	alert(bgContElem.style.width);
	txtDestElem.innerHTML = txtSrcElem.innerHTML;
	showSecondary();
	var previousSetButton = getLayerObj('previousSet');
	var nextSetButton = getLayerObj('nextSet');
	if(prevUrl==''){	
		previousSetButton.style.visibility='hidden';
		previousSetButton.href='';
	}else{
		previousSetButton.style.visibility='visible';
	}
	if(nextUrl==''){		
		nextSetButton.style.visibility='hidden'
		nextSetButton.href='';
	}else{
		nextSetButton.style.visibility='visible'
	}

}

function showDetails(){
	if(infoStatus){
		hideLayer('zoomPicTxt');
		infoStatus = false;
	}else{
		
		showLayer('zoomPicTxt');
		infoStatus = true;
	}
	

}
function pageJump(d){
	if(d=='next'){
		nextUrlStr = nextUrl+'&slideshow=1';
		//alert(nextUrlStr);
		document.location=nextUrlStr;
	}else if(d=='prev'){
		prevUrlStr = prevUrl+'&slideshow=1';
		document.location=prevUrlStr;
	}else{
	
		document.location=d;
	}
}

function initZoomer(s){
	theScreen = getLayerObj('screener');
	theSecond = getLayerObj('secondary');
	//alert(document.body.scrollHeight);
	theScreen.style.height=document.body.scrollHeight+'px';
	theSecond.style.height=document.body.scrollHeight+'px';
	if(s==1){
		zoomPhoto(picInfoArr[0]);
	}
}