var peoplePane = Class.create();
var showAllInfo = 0;
var wSearching;
peoplePane.prototype = {
	_parentDIV : null,
	_curUser : null,
	_show : null,
	_overSection : null,
	_info : null,
	_hideEdit : null,


	initialize : function (divID, show, hideEdit) {
		this._hideEdit = (hideEdit) ? hideEdit : 0;
		this._curUserObj = $(divID);
		this._show = show;
		this._curUser = divID.replace(/^_/,'');
		this.positionLayers();
		
	}, 

	positionLayers : function() {

		if (this._show == 1) var imgDisplay = "block";
		else var imgDisplay = "none";
		var curBack = $(this._curUser+'_Back');
		
		if ($(this._curUser+'_InfoBut')) {
			if (editingTags == 1 || this._hideEdit == 1) {
				showArea('editButtons_'+this._curUser);
				hideArea('infoButtons_'+this._curUser);
			} else {
				showArea('infoButtons_'+this._curUser);
				hideArea('editButtons_'+this._curUser);
			}
				
		
			
			if ($(this._curUser+'_Info')) $(this._curUser+'_Info').style.display='block';
			if ($(this._curUser+'_Shout')) $(this._curUser+'_Shout').style.display='none';
			if ($(this._curUser+'_Watch')) $(this._curUser+'_Watch').style.display='none';
			
			var imgObj = $(this._curUser+'_InfoBut');
			var curSrc = imgObj.src;
			imgObj.src = curSrc.replace("Off", "On");
			var imgObj = $(this._curUser+'_ShoutBut');
			var curSrc = imgObj.src;
			imgObj.src = curSrc.replace("On", "Off");
		}
		
		curBack.style.opacity = '.82';
		curBack.style.filter ='alpha(opacity=82)';
		curBack.style.display = imgDisplay;
		
		curShout = $(this._curUser+'_Tools');
		curShout.style.display = imgDisplay;
	
		Position.clone(this._curUserObj, curBack);
		Position.clone(this._curUserObj, curShout);
		
		this.overListener = this.selectPerson.bindAsEventListener(this);
		Event.observe(this._curUserObj, 'mouseover', this.overListener);
		

		this.overShoutListener = this.selectPerson.bindAsEventListener(this);
		Event.observe(curShout, 'mouseover', this.overShoutListener);
		
		this.outListener = this.deselectPerson.bindAsEventListener(this);
		Event.observe(this._curUserObj, 'mouseout', this.outListener);
		
		this.outShoutListener = this.deselectPerson.bindAsEventListener(this);
		Event.observe(curShout, 'mouseout', this.outShoutListener);
		
		
		
	
	},
	
	selectPerson : function() { 
		$(this._curUser+'_Tools').style.display='block';
		$(this._curUser+'_Back').style.display='block';
		this._overSection = true;
	},
	
	deselectPerson : function() { 
		this._overSection = false;
		

		if ((showAllInfo == 0 && editingTags == 0) ) { 
			this.deselectListener = this.deselectPersonAction.bindAsEventListener(this);
			setTimeout(this.deselectListener, 10);
		}
	},
	
	deselectPersonAction : function () {
		if (this._overSection == false) {
			$(this._curUser+'_Tools').style.display='none';
			$(this._curUser+'_Back').style.display='none';
		}
	}
}

Event.observe(window, 'load', function() {
	if ($('inlinePane')) pickShouts('inlinePane', 0, 0);
});

function pickShouts(peopleArea, show, hideEdit) {
	if ($(peopleArea)) {
		var peopleArea = $(peopleArea);
		var peopleDIVS = peopleArea.getElementsByTagName('div');
		for (var i=0;i<peopleDIVS.length;i++) {
			thisObj = peopleDIVS[i];
			var thisClass = thisObj.className;
			if (thisClass == "peopleWrap") {
				pp = new peoplePane(thisObj.id, show, hideEdit);
			}
		
		}
	}

}

function changeTool(selImg, curTool) {
	inObj = document.getElementById(curTool);
	curUser = curTool.replace("_Tools", "");
	toolImages = inObj.getElementsByTagName('img');
	for (i=0;i<toolImages.length;i++) {
		curSrc = toolImages[i].src;
		if (selImg == curSrc) {
			toolImages[i].src = curSrc.replace("Off", "On");
			if (toolImages[i].id.match("_InfoBut")) {
				curAction = "_Info";
			}
			if (toolImages[i].id.match("_ShoutBut")) {
				curAction = "_Shout";
			}
			if (toolImages[i].id.match("_WatchBut")) {
				curAction = "_Watch";
			}
			
			
		}
		else toolImages[i].src = curSrc.replace("On", "Off");
		
	}
	if ($(curUser+'_Info')) $(curUser+'_Info').style.display='none';
	if ($(curUser+'_Shout')) $(curUser+'_Shout').style.display='none';
	if ($(curUser+'_Watch')) $(curUser+'_Watch').style.display='none';
	$(curUser+curAction).style.display='block';
	
}

function togglePersonInfo() {
	var obj = ($('viewAllInfo')) ? $('viewAllInfo') : false;	
	if (!showAllInfo) {
		if (obj) obj.innerHTML = "View All Images";
		showAllInfo = 1;
		editingTags = 0;
		pickShouts('inlinePane', 1, 0);
	}
	else {
		if (obj) obj.innerHTML = "View All Info";
		showAllInfo = 0;	
		editingTags = 0;
		pickShouts('inlinePane', 0, 0);
	}
}

var editingTags = 0;
function togglePersonTagEdit(divArea) {
	var buttonSrc;
	var divArea = (divArea) ? divArea : 'inlinePane';
	var obj = ($('viewAllInfo')) ? $('viewAllInfo') : false;	
	
	if ($('edittag_watchlist')) {
		buttonSrc = $('edittag_watchlist').src;
		if (!editingTags) { //show now
			$('reorderWatch').style.display='inline';
			$('edittag_watchlist').src = buttonSrc.replace('btn_edittag_watchlist.gif', 'btn_BacktoGallery.gif');
		} else {
			hideArea('reorderWatch');
			$('edittag_watchlist').src = buttonSrc.replace('btn_BacktoGallery.gif', 'btn_edittag_watchlist.gif');
		}
	}
	
	if (!editingTags) {
		showAllInfo = 0;
		editingTags = 1;
		if (obj) obj.innerHTML = "View All Info";
		pickShouts(divArea, 1);
	}
	else {
		editingTags = 0;
		showAllInfo = 0;
		if (obj) obj.innerHTML = "View All Info";
		pickShouts(divArea, 0);
	}
}

Event.observe(window, 'resize', function() { if (editingTags == 1 || showAllInfo == 1) pickShouts('inlinePane', 1); else pickShouts('inlinePane', 0); } );