/*
 *  * image_light est appelee pour mettre une image dans la lightform et placer
 *   * des handlers sur les event click des liens suivant et precedent
 *    */
function image_light(href) {
        $("#img-portfolio").hide().attr('src',href).fadeIn('fast');

        if(navigator.userAgent.match('iPad')) {
            $("#opaque").show().css('opacity',"0.6");
            $("#box-portfolio") .addClass('displayed')
                .css('top', ($(window).height()-$("#box-portfolio").height())/2+$(window).scrollTop()  )
                .show();
        } else {
            $("#opaque").show().animate({opacity:"0.6"},500);          // Effet d'apparition de #opaque
            $('#box-portfolio').addClass('displayed').fadeIn("slow");  // Effet d'apparition de la div.box
        }

        var suivant =
        $("#vignettes li a[href="+href+"]")  // recupere le <A> contenant le href
                .parent()       // remonte au <LI> conteneur
                .next()         // LI suivant
                .find('a')      // A dans le LI suivant
                .attr('href')           // attribut href du A du LI suivant.
                ;

        if(!suivant) suivant = $("#vignettes li:first a").attr('href'); // boucle si pas de suivant

        $("#portfolio-suivant").unbind('click').click( function() { return image_light(suivant); } );

        var precedent =
        $("#vignettes li a[href="+href+"]")  // recupere le <A> contenant le href
                .parent()       // remonte au <LI> conteneur
                .prev()         // LI suivant
                .find('a')      // A dans le LI suivant
                .attr('href')           // attribut href du A du LI suivant.
                ;
        if(!precedent) precedent = $("#vignettes li:last a").attr('href'); // boucle si pas de precedent

        $("#portfolio-precedent").unbind('click').click( function() { return image_light(precedent); } );

        return false;
}


function mce(ident) {
 if(typeof(tinyMCE)!='undefined')
 tinyMCE.init(
			{ 
		    mode:                            	"specific_textareas",
		    editor_selector:                 	"mceEditor",
		    skin:                            	"o2k7",
		    skin_variant:                    	"silver",
		    width: 								"670px",
		    height:								"470px",
		    language:                        	"fr",
		    plugins:                         	"fullscreen,paste,table,insertdatetime,emotions,save",
		    theme:                          	"advanced",
		    theme_advanced_buttons1 :        	"bold,italic,|,bullist,numlist,|,sub,sup,|,formatselect",
		    theme_advanced_buttons2 :        	"save,|,cut,copy,paste,pastetext,pasteword,|,link,unlink,|,code,fullscreen",
		    theme_advanced_buttons3 :        	"",
		    theme_advanced_buttons4 :        	"",
		    theme_advanced_toolbar_location: 	"top",
			theme_advanced_toolbar_align : 		"left",
			content_css : 						"/css/oms18-2010.css,/css/admin.css",
		    theme_advanced_blockformats:     "p,div,h1,h2,h3,h4,h5,h6,blockquote,code,samp",
			cleanup : "true",
			});
}

function updatenews(element,id) {
	var name  = $(element).attr('name');
	var value = $(element).val();

	$.get("updatenews.cgi",{ NAME:name,VALUE:value,ID:id },function(data) { /* alert(data);*/ });
}


function getfile(){
    document.getElementById('hiddenfile').click();
    document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value
}


/* 2 fonction pour la lecture du cookie de session */
function arguments_cookies(offset){
  var endstr=document.cookie.indexOf (";", offset);
  if (endstr==-1) endstr=document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr)); 
}

function lire_cookie(nom) {
  var arg=nom+"=";
  var alen=arg.length;
  var clen=document.cookie.length;
  var i=0;

  while (i<clen){
    var j=i+alen;
    if (document.cookie.substring(i, j)==arg)
       return arguments_cookies(j);
    i=document.cookie.indexOf(" ",i)+1;
    if (i==0) break;
  }
  return null; 
}

function lightform() {

	/* gestion du fixed sur iPad ------------------------------------------------------------------------------------- */
	if(navigator.userAgent.match('iPad')) {

		$('#opaque').css('position','absolute').css('height',$('html').height()+'px');

		/*
		$('#opaque').css('position','absolute').css('height','100%');

		$(window).scroll( function() {
			$('div.box.displayed').each( function(i,e) {
				// $(e).css('top', ($(window).height()-$(e).height())/2+$(window).scrollTop()  )
			} );
		} );
		*/
	}

	/*
 	 * handle pour chaque click sur un lien de classe lightform
 	 */
	if(navigator.userAgent.match('iPad')) {

		$("div.box").css('position','absolute')

		$('a.lightform').click( function() {
               		// on recupere le href du lien qui doit etre le lien local vers la div.box contenant le formulaire
			var href = $(this).attr('href');

			$("#opaque").show().css('opacity',"0.6");
			$("div.box.displayed").removeClass('displayed').hide();
			$(href) .addClass('displayed')
				.css('top', ($(window).height()-$(href).height())/2  )
				.fadeIn("slow");     // Effet d'apparition de la div.box
			return false;
		});
	} else {
		$('a.lightform').click( function() {
               		// on recupere le href du lien qui doit etre le lien local vers la div.box contenant le formulaire
			var href = $(this).attr('href');

			$("#opaque").show().animate({opacity:"0.6"},500); // Effet d'apparition de #opaque
			$("div.box.displayed").removeClass('displayed').hide();
			$(href) .addClass('displayed').fadeIn("slow");    // Effet d'apparition de la div.box
		return false;
		});
	}

	/*
 	 * Handle pour le click sur #opaque, donc a l'exerieur de la div.box
 	 */
	$("#opaque").click( function() {
		// Fait disparaitre #opaque et toutes les div.box
		$("#opaque,div.box").removeClass('displayed').fadeOut("slow"); 
	 });


}

