jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        scroll: 8,
        visible: 8// Configuration goes here
    });
    
    jQuery('#mycarousel_contact').jcarousel({
        scroll: 8,
        visible: 8,// Configuration goes here
        animation: 'slow',
        itemLoadCallback: {
        	 onBeforeAnimation: function(carousel,state){
    			if(state == 'init'){
    				mycarousel_loadItem(carousel,state);
    				mycarousel_loadNextItem(carousel,state);
    			}
    			/*else if(state == 'next'){
    				mycarousel_loadNextItem(carousel,state);
    			}*/
    		 },
    		 onAfterAnimation: function(carousel, state){
     			if(state == 'next'){
    				//mycarousel_loadItem(carousel,state);
    				mycarousel_loadNextItem(carousel,state);
    			}
    			/*else if(state == 'next'){
    				mycarousel_loadNextItem(carousel,state);
    			}  */ 			 
    		 }
        }
    });
    
    jQuery('.popup').dialog({ autoOpen: false, resizable: false, draggable: false, modal: true, width: 810});
    jQuery('.popup_catalogue').dialog({ autoOpen: false, resizable: false, draggable: false, modal: true, width: 810});
    jQuery('.popup_mail').dialog({ autoOpen: false, resizable: false, draggable: false, modal: true, width: 500});
    jQuery('.popup_valid').dialog({ autoOpen: false, resizable: false, draggable: false, modal: true, width: 500});
    jQuery('.popup_erreur').dialog({ autoOpen: false, resizable: false, draggable: false, modal: true, width: 500});
    
    /*$(".animate_button").mouseenter(function(){
    	$(".animate_button img").attr('src', 'templates/graphique/Site-Anticraft-MVS-Distrib-boutonGossDetailROUGE.jpg');
      }).mouseleave(function(){
    	$(".animate_button img").attr('src', 'templates/graphique/Site-Anticraft-MVS-Distrib-boutonGossDetailNOIR.jpg');
    });*/
});

function mycarousel_loadItem(carousel, state){
   if (carousel.has(carousel.first, carousel.last)) {
        return;
   }
   if(state == 'init'){
	   $.get('ajax/get_nb_album.php',{}, function(data){
		   carousel.size(parseInt(data));
	   });
   }

   $.ajax({
	   type: "GET",
	   url: 'ajax/get_contact_album_list.php',
	   data: {first: carousel.first, last: carousel.last},
	   dataType: 'text',
	   success: function(data){
		   var new_data = new Array(); 
		   var image = new Array();
		   var cache_image = new Array();

		   new_data = data.split('***');	  
		   
		   for(i = 0 ; i < new_data.length; i++){
			  var album_data = new_data[i].split('**');
			  
			  var temp_image = album_data[0].split('=');
	
			  image[i] = temp_image[1];
		   }
		   var j = 0;
		   
		   for(i = carousel.first ; i <= carousel.last; i++ ){
			    cache_image[j] = new Image();
			    cache_image[j].src = image[j]; 
		   		j++;
		   }   
	   },
	   complete: function(data){
		   var new_data = new Array(); 
		   var album_data = new Array();
		   var image = new Array();
		   var artiste = new Array();
		   var label = new Array();
		   var titre_album = new Array();
		   var id_album = new Array();
		   var cache_image = new Array();

		   new_data = data.responseText.split('***');
		   
		   for(i = 0 ; i < new_data.length; i++){
			  var album_data = new_data[i].split('**');
			  
			  var temp_image = album_data[0].split('=');
			  var temp_artiste = album_data[1].split('=');
			  var temp_label = album_data[2].split('=');
			  var temp_titre_album = album_data[3].split('=');
			  var temp_id_album = album_data[4].split('=');
	
			  image[i] = temp_image[1];
			  cache_image[i] = new Image();
			  cache_image[i].src = image[i]; 
			  artiste[i] = temp_artiste[1];
			  label[i] = temp_label[1];
			  titre_album[i] = temp_titre_album[1];
			  id_album[i] = temp_id_album[1];
		   }
		   var j = 0;
		   
		   for(i = carousel.first ; i <= carousel.last; i++ ){
				carousel.add(i, '<li><a href="#" onclick="open_window(\''+id_album[j]+'\', \'popup\')"><img src="'+image[j]+'" alt="'+titre_album[j]+'" title="'+artiste[j]+' - '+label[j]+' - '+titre_album[j]+'" width="90" height="90" style="border: 1px solid"/></a></li>');
		   		j++;
		   }
	   }
   });
}

