var org = null;

var sMainContainer1 	= 'idOrganigramme';
var sMainContainer2 	= 'idInnerOrganigramme';


var sIntMainBox		= 'intMainBox';

var sWinWidth 		= null;
var sWinHeight 		= null;

$(orgInit)


function orgInit(){
	if(!($('#'+sMainContainer1).size()||$('#'+sMainContainer2).size()))return
	
	$.ajaxSetup({
	  		async: false,
  			cache: false,
		  	type: "POST"
		});
		
	org = $('#'+sMainContainer1+','+'#'+sMainContainer2);
	
	sWinWidth 	= $(window).width();
	sWinHeight 	= $(window).height();
	

	switch($(org).attr('id')){
		
		case 'idOrganigramme':
		
			$(org).addClass(sIntMainBox);
			$(org).bind('click',orgHandleEvent)
			orgSetOrganigram()
			
			break;
		
		case 'idInnerOrganigramme':
			
			$(org).addClass(sIntMainBox);
			$('#idZoom').bind('click',orgHandleEvent)
			$('#idCloseZoom').bind('click',orgHandleEvent)
		
			break;
	
	}

}


function orgHandleEvent(e){
	o = e.target;t = e.type;
	window.defaultStatus = t+' '+o.id
	switch(t){
		// --------------------------------------------------------------------------------------------------------------------
		// handle des évènements de type click
		// --------------------------------------------------------------------------------------------------------------------
		case 'click':
			// ----------------------------------------------------------------------------------------------------------------
			// ... sur les objets possédant un ID	
			// ----------------------------------------------------------------------------------------------------------------
			switch(o.id){
				case 'idZoom':
					sParam = $(o).attr('param')
					aParam = sParam.split('|')
					var parentBody = $(top.document.body)
					$(parentBody).prepend('<div id="idZoomed" style="position:absolute;height:800px;width:100%;"></div>')
					var zoomBox = $('#idZoomed',$(parentBody))
					
					param = {
								siteId:aParam[1],
								isZoomed:1,
								frameWidth:'100%',
								frameHeight:$(parentBody).height(),
								appletWidth:'100%',
								appletHeight:$(parentBody).height()-40
							}
							
					//$(zoomBox).load('/admin/tree/organigramme.php?testApplet='+aParam[0],param)
					hWin =window.open('',"zoomOrganigramme","menubar=no, resizable=yes, status=no, scrollbars=no, menubar=no, width=800, height=600");
					$('.formZoomer').submit()
					
					break;
				case 'idCloseZoom':
					var parentBody = $(top.document.body)
					$('#idZoomed',$(parentBody)).remove()
					break;
				case 'idImgOrganigramme':
				case sMainContainer1:
					orgMainBoxReSize();
					break;
			
			}
		
			break;
	}
}

function orgSetOrganigram(){
	$.ajaxSetup({
	  		async: false,
  			cache: false,
		  	type: "POST"
		});

	var param = $('#'+sMainContainer1).attr('param')
	$(org).css('width','740px').css('height','1000px').css('display','none').css('overflow','auto').css('backgroundColor','white')
	
	$(org).load('/admin/tree/organigramme.php',{siteId:param})
	
	//$(org).fadeIn(1000,function(){$(org).height($('img',$(org)).height()+18)})
	$(org).fadeIn(1000)
	
	
	
	
}


function orgMainBoxReSize(){

	var cptBox = $('.'+sIntMainBox).size()
	switch(cptBox){
		case 0:
			return;   
			break;
		case 1:
			
			$('.'+sIntMainBox).clone(true).prependTo($(document.body)).css('position','absolute').css('overflow','auto').css('height',sWinHeight+'px').css('width',sWinWidth+'px').css('display','none').fadeIn(500)
			break;	
		default:
			$('.'+sIntMainBox+':eq(0)').fadeOut(500,function(){$(this).remove()})
			break;
	}
	


}