function edit_tiny(i) {
	$("#opaque").show().animate({opacity:"0.6"},500); // Effet d'apparition de #opaque
	$("#box-form-static-tiny input[name=file]").val(i);

	if(navigator.userAgent.match('iPad') || typeof(tinyMCE)=='undefined' ) 
		$("#box-form-static-tiny textarea").val( $('#'+i+' div.wrap').html() );
	else
		tinyMCE.activeEditor.setContent($('#'+i+' div.wrap').html() );

	$("#box-form-static-tiny") .addClass('displayed').fadeIn("slow");    // Effet d'apparition de la div.box
	return false;
}

$(document).ready( function() {
	var name; // variable globale 
	var login_name = lire_cookie('login');

	$("#lastnews").load("news/accueil.html?RAND="+Math.random());
	$("#listnews").load("news/list.html?RAND="+Math.random());

	var album=location.hash.replace(/#/,'');
	if(album)
		$("#vignettes").load( (login_name)?"phototheque/"+album+".admin.html":"phototheque/"+album+".html?RAND="+Math.random());
	else
		$("#vignettes").load( (login_name)?"phototheque/albums.admin.html":"phototheque/albums.html?RAND="+Math.random());

	// AJAX pour charger les contents editables
	$("div.editable").each( function(i,e) {
		if(login_name)
			$(e).load("/content/"+$(e).attr('id')+".txt?r="+Math.random(), function() {
				$(this) .wrapInner('<div class="wrap"/>')
						.prepend( '<div class="editbarre">'
								+"  <a href='#' onclick='edit_tiny(\""+$(this).attr('id')+"\");'><span>Éditer</span></a>"
								+'</div>');

			}); 
		else
			$(e).load("/content/"+$(e).attr('id')+".txt?RAND="+Math.random());
		} );

	/* Lit si il y a un cookie session, si oui, il contient le nom de login pour faire des trucs */
	if(login_name) {
		$('body').addClass('admin');
		$("#lien-back-office").hide();
		$("#back-admin").load("lightbox.html?RAND="+Math.random(), function() {
		
		$("#liste-news").load("news/listadmin.html?RAND"+Math.random());

		if(! navigator.userAgent.match('iPad')) if(typeof(tinyMCE)!='undefined') mce(1);
		lightform();
		} );
	} else {
		$('body').addClass('noadmin');
		lightform();
	} 

	$('#form-contact input[type=text]')
		.focusin( function() {                               // gestion de l'event focus clavier
			if($(this).is('.champ_vide')) {                  // si on est dans un champs non remplit
				$(this).attr('vide',$(this).val());          // sauvegarde le titre (qui est dans val)
				$(this).removeClass('champ_vide').val('');   // et vide val() pour remplir
				}
			} )
		.focusout( function() {                              // gestion de l'event perte de focus clavier
			if($(this).val()=='')                            // si le champ n'est pas remplit
				$(this).val( $(this).attr('vide') )          // remet le titre depuis l'attribut sauvegarder
						.addClass("champ_vide");
			} )
		.addClass('champ_vide');                             // Les champs sont vide au départ

	// gestion des titres du textarea
	$('#form-contact textarea')
		.focusin( function() {                               // gestion de l'event focus clavier
			if($(this).is('.champ_vide')) {                  // si on est dans un champs non remplit
				$(this).attr('vide',$(this).val());          // sauvegarde le titre (qui est dans val)
				$(this).removeClass('champ_vide').val('');   // et vide val() pour remplir
			}
		} )
		.focusout( function() {                              // gestion de l'event perte de focus clavier
			if($(this).val()=='')                            // si le champ n'est pas remplit
				$(this).val( $(this).attr('vide') )          // remet le titre depuis l'attribut sauvegarder
						.addClass('champ_vide');
			} )
		.addClass('champ_vide');                   

	/* gestion du submit du formulaire de contact en AJAX */
	$('#form-contact').submit( function() {

		if($(this).find('input.champ_vide, textarea.champ_vide').length)
			alert('Merci de bien vouloir remplir tous les champs');
		else {
			var email = $(this).find('input[name=email]').val();
			var message = $(this).find('textarea').val();

			$(this).find('input[type=text]').each( function(i,e){
				message = $(e).attr('name')+" = "+$(e).val()+"\n" + message;
				} );
	
			$.post("contact.cgi",{ email:email, message:message },function(data) {
				if(data.substring(0,2)=='OK') {
					$("#box-form-contact").fadeOut('fast');
					$("#box-merci").fadeIn('slow');
				} else alert(data);
			} );
		}
		return false;
	} );

/***********************************************************************************************************************/

	$("#opaque").click( function() {
		$("form.box,div.box,#opaque").fadeOut("slow");
		$("#divideo").hide();
		 }).hide();

	$("div.box").hide();
} );

Shadowbox.init({
    handleOversize: "drag",
    modal: false,
showMovieControls: true
});