var d = window.document;

//////////////////////////////////////
//  GENERIC RETURN ELEMENT FUNCTION //
//////////////////////////////////////

function getE( v ) {
  var d = window.document;
  e = false;
  if ( d.getElementById ) {
    e = d.getElementById( v );
  }
  else if ( d.all ) {
    e = d.all[ v ];
  }
  return e;
}

function popQuestion( clickTarget, popID, totalNumber ) {
	/* ---------- Set Up the Variables (Thanks IE) -------------- */
	var divs = document.getElementsByTagName("div");
	var questions = new Array();
	var answers = new Array();
	
	for (i=0; i<divs.length; i++) {
		if (divs[i].className == "question") {
			questions.push(divs[i]);
		}
		
		if (divs[i].className == "answer") {
			answers.push(divs[i]);
		}
	}
	
	/* ------- Clear all the Answer Divs -------- */
	for (i=0; i<answers.length; i++) {
		answers[i].style.display = "none";
	}
	
	/* ------- Reset the Defualt Styles for all Questions ------ */
	for (i=0; i<questions.length; i++) {
		questions[i].style.borderLeft = "none";
		questions[i].style.borderRight = "none";
		questions[i].style.borderBottom = "2px solid #007061";
	
		if (i==0) {
			questions[i].style.borderTop = "none";
		}
	}
	
	/* ----------- Show the Appropriate Answer ------------------ */
	displayDiv = document.getElementById(popID).style;
	displayDiv.display = "block";
	
	/* ----------- Set the Styles to highlight the active element ------------- */
	clickTarget.style.borderLeft = "2px solid #007061";	
	clickTarget.style.borderRight = "2px solid #007061";
	clickTarget.style.borderBottom = "none";
	
	if (clickTarget.getAttribute("id") == questions[0].getAttribute("id")) {
		clickTarget.style.borderTop = "2px solid #007061";
	}
}




/////
//	FOR DETERMINING WHICH PAGE, IF ANY, HAS BEEN SELECTED
//var selectedPage = false;
////////////////////////////////
//	REDRAW PAGE LIST FOR SUB	//
//	PAGE ORDERING							//
////////////////////////////////
function redrawPageList() {
	e = getE( "mediaList" );
	e.innerHTML = "";
	for ( i=1, j=pages.length; i<j; i++ ) {
		var classStr = "";
		//if ( selectedPage == i ) classStr = " class='selected'";
		//s = "\n		<div style='width:120px;float:left;padding:3px;' onclick='selectPage( " + i + " );return false;'" + classStr + "><a href='#'>" + pageTitles[pages[i]] + "</a></div>";
		s = "\n			<div>"+i+" <a href='#' onclick=\"up("+i+");\" ><img src='/_img/up.gif' /></a> <a href='#' onclick=\"down("+i+");\" ><img src='/_img/down.gif' /></a> <a href='#' onclick=\"getE('removeMediaID').value='"+pages[i]+"'; getE('galleryEdit').submit(); \"><img src='/_img/redx.png' /></a> <a href='#' onclick='window.open(\"file-caption-edit.php?id="+pages[i]+"\",\"captionedit\",\"resizable=1,width=350,height=250\");'>"+pageTitles[pages[i]]+"</a> </div>";
		e.innerHTML+= s;
	}
}
/*
////////////////////////////////
//	SELECT A PAGE TO MOVE			//
////////////////////////////////
function selectPage( i ) {
	
	if ( !selectedPage || selectedPage != i ) {
		selectedPage = i;	
	}
	else {
		selectedPage = false;
	}
	redrawPageList();
}
*/
////////////////////////////////
//	MOVE A PAGE UP						//
////////////////////////////////
function up(i) {
	//i = selectedPage;
	
	if ( i && i != 1 ) {
		p1 = pages[i];
		p2 = pages[i-1];
		
		pages[i-1] = p1;
		pages[i] = p2;
		
		selectedPage = i-1;
		redrawPageList();
	}
}
////////////////////////////////
//	MOVE A PAGE DOWN					//
////////////////////////////////
function down(i) {
	//i = selectedPage;
	
	if ( i  && i != ( pages.length-1 ) ) {
		p1 = pages[i];
		p2 = pages[i+1];
		
		pages[i] = p2;
		pages[i+1] = p1;
		
		selectedPage = i+1;
		redrawPageList();
	}
}
////////////////////////////////
//	SAVE THE PAGE ORDER				//
////////////////////////////////
function savePages() {
	s = '';
	for ( i=1, j=pages.length; i<j; i++ ) {
		s+= pages[i] + "|" + i;
		if ( i < j-1 ) s+= "||";
	}

	getE('filesOrder').value = s;
	getE('galleryEdit').submit();
}