var link_button_width_en = 143;
var link_button_width_fr = 127;
var titre_pos = {"top" : 10, "start_left" : 100, "end_left" : 0};
var text_pos = {"top" : 22, "start_left" : 50, "end_left" : 0};
var link_pos = {"top" : 35, "start_left" : 4000, "end_left" : 0};
var cur_img = undefined;
var inAnim = true;
var timeout;
var currentBanner = 0;
var bannerTimer = 8000

var banniereWidth = 1438;

if(lang == undefined)
	lang = 'fr';

function supportsBoxShadow() 
{
	var s = document.body.style;
	return s.WebkitBoxShadow !== undefined || s.MozBoxShadow !== undefined;
}

function vignetteOn()
{
	$(this).css('height', 41);
}

function vignetteOff()
{
	if(! $(this).hasClass('current_vignette'))
		$(this).css('height', 30);
}

function linkOn()
{
	$(this).css('background', "url('bouton_lien_orange_" + lang + ".png')");
}

function linkOff()
{
	$(this).css('background', "url('bouton_lien_bleu_" + lang + ".png')");
}

function slide_titre()
{
	var left = titre_pos.end_left;
	$('#banniere_titre').animate(
		{
			opacity: 1, 
			left: left
		}, 2000, function(){
			if(jQuery.browser.msie)
				this.style.removeAttribute('filter');
		}
	  ); 
}

function slide_text()
{
	var left = text_pos.end_left;
	$('#banniere_text').animate(
		{
			opacity: 1, 
			left: left
		}, 1000, function(){		
			if(jQuery.browser.msie)
				this.style.removeAttribute('filter');
		}
	  );
}

function slide_link()
{
	var link_button_width = lang == 'fr' ? link_button_width_fr : link_button_width_en;
	$('#banniere_link').css('left', link_pos.end_left);
	if(jQuery.browser.msie)
		$('#banniere_link a').animate({}, 1500, function() { $('#banniere_link a').animate({width: link_button_width}, 1000); });
	else
		$('#banniere_link a').animate({opacity: 1}, 1500, function() { $('#banniere_link a').animate({width: link_button_width}, 1000); });
}

function slide_images(i)
{
	var banniere_images = $('#banniere_images');	
	banniere_images.append('<img src="' + bannieres[i].image_path + '" id="new_img" style="position: absolute; left: -300px; opacity: 0">');

	var new_img = $('#new_img');

	new_img.css('opacity', 0);
	new_img.css('left', -300);
	
	var cur_img = $('#cur_img');
	
	if(cur_img.length)
	{
		cur_img.fadeOut(3000, function() { } );
	}
	new_img.animate(
		{
			opacity: 1, 
			left: 0
		}, 3000, function() 
			{
				$('#cur_img').remove();
				$('#new_img').attr('id', 'cur_img');	
				inAnim = false;
			}
		);
}

function click_vignette()
{
	if(!inAnim)
	{
		var num = $(this).attr('rel');
		
		$('.vignette').removeClass('current_vignette');
		vignetteOff.call($('.vignette'));	
		
		$(this).addClass('current_vignette');	
		vignetteOn.call($('span.current_vignette'));

		start_anim(num);
	}
}

function changeImage()
{
	if(!inAnim)
	{
		currentBanner += 1;
		if(currentBanner >= bannieres.length)
		{
			currentBanner = 0;
		}
		
		$('.vignette').removeClass('current_vignette');
		vignetteOff.call($('.vignette'));	
		
		$('.vignette[rel=' + currentBanner + ']').addClass('current_vignette');	
		vignetteOn.call($('span.current_vignette'));

		start_anim(currentBanner);
	}
	timeout = setTimeout("changeImage()", bannerTimer);
}

