/************************************************************/
/*			   riaToolbox.js v1.0				*/
/*			   --------------------				*/					
/*	Auteur :	Sébastien DECAMME			*/
/*	Email :	sdecamme@free.fr				*/
/*	Site web :	http://www.riatoolbox.com			*/
/*	Licence :	GNU GPL					*/
/*									*/
/************************************************************/

var _d = document;
var _w = window;
var _t = true;
var _f = false;
var _n = null;

/* picShow */
function iniPicShow(){
	var pN = $A(_d.getElementsByTagName('BODY'))[0];
	var bgPicShow = _d.createElement('DIV');
	bgPicShow.id='bgPicShow';
	bgPicShow.style.position = 'absolute';
	bgPicShow.style.left = '0';
	bgPicShow.style.top = '0';
	bgPicShow.style.backgroundColor = '#000';
	getBrowserName()=='Explorer' ? bgPicShow.style.filter = 'Alpha(opacity=85)' : bgPicShow.style.opacity = '.85';
	bgPicShow.style.display = 'none';
	pN.appendChild(bgPicShow);
	var loader = _d.createElement('DIV');
	loader.id='loaderPicShow';
	loader.className='loaderPicShow';
	loader.style.position = 'absolute';
	loader.style.display = 'none';
	pN.appendChild(loader);
	var picShow = _d.createElement('div');
	picShow.id='picShow';
	picShow.className='imgPicShow';
	picShow.style.position = 'absolute';
	picShow.style.display = 'none';
	picShow.style.cursor = 'pointer';
	picShow.setAttribute('title','Cliquez pour fermer');
	picShow.onclick = function(){
		hidePicShow();
	}
	pN.appendChild(picShow);
	var lstPicShow = $A(_d.getElementsByClassName('picShow'));
	lstPicShow.each(function(href){
		href.onclick = function(){
			viewPicShow(this);
			return _f;
		}
	});
}

function viewPicShow(href){
	var layoutOffsets = getLayoutOffsets();
	$('bgPicShow').style.height = layoutOffsets[1]+'px';
	$('bgPicShow').style.width = layoutOffsets[0]+'px';
	$('bgPicShow').show();
	centerOnScreen($('loaderPicShow'));
	$('loaderPicShow').show();
	blurFocusedElt();
	var img = new Image;
	img.onload = function(){
		$('picShow').style.backgroundImage = 'url('+img.src+')';
		$('picShow').style.height = img.height+'px';
		$('picShow').style.width = img.width+'px';
		centerOnScreen($('picShow'));
		$('loaderPicShow').hide();
		$('picShow').show();
	}
	img.src = href.href;
}

function hidePicShow(){
	$('picShow').hide();
	$('bgPicShow').hide();
}

/* Fonctions globales relatives à picShow */
function getLayoutOffsets(){
	var de = _d.documentElement;
	var screenWidth = _w.innerWidth || self.innerWidth || (de&&de.clientWidth) || _d.body.clientWidth;
	var screenHeight = _w.innerHeight || self.innerHeight || (de&&de.clientHeight) || _d.body.clientHeight;
	var pageWidth = _d.documentElement && _d.documentElement.scrollWidth ? _d.documentElement.scrollWidth : pageWidth = _d.body.scrollWidth;
	var pageHeight= _d.documentElement && _d.documentElement.scrollHeight ? _d.documentElement.scrollHeight : pageHeight = _d.body.scrollHeight;
	if(pageHeight<screenHeight) pageHeight = screenHeight;
	if(pageWidth<screenWidth) pageWidth = screenWidth;
	return [screenWidth,screenHeight,pageWidth,pageHeight];
}

function centerOnScreen(obj){
	var screenOffsetWidth = getLayoutOffsets()[0];
	var screenOffsetHeight = getLayoutOffsets()[1];
	if(obj.style.position!='absolute') obj.style.position = 'absolute';
	obj.style.left = (screenOffsetWidth/2)-(obj.getWidth()/2)+'px';
	obj.style.top = (screenOffsetHeight/2)-(obj.getHeight()/2)+'px';
}

function blurFocusedElt(){
	var lstElt = $A(_d.getElementsByTagName('*'));
	lstElt.each(function(elt){
		if(elt.focus){
			elt.blur();
			throw $break;
		}
	});
}

var browserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "navigateur inconnu";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "version inconnue";
		this.OS = this.searchString(this.dataOS) || "OS inconnu";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++){
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{string: navigator.userAgent,subString: "OmniWeb",versionSearch: "OmniWeb/",identity: "OmniWeb"},
		{string: navigator.vendor,subString: "Apple",identity: "Safari"},
		{prop: window.opera,identity: "Opera"},
		{string: navigator.vendor,subString: "iCab",identity: "iCab"},
		{string: navigator.vendor,subString: "KDE",identity: "Konqueror"},
		{string: navigator.userAgent,subString: "Firefox",identity: "Firefox"},
		{string: navigator.vendor,subString: "Camino",identity: "Camino"},
		{string: navigator.userAgent,subString: "Netscape",identity: "Netscape"},
		{string: navigator.userAgent,subString: "MSIE",identity: "Explorer",versionSearch: "MSIE"},
		{string: navigator.userAgent,subString: "Gecko",identity: "Mozilla",versionSearch: "rv"},
		{string: navigator.userAgent,subString: "Mozilla",identity: "Netscape",versionSearch: "Mozilla"}
	],
	dataOS : [
		{string: navigator.platform,subString: "Win",identity: "Windows"},
		{string: navigator.platform,subString: "Mac",identity: "Mac"},
		{string: navigator.platform,subString: "Linux",identity: "Linux"}
	]

};

function getBrowserName(){
	browserDetect.init();
	return browserDetect.browser;
}

/* Fonction relative à l'exemple */
function setVerticalCenter(){
	var lstElt = $A(_d.getElementsByClassName('vCenter'));
	lstElt.each(function(elt){
		var pN = elt.up();
		if(pN.tagName=='BODY'){
			var layoutOffsets = getLayoutOffsets();
			elt.style.marginTop = (layoutOffsets[1]/2)-(elt.getHeight()/2)+'px';
		}else{
			elt.style.marginTop = (pN.getHeight()/2)-(elt.getHeight()/2)+'px';
		}
	});
}