jQuery(function($){
	$("#event_phone").mask("99 99 99 99 99");
	$("#event_start_date, #event_end_date").mask("99/99/99");
	$("#event_start_hour, #event_end_hour").mask("99:99");
	
	uploadphoto = $('#addphoto').attr('nb');
	if(!uploadphoto) uploadphoto = 1;
	
	if($('#diapo')) showDiapo();

	$('select.categories').change(function() {
		link = $(this).val();
		window.location.href= link;
	});
	
    $('#event_postcode').change(function() {
		cp = $(this).val();

		$.ajax({
			url: "../fr/account/citieslist/",
			type: "POST",
			data: ({cp : cp}),
			dataType: "text",
			complete : function (data){
				$("#city_id").html(data.responseText);
			}
		});

    });
    
    $('#addphoto').click(function(){
    	uploadphoto++;
    	html = '<tr><td><label for="photo_'+uploadphoto+'">Photo '+uploadphoto+'</label></td><td>';
    	html += '<input type="file" name="image_'+uploadphoto+'" id="photo_'+uploadphoto+'" size="50"/>';
    	html += '</td></tr>';
    	if(uploadphoto <= 5){
    		$('#photo').before(html);
    	}
    	if(uploadphoto == 5){
    		$('#photo').hide();
    	}
    });

	// We only want these styles applied when javascript is enabled
	/*$('div.navigation').css({'width' : '500px', 'float' : 'left'});*/
	$('div.content').css('display', 'block');
	if($('#thumbs').length>0)
	{
	    var gallery = $('#thumbs').galleriffic({
	        delay:                     3000, // in milliseconds
	        numThumbs:                 16, // The number of thumbnails to show page
	        preloadAhead:              16, // Set to -1 to preload all images
	        enableTopPager:            false,
	        enableBottomPager:         true,
	        maxPagesToShow:            10,  // The maximum number of pages to display in either the top or bottom pager
	        imageContainerSel:         '#slideshow', // The CSS selector for the element within which the main slideshow image should be rendered
	        controlsContainerSel:      '#controls', // The CSS selector for the element within which the slideshow controls should be rendered
	        captionContainerSel:       '#caption', // The CSS selector for the element within which the captions should be rendered
	        loadingContainerSel:       '#loading', // The CSS selector for the element within which should be shown when an image is loading
	        renderSSControls:          true, // Specifies whether the slideshow's Play and Pause links should be rendered
	        renderNavControls:         true, // Specifies whether the slideshow's Next and Previous links should be rendered
	        playLinkText:              'Jouer',
	        pauseLinkText:             'Pause',
	        prevLinkText:              'Précédente',
	        nextLinkText:              'Suivante',
	        nextPageLinkText:          '&rsaquo;&rsaquo;',
	        prevPageLinkText:          '&lsaquo;&lsaquo;',
	        enableHistory:             false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
	        enableKeyboardNavigation:  true, // Specifies whether keyboard navigation is enabled
	        autoStart:                 false, // Specifies whether the slideshow should be playing or paused when the page first loads
	        syncTransitions:           false, // Specifies whether the out and in transitions occur simultaneously or distinctly
	        defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions
	        onSlideChange:             undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
	        onTransitionOut:           undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
	        onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
	        onPageTransitionOut:       undefined, // accepts a delegate like such: function(callback) { ... }
	        onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
	        onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
	        onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
	    });
	}
});

photo = 0;
function showDiapo()
{
	var i = 0;
	$('#diapo_txt > a').each(function(j)
	{
		if(i==photo) $(this).show();
		else $(this).hide();
		i++;
	});
	photo = (photo>=i-1) ? 0 : photo+1;
	$('#diapo_txt').fadeIn("slow", function(){
		setTimeout('hideDiapo()', 5000);
	});
}
function hideDiapo()
{
	$('#diapo_txt').fadeOut("slow", function(){
		showDiapo();
	});
}