var DataPosition = {};
DataPosition.largeurMinZone = 800;
DataPosition.hauteurMinZone = 500;
DataPosition.largeurImageFond = 1600;
DataPosition.hauteurImageFond = 1080;
DataPosition.hauteurFenetre = 0;
DataPosition.largeurFenetre = 0;
DataPosition.bgMargeHaut = 0;
DataPosition.bgMargeGauche = 0;
DataPosition.margeGaucheInitiale = 200;
DataPosition.margeHautInitiale = 150;
DataPosition.margeBasInitiale = 150;
var pcx= 0.5;
var pcy= 0.5;
DataPosition.centreBackground = function(){
DataPosition.largeurFenetre = $(window).width();
DataPosition.hauteurFenetre = $(window).height();
var minDyBG = (DataPosition.hauteurImageFond - DataPosition.margeHautInitiale - DataPosition.margeBasInitiale - DataPosition.hauteurMinZone)*pcy
//if(DataPosition.largeurFenetre < DataPosition.largeurImageFond) {
DataPosition.bgMargeGauche = (DataPosition.largeurFenetre - DataPosition.largeurImageFond)*pcx +100;
DataPosition.bgMargeHaut = (DataPosition.hauteurFenetre - DataPosition.hauteurImageFond)*pcy ;
DataPosition.bgMargeGauche = Math.max(DataPosition.bgMargeGauche,-DataPosition.margeGaucheInitiale);
DataPosition.bgMargeHaut = Math.max(DataPosition.bgMargeHaut,-minDyBG);
var paddingLeftContenu = DataPosition.margeGaucheInitiale + (DataPosition.largeurFenetre - DataPosition.margeGaucheInitiale - DataPosition.largeurMinZone) / 2
paddingLeftContenu = Math.max(paddingLeftContenu,DataPosition.margeGaucheInitiale);
var paddingTopContenu = DataPosition.margeHautInitiale + (DataPosition.hauteurFenetre - DataPosition.margeHautInitiale - DataPosition.margeBasInitiale - DataPosition.hauteurMinZone) / 2
paddingTopContenu = Math.max(paddingTopContenu,DataPosition.margeHautInitiale);
$('#contenuPage').css({
backgroundPosition:DataPosition.bgMargeGauche+'px '+DataPosition.bgMargeHaut+'px',
paddingLeft: paddingLeftContenu+"px",
paddingTop: paddingTopContenu+"px"
});
$('#contenuPage').css('height',DataPosition.hauteurFenetre-(paddingTopContenu+DataPosition.margeBasInitiale));
$('#contenuPage').css('width',DataPosition.largeurFenetre-paddingLeftContenu);
//}
};
$(window).resize(function(){
DataPosition.centreBackground();
});
$(document).ready(function(){
$('#contenuPage').css({
minHeight: DataPosition.hauteurMinZone,
minWidth: DataPosition.largeurMinZone
});
DataPosition.centreBackground();
});