function start_anim(i)
{
	inAnim = true;
	currentBanner = i;
	clearTimeout(timeout);	
	var left;

	$('#banniere_titre').html(bannieres[i].title);
	$('#banniere_titre').css('left', titre_pos.start_left);
	$('#banniere_titre').css('opacity', 0);
	
	var banniere_text = $('#banniere_text');
	banniere_text.html(bannieres[i].text);
	banniere_text.css('left', text_pos.start_left);
	banniere_text.css('opacity', 0);

	var banniere_link = $('#banniere_link');
	banniere_link.css('left', link_pos.start_left);

	$('a', banniere_link).css('background', "url('bouton_lien_bleu_" + lang + ".png')");
	$('a', banniere_link).css('width', 30);
	if(!jQuery.browser.msie)
		$('a', banniere_link).css('opacity', 0);
	$('a', banniere_link).attr('href', bannieres[i].link);
	$('a', banniere_link).attr('target', bannieres[i].link_target);
	
	switch(bannieres[i].position)
	{
		case "left":
			var b = $('div.blocH1:first');
			var lActu = b.offset().left;
			left = lActu - containerLeftPos();
		break;
		case "center":
			left = banniereWidth / 2 - 200;
		break;
		default:
		case "right":
			var b = $('div.blocH1:last');
			var rCamp = b.offset().left + b.width();
			var decal = ($(window).width() - banniereWidth) / 2; //containerLeftPos();
			left = rCamp - banniere_text.outerWidth() - decal; 
		break;		
	}
	$('#text_container').css('left', left);

	slide_images(i);
	slide_titre();
	timeout= window.setTimeout(slide_text, 1000);
	timeout= window.setTimeout(slide_link, 2000);
}

function containerLeftPos()
{
	if(jQuery.browser.msie && jQuery.browser.version < '8.0') // fix pb de decalage pour IE7
	{
		if($(window).width() > banniereWidth) {
			return 0;
		}
	}
	return ($(window).width() - banniereWidth) / 2;
}

$(document).ready(function() 
{	
	$(window).resize(function() 
	{
	  $('#banniere_container').css('left', containerLeftPos());
	});

	$('#TeaserHome').append('<div id="banniere_container" style="width: ' + banniereWidth + 'px; height: 330px; position: relative; left: ' + containerLeftPos() + 'px"></div>')
	var banniere_container = $('#banniere_container');		
	banniere_container.append('<div id="banniere_images"></div>')
	
	banniere_container.append('<div id="text_container" style="position: absolute; margin: 0px; padding: 0px"></div>');
	
	var text_container = $('#text_container');			
	text_container.css('top', 50);
	
	text_container.append('<div id="banniere_titre" style="top: ' + titre_pos.top + 'px;"</div>');
	text_container.append('<div id="banniere_text" style="top: ' + text_pos.top + 'px;"</div>');
	text_container.append('<div id="banniere_link" style="top: ' + link_pos.top + 'px;"><a href="" target="" ></a></div>');

/*	if(!supportsBoxShadow())
	{
		$('#banniere_link a').addClass('ie-shadow');
	}*/
		
	banniere_container.append('<div id="banniere_vignette"></div>');
	var i = 0;
	var banniere_vignette = $('#banniere_vignette');
	$.each(bannieres, function() 
	{
		banniere_vignette.append('<span rel="' + i + '" class="vignette" style="background-image: url(\''+this.thumb_path+'\')"></span>');		
		banniere_container.append('<img src="' + this.image_path + '" id="banniere-' + i + '" style="position: absolute; left: -3000px; z-index: -1">');
		
		i++;
	});
	
	$('span.vignette:first-child').attr('class', 'current_vignette vignette');
	vignetteOn.call($('span.current_vignette'));
	
	
	$('span.vignette').hover(vignetteOn, vignetteOff);
	$('#banniere_link a').hover(linkOn, linkOff);
	
	$('span.vignette').click(click_vignette);
	
	start_anim(0);
	timeout = setTimeout("changeImage()", bannerTimer);
 });