function mycarousel_loadNextItem(carousel,state){
	 if(state == 'init' || (state == 'next' && (carousel.last <= carousel.size()))){
	   var first = carousel.first + 8;
	   var last = carousel.last + 8;

	   $.ajax({
		   type: "GET",
		   url: 'ajax/get_contact_album_list.php',
		   data: {first: first, last: last},
		   dataType: 'text',
		   success: function(data){
			   var new_data = new Array(); 
			   var image = new Array();
			   var cache_image = new Array();
			   
			   var new_data = data.split('***');	  
			   
			   for(i = 0 ; i < new_data.length; i++){
				  var album_data = new_data[i].split('**');
				  
				  var temp_image = album_data[0].split('=');
		
				  image[i] = temp_image[1];
			   }
			   var j = 0;
			   
			   for(i = carousel.first ; i <= carousel.last; i++ ){
				    cache_image[j] = new Image();
				    cache_image[j].src = image[j]; 
			   		j++;
			   }   
		   },
		   complete: function(data){
			   var new_data = new Array(); 
			   var album_data = new Array();
			   var image = new Array();
			   var artiste = new Array();
			   var label = new Array();
			   var titre_album = new Array();
			   var id_album = new Array();
			   var cache_image = new Array();
			   
			   new_data = data.responseText.split('***');
			   
			   for(i = 0 ; i < new_data.length; i++){
				  var album_data = new_data[i].split('**');
				  
				  var temp_image = album_data[0].split('=');
				  var temp_artiste = album_data[1].split('=');
				  var temp_label = album_data[2].split('=');
				  var temp_titre_album = album_data[3].split('=');
				  var temp_id_album = album_data[4].split('=');
		
				  image[i] = temp_image[1];
				  cache_image[i] = new Image();
				  cache_image[i].src = image[i]; 
				  artiste[i] = temp_artiste[1];
				  label[i] = temp_label[1];
				  titre_album[i] = temp_titre_album[1];
				  id_album[i] = temp_id_album[1];
			   }
			   var j = 0;
			   
			   for(i = first ; i <= last; i++ ){
					carousel.add(i, '<li><a href="#" onclick="open_window(\''+id_album[j]+'\', \'popup\')"><img src="'+image[j]+'" alt="'+titre_album[j]+'" title="'+artiste[j]+' - '+label[j]+' - '+titre_album[j]+'" width="90" height="90" style="border: 1px solid"/></a></li>');
			   		j++;
			   }
		   }
	   });
   }
}

function open_window(id_album, popup){
	$.get('ajax/get_detail_album.php', {id_album: id_album}, function(data){
		var new_data = data.split('**');
		
		var image = new_data[0].split('=');
		var titre = new_data[1].split('=');
		var label = new_data[2].split('=');
		var artiste = new_data[3].split('=');
		var sortie = new_data[4].split('=');
		var ean = new_data[5].split('=');
		var reference = new_data[6].split('=');
		var id_album = new_data[7].split('=');
		var accroche = new_data[8].split('=');
		var famille = new_data[9].split('=');
		var sous_famille = new_data[10].split('=');

		/*$('#popup_image').css('background-image', "url('{hd_pochette}"+image[1]+"')");
		$('#popup_image').css('background-repeat', "no-repeat");
		$('#popup_image').css('background-position', "center");*/
		
		$('#popup_image').attr('src', image[1]);
		$('#popup_image').attr('title', artiste[1]+' - '+titre[1]+' - '+label[1]);
		$('#popup_image').attr('alt', artiste[1]+' - '+titre[1]+' - '+label[1]);
		
		var href = 'http://www.mvsmusic.fr/SearchResults.aspx?Type=4&SearchString='+artiste[1];
		$('.partenaire_mvs_music').attr('href', href);
		$chaine = '<table style="height: 160px;">';
		$chaine += '<tr><td style="width: 100px;"><strong>Artiste  : </strong></td><td>  <strong>'+artiste[1]+'</strong></td></tr>'+
		'<tr><td style="width: 75px;"><strong>Titre : </strong></td><td>'+titre[1]+'</td></tr>'+
		'<tr><td style="width: 75px;"><strong>Catégorie : </strong></td><td>'+(famille[1] != sous_famille[1] ? sous_famille[1]+' / <i>'+famille[1]+'</i>' : sous_famille[1])+'</td></tr>'+
		'<tr><td style="width: 75px;"><strong>Label : </strong></td><td>'+label[1]+'</td></tr>'+
		'<tr><td style="width: 75px;"><strong>Sortie : </strong></td><td>'+sortie[1]+'</td></tr>'+
		'<tr><td style="width: 75px;"><strong>Réference : </strong></td><td>'+reference[1]+'</td></tr>'+
		'<tr><td style="width: 75px;"><strong>EAN : </strong></td><td>'+ean[1]+'</td></tr>';
		$chaine += '</table>';
		if(accroche != '')
			//$chaine += '<tr><td colspan="2">'+accroche[1]+'</td>';
			$chaine += '<p style="height: 156px; overflow: hidden; margin-top: 5px; margin-bottom: 5px;">'+accroche[1]+'<p>';
		$('#popup_content').empty();
		$('#popup_content').append($chaine);
		
		$('.'+popup).dialog('open');
		
	    jQuery('#little_carousel').jcarousel({
	        scroll: 10,
	        visible: 10// Configuration goes here
	    });
	});
}

