/* IMAGE POP UPS */

function showPopupContent( url, width, height, data ) {

	var takeOver = new Element( 'div', { id: 'showMask', name: 'showWarning', styles : {
									  	'position': 'absolute',
										'top': '0px',
										'left': '0px',
										'height': window.getScrollHeight()  + 'px',
										'width':'100%',
										'background-color':'#000000',
										'filter' : 'alpha(opacity=90)',
										'opacity': '0.9',
										'z-index':'900'
									  }
							   } );
								  
	var takeOverContent = new Element( 'div', { id: 'showWarning', 'class': 'contentContainer', styles : {
									  	'position': 'absolute',
										'top': ( window.getScrollTop() + (window.getHeight()/2) - (height/2) ) - 50 + 'px',
										'left': '50%',
										'margin-left': -(width/2) - 47 + 'px',
										'width': width + 'px',
										'z-index':'1000'
									  }
								} );
	

	
	takeOver.addEvent('click', function() {
		killPopUp();										  						  
	});


	//takeOverImg.injectTop(takeOverContent);
	
	takeOverContent.setHTML('<img src="/template/img/buttons/Loading.gif" alt="image" width="20" height="20" />');
	
	takeOverContent.injectTop(takeOver);
	takeOver.injectBefore( 'master_container' );
	takeOverContent.injectBefore( 'master_container' );

	var getContent = new Ajax( '/ajax/' + url, { method: 'post', onComplete: completeLightBox, data: data } );
	
	getContent.request();
}

function completeLightBox( ) {

	var takeOver = $('showMask');
	var takeOverContent = $('showWarning');

	responseXML = createXML( this.response.text );

	resultXML = responseXML.getElementsByTagName('data')[0];
	
	takeOverContent.setHTML( getCdata( resultXML.childNodes ) );
	takeOverContent.setStyle('text-align','left');

	selects = document.getElementsByTagName('select');
	for(i = 0; i < selects.length; i++) {
		selects[i].style.visibility = 'hidden';
	}


}

function killPopUp() {
	
	if( $('showWarning') ) {
		$('showWarning').remove();
	}

	if( $('showMask') ) {
		$('showMask').remove();
	}

	selects = document.getElementsByTagName('select');
	for(i = 0; i < selects.length; i++) {
		selects[i].style.visibility = 'visible';
	}

}