/**PAGE CONTACT*/

function showDescription(id){
    $('#'+id).slideToggle('slow');
}


/***PRESTATION ET TARIF**/

$('.inner-page-prestation div.foot').live('click', function(e) {
    var _self = $(this).parent();
    var inner = _self.children('.inner');
    inner.animate({height: "toggle"}, 100);
});


/**CMS**/
$('#parent').live('change', function(e){
    var id_parent = e.target.value;
    if(id_parent != "")
    {
        $.ajax({
            type		: 'GET',
            cache		: false,
            contentType         : "application/json; charset=utf-8",
            dataType            : 'json',
            url			: 'cms',
            data		: {
                parent          : id_parent
            },
            error        : function(data){
                alert('une erreur est survenue');
            },
            success	 : function(data) {
                $('#page').empty();
                $('#page').append("<option value=''></option>");
                for(i=0; i<data.length; i++)
                {
                    $('#page').append("<option value='"+data[i][1]+"'>"+data[i][0]+"</option>")
                }
            }
        });        
    }
});


$('#page').live('change', function(e){
    var id_child = e.target.value;

    if(id_child != "")
    {
        $.ajax({
            type		: 'GET',
            cache		: false,
            contentType         : "application/json; charset=utf-8",
            dataType            : 'json',
            url			: 'cms',
            data		: {
                children        : id_child
            },
            error        : function(data){
                alert('une erreur est survenue');
            },
            success	 : function(data) {
                var div = $('.content-page');
                
                div.empty();
		
                div.append("<div class='id_page'><label>Identifiant page</label> : <p>"+ data[0].id_page +"</p></div><br/>");
                div.append("<div class='id_parent'><label>Cat&eacute;gorie</label> : <span> "+ data[0].id_parent +"</span></div><br/>");
                div.append("<div class='name_page'><label>Label</label> : <span style='color:#990000;'>"+ data[0].page_name +"</span></div><br/>");
                div.append("<div class='page_intro'><label>Introduction</label> : <span>"+ data[0].page_intro +"</span></div><br/>");
                div.append("<div class='page_data'><textarea id='editor1' name='editor1' cols='100' rows='10'>"+ data[0].page_data +"</textarea></div><br/>");
                div.append("<div class='dateC'>Creer: <span>"+ data[0].date_created +"</span></div><br/><div class='dateE'>Editer: <span>"+ data[0].date_edit +"</span></div><br/>");
                div.append("<div class='button'><a id='valid'>Valider</a></div>");
                CKEDITOR.replace( 'editor1' );
            }
        });        
    }
 });
 
 
 
 $('#valid').live('click', function(e){
    e.preventDefault();
    var id_page     = $('div.id_page p').text();
    var page_data   = CKEDITOR.instances.editor1.getData();
    $.ajax({
            type		: 'POST',
            cache		: false,
            dataType            : 'text',
            url			: 'cms_update',
            data		: {
		id_page	        : id_page,
		data		: page_data
            },
            error        : function(data){
                alert('une erreur est survenue');
            },
            success	 : function(data) {
		alert('Page mise à jour');
		window.location.reload();
	    }
    });
 });
 
 
 
 
 
 /***MEDIA***/
 
 $('#list_img li img').live('click', function(e){
     var id_media = $(this).data('id');
     var data_old = $(this).data('title');
     $('textarea#desc').text(data_old);
     
     $( "#dialog" ).dialog({
			height: 300,
			width: 350,
			modal: true,
			buttons: {
				"Valider": function() {
					var data = $('textarea#desc').val();

					$.ajax({
						type		: 'POST',
						cache		: false,
						dataType        : 'text',
						url		: 'media_update',
						data		: {
						    id_media	        : id_media,
						    data		: data
						},
						error        : function(data){
						    alert('une erreur est survenue');
						},
						success	 : function(data) {
						  $("#dialog textarea").hide(); 
						  $("#dialog p").fadeIn();
						  $('textarea#desc').text(data);
						  window.location.reload();
						}
					});
				},
				"Annuler": function() {
					$( this ).dialog( "close" );
				}
			}
		});
 });