/* ultra box chienjaune by heruraukoia
version: 1
date: 15/01/2012
RUultraBox (typebox,source,largeur,hauteur,scrollty)
typebox:
	"html" pour afficher une pagge html
	"img" pour une liste d'images

box de type "html"
	RUultraBox ("html","cjs.html",800,491,"auto");



 */ 
 
var fondDiv = "url('RUultrabox/fondligth.png')";// sous la forme de "url('RUultrabox/fondligth.png')"
var fondloading = "url('RUultrabox/loader.gif') center center";// sous la forme de "url('RUultrabox/fondligth.png') center center"
var bouttonFermer = "RUultrabox/fermer.gif";
var bouttonSuivant = "RUultrabox/suivant.gif";
var bouttonPrecedent = "RUultrabox/precedent.gif";

function RUultraBox (typebox,source,largeur,hauteur,scrollty){
	$('#RUultraBoxFond').remove();
	if (typebox=="html"){
		if(typeof(scrollty)=='undefined'){
			var scrollty ="hidden"; 
		}
				
		RUultraBoxHtml(source,largeur,hauteur,scrollty);
	}

	if (typebox=="img"){
		var listeImage=source;
		
		RUultraBoxImg(listeImage);

	}
}

function RUultraBoxHtml(sourceHtml,largeurHtml,hauteurHtml,srolltype){
	var scrolliframe ="no";
	if (srolltype=="scroll"){scrolliframe ="scroll";}
	$("body").append('<div id="RUultraBoxFond"><div id="RUultraBoxCont"><div id="RUultraBoxExit"><img src="'+ bouttonFermer +'"></div><iframe id="RUultraBoxElem" src="'+ sourceHtml +'" scrolling="'+ scrolliframe +'"></iframe></div></div>');
	$("#RUultraBoxFond")
	.click (function () {
	$('#RUultraBoxFond').remove();
	})
	.css({
	"position" : "absolute",
	"top" : "0px",
	"left" : "0px",
	"height" : "100%",
	"width" : "100%",
	"overflow" : "hidden",
	"background-image" : fondDiv
	});
	
	$('#RUultraBoxExit')
	.css({
	"cursor" : "pointer",
	"padding" : "0px",
	"margin" : "0px",
	"height" : "20px",
	"width" : largeurHtml,
	"position" : "relative",
	"top" : "0px",
	"left" : "0px",
	"text-align" : "right",
	"background-color" : "#FFFFFF"	
	})
	.click (function () {
	$('#RUultraBoxFond').remove();
	});	
	
	var todivcont = hauteurHtml+20;
	var topdiv = ($(document).height()/2)-(todivcont/2);
	var leftdiv = ($(document).width()/2)-(largeurHtml/2);
	
	$('#RUultraBoxCont')
	.click (function (event) {
	event.stopPropagation();
	})
	.css({
	"padding" : "0px",
	"margin" : "0px",
	"border-style" : "solid",
	"border-color": "#FFFFFF",
	"border-width": "10px",
	"height" : todivcont,
	"width" : largeurHtml,
	"position" : "relative",
	"top" : topdiv,
	"left" : leftdiv,
	"background-image" : fondDiv,
	"overflow" : "hidden"
	});
	
	$('#RUultraBoxElem')
	.css({
	"padding" : "0px",
	"margin" : "0px",
	"border-width": "0px",
	"top" : "0px",
	"left" : "0px",
	"height" : hauteurHtml,
	"width" : largeurHtml,
	"position" : "relative",
	"background-image" : fondloading,
	"overflow" : srolltype
	});
}

function RUultraBoxImg(listeImg) {
	$("body").append('<div id="RUultraBoxFond"><div id="RUultraBoxCont"><div id="RUultraBoxExit"><img src="'+ bouttonFermer +'"></div><div id="RUultraBoxElem"></div><div id="RUutlraBoxPrev"><img src="'+ bouttonPrecedent +'"></div><div id="RUutlraBoxNext"><img src="'+ bouttonSuivant +'"></div></div></div>');
	$("#RUultraBoxFond")
	.click (function () {
	$('#RUultraBoxFond').remove();
	})
	.css({
	"position" : "absolute",
	"top" : "0px",
	"left" : "0px",
	"height" : "100%",
	"width" : "100%",
	"background-image" : fondDiv
	});

	var topdivini = ($(document).height()/2)-50;
	var leftdivini = ($(document).width()/2)-100;
	
	var nbImg=listeImg.length;
	var imgI=0;
	
	$('#RUultraBoxCont')
	.click (function (event) {
	event.stopPropagation();
	})
	.css({
		"padding" : "0px",
		"margin" : "0px",
		"border-style" : "solid",
		"border-color": "#FFFFFF",
		"border-width": "10px",
		"height" : "100px",
		"width" : "200px",
		"position" : "absolute",
		"overflow" : "hidden",
		"top" : topdivini,
		"left" : leftdivini,
		"background-color" : "#FFFFFF"
	});	
	
	$('#RUultraBoxElem').css({
	"background-image" : fondloading	
	});
	
	$('#RUutlraBoxPrev')
	.click (function(){
		imgI-=1;
		chargerImg(imgI);
		affiPrevNext();
	})
	.css({
		"float" : "left",
		"cursor" : "pointer"		
	});
	
	$('#RUutlraBoxNext')
	.click (function(){
		imgI+=1;
		chargerImg(imgI);
		affiPrevNext();
	})
	.css({
		"float" : "right",
		"cursor" : "pointer"
	});
	
	chargerImg(imgI);
	affiPrevNext();
	
	function chargerImg (imgIndex){
		
		$('#RUultraBoxIm').remove();
		$('#RUultraBoxElem').append('<img id="RUultraBoxIm" src="'+ listeImg[imgIndex] +'">');
		
		$('#RUultraBoxIm')
		.fadeTo(0,0)
		.load(function(){
			var divHeight = ($('#RUultraBoxIm').height())+40;
			var divWidth = $('#RUultraBoxIm').width();
			
			var topdiv = ($(document).height()/2)-(divHeight/2);
			
			var leftdiv = ($(document).width()/2)-(divWidth/2);
			$('#RUultraBoxCont')
			.animate({
				"height" : divHeight,
				"width" : divWidth,
				"top" : topdiv,
				"left" : leftdiv
			},400, function() {
			$('#RUultraBoxIm').fadeTo("slow",1);
			});
		
			$('#RUultraBoxExit')
			.css({
			"cursor" : "pointer",
			"padding" : "0px",
			"margin" : "0px",
			"height" : "20px",
			"width" : "100%",
			"position" : "relative",
			"top" : "0px",
			"left" : "0px",
			"text-align" : "right",
			"background-color" : "#FFFFFF"	
			})
			.click (function () {
			$('#RUultraBoxFond').remove();
			});		
		});
	};	

	function affiPrevNext(){
		if (imgI==0){
			$('#RUutlraBoxPrev').css({"visibility": "hidden"});
			if (nbImg>1){
			$('#RUutlraBoxNext').css({"visibility": "visible"});
			}
		}
		if (imgI>0 && imgI<(nbImg-1)){
			$('#RUutlraBoxPrev').css({"visibility": "visible"});
			$('#RUutlraBoxNext').css({"visibility": "visible"});
		}
		if (imgI==(nbImg-1)){
			$('#RUutlraBoxNext').css({"visibility": "hidden"});
			if (nbImg>1){
			$('#RUutlraBoxPrev').css({"visibility": "visible"});
			}
		}
	
	}
}