function close_popup(){
	$('.popup_erreur').dialog('close');
}
function send_mail(){
	var nom = $('#user_nom').val();
	var mail = $('#user_mail').val();
	var mail_subject = $('#sujet_mail').val();
	var mail_content = $('#mail_content').val();
	var contact_id = $('#contact_id').val();

	$('.popup_mail').dialog('open');
	
	$.post('ajax/send_mail.php', {nom: nom, mail: mail, mail_subject: mail_subject, mail_content: mail_content, contact_id: contact_id}, function(data){
		switch(data){
		case 'erreur_1':
			$('.popup_mail').dialog('close');
			$('#popup_erreur_texte').empty();
			$('#popup_erreur_texte').append('Vous devez remplir tous les champs du formulaire.');
			$('.popup_erreur').dialog('open');
			break;
		case 'erreur_2':
			$('.popup_mail').dialog('close');
			$('#popup_erreur_texte').empty();
			$('#popup_erreur_texte').append('Votre mail est invalide.');
			$('.popup_erreur').dialog('open');
			break;
		case 'erreur_3':
			$('.popup_mail').dialog('close');
			$('#popup_erreur_texte').empty();
			$('#popup_erreur_texte').append('Une erreur est survenue, veuillez reessayer plus tard.');
			$('.popup_erreur').dialog('open');
			break;
		case 'done':
			$('.popup_mail').dialog('close');
			$('.popup_valid').dialog('open');
			break;
		}
	});
}

var label_timer;
var label_left = 0;
var label_move = false;

$(document).ready(function() {  
    $('.label_bloc_up').mouseenter(function(){
    	label_move = true;
    	label_animate_bloc_up();
    });
     $('.label_bloc_up').mouseleave(function(){
    	 label_move = false;
    	 clearTimeOut(label_timer);
    });
    $('.label_bloc_down').mouseenter(function(){
    	label_move = true;
    	label_animate_bloc_down();
    });
    $('.label_bloc_down').mouseleave(function(){
    	label_move = false;
    	clearTimeOut(label_timer);
    });
});

function label_animate_bloc_up(){
	if(label_move){
		label_left = label_left + 1;
		if(label_left >= 0 && (Math.abs(label_left) <= ($('.bloc_label').height() - $('.content_liste_label_div').height()))){
			$('.bloc_label').css({
				"bottom": label_left+'px'
			});
			label_timer = setTimeout("label_animate_bloc_up()", 8);
		}
	}	
}	


function label_animate_bloc_down(){
	if(label_move){
		label_left = label_left - 1;
		if(label_left >= 0 && Math.abs(label_left) <= ($('.bloc_label').height() - $('.content_liste_label_div').height())){
			$('.bloc_label').css({
				"bottom": label_left+'px'
			});
			label_timer = setTimeout("label_animate_bloc_down()", 8);
		}
	}	
}

var artiste_timer;
var artiste_left = 0;
var artiste_move = false;

$(document).ready(function() {  
    $('.artiste_bloc_up').mouseenter(function(){
    	artiste_move = true;
    	artiste_animate_bloc_up();
    });
     $('.artiste_bloc_up').mouseleave(function(){
    	 artiste_move = false;
    	 clearTimeOut(artiste_timer);
    });
    $('.artiste_bloc_down').mouseenter(function(){
    	artiste_move = true;
    	artiste_animate_bloc_down();
    });
    $('.artiste_bloc_down').mouseleave(function(){
    	artiste_move = false;
    	clearTimeOut(artiste_timer);
    });
});

function artiste_animate_bloc_up(){
	if(artiste_move){
		artiste_left = artiste_left + 1;
		if(artiste_left >= 0 && (Math.abs(artiste_left) <= ($('.bloc_artiste').height() - $('.content_liste_artiste_div').height()))){
			$('.bloc_artiste').css({
				"bottom": artiste_left+'px'
			});
			artiste_timer = setTimeout("artiste_animate_bloc_up()", 8);
		}
	}	
}	


function artiste_animate_bloc_down(){
	if(artiste_move){
		artiste_left = artiste_left - 1;
		if(artiste_left >= 0 && (Math.abs(artiste_left) <= ($('.bloc_artiste').height() - $('.content_liste_artiste_div').height()))){
			$('.bloc_artiste').css({
				"bottom": artiste_left+'px'
			});
			artiste_timer = setTimeout("artiste_animate_bloc_down()", 8);
		}
	}	
}