/*
<div id="PopIn">
	<div id="PopInLoader"></div>
	<div id="PopInConteneur">
		<div id="PopInRelative">
			<div id="PopInClose">X</div>
			<div id="PopInContent">
			</div>
		</div>
	</div>
</div>

*/

$(document).ready(function(){
	popIn.init();
	afficheInfos();
});

function afficheInfos(){
	$('.InfosAccueilClose').click(function(){
		$('.InfosAccueil').animate({height:0}, popIn.duree, function(){
			$('.InfosAccueil').hide();
		});
	});
	$('.InfosAccueil').css('height', '0');
	if ($('.InfosAccueilContenu').html() != ''){
		$('.InfosAccueil').show();
		$('.InfosAccueil').animate({height:130}, popIn.duree);
	}
}

popIn = {

	init:function(){
		popIn.opacity = 0.7;
		popIn.duree = 500;
		popIn.largeur = 900;
		popIn.hauteur = 649;
		popIn.topDepart = 0;
		popIn.leftDepart = 75;
		popIn.widthDepart = 158;
		popIn.heightDepart = 214;
		popIn.finAnimation = 0;
		
		$("a[rel='popIn']").click(function(){
			popIn.url = $(this).attr("href");
			style = $(this).attr("style").split(';');
			popIn.topDepart = parseInt(style[0].replace(/top:/, ' ').replace(/px/, ' '));
			popIn.leftDepart = parseInt(style[1].replace(/left:/, ' ').replace(/px/, ' '));
			popIn.open(popIn.url);
			return false;
		});
		
		$(window).resize(popIn.resize);
	},
	
	open:function(url){
		popIn.finAnimation = 0;
		popIn.url = url;
		popIn.html = '<div id="PopIn"><div id="PopInLoader"></div></div>';
		popIn.htmlDefinitif = '';
		
		popIn.preAnimate();
		$.ajax({
			url:'infofilm.php?IdFilm='+url,
			cache:false,
			success:function(html){
				popIn.htmlDefinitif = html;
				//popIn.html = '<div id="PopIn"><div id="PopInLoader"></div><div id="PopInConteneur"><div id="PopInRelative"><div id="PopInClose">X</div><div id="PopInContent"><img border="0" class="Affiche" src="http://images.allocine.fr/r_160_214/b_1_cfd7e1/medias/nmedia/18/82/69/17/19806656.jpg" alt="INTOUCHABLES" title="INTOUCHABLES"/></div></div></div></div>';
			},
			error: function(req, status, error){
				popIn.html = 'Erreur lors du chargement des donnees.';
			}
		});
		popIn.timer = window.setInterval(popIn.load, 300);
	},
		
	load:function(){
	/*
		if (popIn.img.complete){		
			window.clearInterval(popIn.timer);
			popIn.animate();
		}*/
		
		if (popIn.htmlDefinitif != '' && popIn.finAnimation == 1){		
			window.clearInterval(popIn.timer);
			popIn.animate();
		}
	},
	
	preAnimate:function(){
		$('#ContenuPrincipal').append(popIn.html);
		$('#PopIn').css('background-color', '#000');
		$('#PopInConteneur').hide();
		$('#PopInLoader').show();
		$('#PopInClose').click(popIn.close);
		
		$('#PopIn').css('width', popIn.widthDepart+'px').css('height', popIn.heightDepart+'px').css('position', 'relative').css('top', popIn.topDepart+'px').css('left', popIn.leftDepart+'px').css('opacity', 0);
		$('#PopIn').animate({width:popIn.largeur, height:popIn.hauteur, top:1, left:0, opacity:1}, popIn.duree, function(){
			popIn.finAnimation = 1;
		});
		
	},
	
	showBA:function(){
		if ($('#BandeAnnonce').is(':visible')){
			$('#BandeAnnonce').hide();
			$('#ResumeFilm').show();
			$('#ResumeFilm').animate({height:355}, popIn.duree, function(){
				//$('#BandeAnnonce').css('height', '0px');
			});
			$('#VoirBandeAnnonce').html('<u>Voir la bande annonce</u>');
		}
		else{
			$('#ResumeFilm').animate({height:0}, popIn.duree, function(){
				//$('#BandeAnnonce').css('height', '355px');
				$('#BandeAnnonce').show();
				$('#ResumeFilm').hide();
			});
			$('#VoirBandeAnnonce').html('<u>Lire le r&eacute;sum&eacute;</u>');
		}
	},
	
	animate:function(){
		$('#PopInLoader').hide();
		$('#PopIn').append(popIn.htmlDefinitif);
		$('#BandeAnnonce').hide();
		$('#VoirBandeAnnonce').click(popIn.showBA);
		$('#PopInBackground').click(popIn.close);
		$('#PopInClose').click(popIn.close);
	}, 
	
	resize:function(){
		//$('#PopInConteneur').css('left', (popIn.windowW()-popIn.largeur)/2+'px');
		//$('#PopInConteneur').css('top', (popIn.windowH()-popIn.hauteur)/2+'px');
	},
	
	close:function(){
		$('#PopInConteneur').hide();
		$('#PopIn').animate({width:popIn.widthDepart, height:popIn.heightDepart, top:popIn.topDepart, left:popIn.leftDepart, opacity:0}, popIn.duree, function(){
			$('#PopIn').remove();
		});
		$('.InfosAccueil').hide();
	}, 
	
	windowH:function(){
		if (window.innerHeight) 
			return window.innerHeight;
		else
			return $(window).height();
	},
	
	windowW:function(){
		if (window.innerWidth) 
			return window.innerWidth;
		else
			return $(window).width();
	}

}