$(document).ready(function() {
	
	//Account creation form
	$('#radio_btn input:radio').change(function () {
		var value = $(this).val();
		if (value == '1'){
			$('#phone_yes').show();
			$('#phone_no').hide();
		} else {
			$('#phone_yes').hide();
			$('#phone_no').show();
		}
	})
	$('#radio_btn4 input:radio').change(function () {
		var value = $(this).val();
		if (value == '1'){
			$('#phone_type').show();
		} else {
			$('#phone_type').hide();
		}
	})
	//Add password error message
	if ( $('#UserPassword').length != 0 ) {
		password = $('#UserPassword').attr('class');
		if (password.search("form-error") != -1){
			$('#password_wrapper').append("Lss mots de passe doivent correspondre");
		}
	}
	//Validation
	if ($('form').length > 0){$("form").validate()};
	//Add form element
	var i = 1;
	$('.ajouter_wrapper').click(function () {
		if (i == 1) {
			$('#insert1').prepend("<span id='removeme1'><p class='input_row'><label for='RecommendationRecFirstname'>Prénom</label><img src='/images/backgrounds/required.gif' alt='TELUS' />&nbsp;<input name='data[holding][rec_firstname]["+i+"]' type='text' class='rec_firstname required' maxlength='250' /></p><p class='input_row'><label for='RecommendationRecLastname'>Nom</label><img src='/images/backgrounds/required.gif' alt='TELUS' />&nbsp;<input name='data[holding][rec_lastname]["+i+"]' type='text' class='rec_lastname required' maxlength='250' /></p><p class='input_row courriel_push'> <label for='RecommendationRecEmail'>Courriel</label><img src='/images/backgrounds/required.gif' alt='TELUS' />&nbsp;<input name='data[holding][rec_email]["+i+"]' type='text' class='rec_email required email' maxlength='250' /></p></span>");
			$('#insert1').show();
		} else if (i == 2) {
			$('#insert2').prepend("<span id='removeme2'><p class='input_row'><label for='RecommendationRecFirstname'>Prénom</label><img src='/images/backgrounds/required.gif' alt='TELUS' />&nbsp;<input name='data[holding][rec_firstname]["+i+"]' type='text' class='rec_firstname required' maxlength='250' /></p><p class='input_row'><label for='RecommendationRecLastname'>Nom</label><img src='/images/backgrounds/required.gif' alt='TELUS' />&nbsp;<input name='data[holding][rec_lastname]["+i+"]' type='text' class='rec_lastname required' maxlength='250' /></p><p class='input_row courriel_push'> <label for='RecommendationRecEmail'>Courriel</label><img src='/images/backgrounds/required.gif' alt='TELUS' />&nbsp;<input name='data[holding][rec_email]["+i+"]' type='text' class='rec_email required email' maxlength='250' /></span></p>");
			$('#insert2').show();
		} else { alert("Veuillez soumettre le formulaire et continuer par la suite, vous n'aurez pas besoin d'entrer vos informations à nouveau."); i = i - 1;}
		i = i + 1;
	})
	//Remove form element
	$('#remove1').click(function () {
		$('#insert1').hide();
		$('#removeme1').remove();
		i = i - 1;
	});
	$('#remove2').click(function () {
		$('#insert2').hide();
		$('#removeme2').remove();
		i = i - 1;
	});
	//Appareils
	$("img.jgrow").hover(function() {
    	//Shrink image
    	$(".jgrow").animate({ 
			width: "90px",
			height: "166px",
			paddingTop: "42px"
			}, { queue:false, duration:250 }, "easein" );
    	//Grow images
    	$(this).animate({ 
			width: "100px",
			height: "185px",
			paddingTop: "25px"
			}, { queue:false, duration:250 }, "easein" );
    	//Swap content
		var content = $(this).attr("id").replace("img", "phone");
		$('.phone').hide();
		$('#' + content).show();
    });
	//Evenements
	$(".eventTab").click(function() {
		$(".eventTab").removeClass('selected');
		$(this).addClass('selected');
		var content = $(this).attr("id").replace("content", "event");
		$('.eventView').hide();
		$('#' + content).show();
    });
	//Music
	$(".musicTab").click(function() {
		$("#music_header").html($(this).html());
		$(".musicTab").removeClass('selected');
		$(this).addClass('selected');
		var content = $(this).attr("id").replace("tab", "content");
		$('.musicView').hide();
		$('#' + content).show();
    });
	//Oreillettes
	$(".earimg").hover(function() {
		var info = $(this).attr("id").replace("earimg", "info");
		$('.littleDemo').hide();
		$('#' + info).show();
    });
	//Popin
    $("a[rel^='prettyPopin']").prettyPopin({ followScroll: false });
	
});