/* TRACKING DE L'OMBRE A COTE DES FLECHES */
function track_shadow() {
    $(".fake_shadow_left").css('left', $(".carouselElementContainer").position().left);
    $(".fake_shadow_left").css('top', $(".carouselElementContainer").position().top);
    var	offset = 980 - 39;

    $(".fake_shadow_right").css('left', ($(".carouselElementContainer").position().left + offset));
    $(".fake_shadow_right").css('top', $(".carouselElementContainer").position().top);
}

/* CHARGEMENT DU CAROUSEL AVEC LES PARAMETRES DU XML*/
function load_carousel(slide_time, slide_duration) {

    var slider = $('.carouselContainer').bxSlider({
            		controls: false,
            		auto: true,
            		autoDirection: 'prev',
           			speed:parseInt(slide_time),
            		pause:parseInt(slide_duration)
 				});

 	$('.prev').click(function() {
        slider.goToPreviousSlide();
        return false;
    });

    $('.next').click(function() {
        slider.goToNextSlide();
        return false;
    });
    track_shadow();
    $(window).resize(function() {
    	track_shadow();
    });
}

/* CHARGEMENT DU FICHIER XML */
function parseXMLAndLoadCarousel(xml) {

	var counter=0;
    $(xml).find('slide').each(function() {
    	var a_link = '<a href="'+$(this).attr('url')+'" alt="'+$(this).attr('alt')+'">';
    	if ($.browser.msie && parseInt($.browser.version) < 8) {
    		var imageHtml = '<li>'+a_link+'<img src="carousel_images/'+$(this).attr('image')+'" usemap="#lien_'+counter+'" width=980 height=285 border=0 /></a></li>';
    		$('.carouselContainer').append(imageHtml);
    	} else {
    		var imageHtml = '<li><img src="carousel_images/'+$(this).attr('image')+'" usemap="#lien_'+counter+'" width=980 height=285 border=0 /></li>';
    		$('.carouselContainer').append(imageHtml);
    		var htmlMap = '<map name="lien_'+counter+'" id="lien_'+counter+'">';
  				htmlMap = htmlMap + '<area shape="rect" coords="39,208,356,254" href="'+$(this).attr('url')+'" alt="'+$(this).attr('alt')+'"/>';
				htmlMap = htmlMap + '</map>';
			$('#link_htmlMap_zone').append(htmlMap);
    	}
		counter++;
    });
    var slideTime = 500;
    if($(xml).find('parameters').length > 0) {
    	slideTime = $(xml).find('parameters').attr('slideTime');
    }
    var slideInterval = 3000;
    if($(xml).find('parameters').length > 0) {
    	slideInterval = $(xml).find('parameters').attr('slideInterval');

    }
    load_carousel(slideTime, slideInterval);
}


$(document).ready(function() {
	$.ajax({
		type: "GET",
  		url: 'carousel.xml',
  		dataType: "xml",
  		success: parseXMLAndLoadCarousel
	});

});