// JavaScript Document
var viewon=false;
var mainFps=80;
ua = navigator.userAgent.toLowerCase();
var isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1)); 
var isGecko = (ua.indexOf("gecko") != -1);
var isSafari = (ua.indexOf("safari") != -1);
var isKonqueror = (ua.indexOf("konqueror") != -1);

function getScreenSize() {
	res=new Object();
	if(document.innerHeight) {
		res.height=document.innerHeight;
		res.width=document.innerWidth;
	}
	else if(document.documentElement.clientHeight) {
		res.height=document.documentElement.clientHeight;
		res.width=document.documentElement.clientWidth;
	}
	else if(document.body) {
		res.height=document.body.clientHeight;
		res.width=document.body.clientWidth;
	}
	return res;
}
function getScroll() {
	y=100;
	if (document.documentElement.scrollTop!=null) y=document.documentElement.scrollTop;
	else {
		if (document.body.scrollTop!=null) y=document.body.scrollTop;
		else y=window.pageYOffset;
	}
	result=new Array();
	result['y']=y;
	return result;
}

/*---------------------------------------------------------------------------------------------*/
/*View image*/
/*---------------------------------------------------------------------------------------------*/
function setMask() {
	size=getScreenSize();
	sc=getScroll();
	$('mask').style.width=size.width+"px";
	$('mask').style.height=size.height+"px";
	$('mask').style.top=sc['y']+"px";
	lf=parseInt(size.width/2-300);
	$('view').style.left=lf+"px";
}
/*---------------------------------------------------------------------------------------------*/
function view(url) {
	viewon=true;
	size=getScreenSize();
	//Size view
	w=600;
	h=500;
	$('view').style.top="10px";
	$('view').style.width=w+"px";
	$('view').style.height=h+"px";
	//Effect
	setMask();
	$('mask').style.display='block';
	//Opening
	new Effect.Scale('view',100,{
		scaleX:false,
		duration:0.5,
		scaleFrom:0.0,
		scaleContent:false,
		fps:mainFps,
		transition:Effect.Transitions.linear,
		scaleFromCenter:true,
		scaleMode:{originalWidth:w, originalHeight:h},
		afterFinish:function() {
			if (!document.all) {
				$('view_content').style.opacity='0';
				$('view_content').style.filter=' Alpha(Opacity=0);';
			}
			$('view_waiter').style.display="inline";
			setContent(url);
			setMask();
		},
		beforeStart:function () {
			$('view').style.display="block";
		}
	});	
}
/*---------------------------------------------------------------------------------------------*/
function setContent(url) {
	$('view_command').style.display="block";
	new Ajax.Updater(
		'view_content', 
		url,
		{
			method:'post',
			onSuccess:function () {
				$('view_content').style.display="block";
				$('view_waiter').style.display="none";
				if (!document.all) {
					new Effect.Opacity('view_content',{
						duration:2,
						from:0,
						to:1,
						afterFinish:function() {
							if ($('view_content')==null) return;
							$('view_content').style.opacity='1';
							$('view_content').style.filter=' Alpha(Opacity=100);';
						}
					});
				}
			}
		}
	);
}
/*---------------------------------------------------------------------------------------------*/
/*efface l'image*/
/*---------------------------------------------------------------------------------------------*/
function unview() {
	viewon=false;
	$('view_content').innerHTML='';
	$('view_content').style.display="none";
	$('view_command').style.display="none";
	new Effect.Scale('view',0,{
		scaleX:false,
		scaleContent:false,
		duration:0.5,
		scaleFrom:100.0,
		fps:mainFps,
		transition:Effect.Transitions.linear,
		scaleFromCenter:true,
		afterFinish:function() {
			$('mask').style.display='none';
			$('view').style.display="none";
		}
	});	
}
/*---------------------------------------------------------------------------------------------*/
document.onscroll=function() {resized()};

function resized() {
	if(viewon) setMask();
}