var posX = 0;
var posY = 0;


window.addEvent('domready', function() {


    var myVerticalSlide = new Fx.Slide('vertical_slide').hide();
    var myVerticalSlide2 = new Fx.Slide('vertical_slide2').hide();
    var myVerticalSlide3 = new Fx.Slide('vertical_slide3').hide();
    var el = $('button_up_opacity');




    $('v_toggle').addEvent('click', function(e){
        e.stop();
        myVerticalSlide.toggle();
        myVerticalSlide2.slideOut();
        myVerticalSlide3.slideOut();
    });

    $('v2_toggle').addEvent('click', function(e){
        e.stop();
        myVerticalSlide2.toggle();
        myVerticalSlide.slideOut();
        myVerticalSlide3.slideOut();

    });

    $('v3_toggle').addEvent('click', function(e){
        e.stop();
        myVerticalSlide3.toggle();
        myVerticalSlide.slideOut();
        myVerticalSlide2.slideOut();

    });




});




function position(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
//window.status = "Souris x:"+x+" | y:"+y;
posX = x;
posY = y;
}




if (navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;

function show_div(id_div,bckg_color,bckg_img,name)
{
    if(bckg_img!="")
    {
      document.getElementById('divprev').style.backgroundImage = 'url('+bckg_img+')';
      document.getElementById('divprev').style.backgroundPosition = 'center';
    }
    else
    {
      document.getElementById('divprev').style.backgroundColor = bckg_color;
      document.getElementById('divprev').style.backgroundImage = '';
    }

    document.getElementById('divprev_text').innerHTML = name;

    document.getElementById(id_div).style.left =posX+8+"px";
    document.getElementById(id_div).style.top  =posY+13+"px";
    document.getElementById(id_div).style.display  = "block";

}

function hide_div(id_div)
{
    document.getElementById(id_div).style.display  = "none";
}


function get_list_ajax(email,fileid,tp)
{ 

    var xajax = null;

    if(window.XMLHttpRequest) xajax = new XMLHttpRequest();
    else if(window.ActiveXObject) xajax = new ActiveXObject("Microsoft.XMLHTTP"); 
    else return(false);

    var str = "em="+email+"&design="+fileid+"&tp="+tp;

     
    // Ici on ouvre la page en utilisant la methode POST 
    xajax.open("POST","./list_design_ajax.php",false);

    // On envoie les headers, ce qui caractérise ce que l'on va envoyer a la page php, en général cela ne change pas. 
    xajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 

    // On envoie notre variable qui contient l'info que l'on veut envoyer. 
    xajax.send(str); 


    // Lorsque l'objet AJAX est pret et qu'il a reçu le texte de retour de la page php, on l'affiche dans un div en utilisant la propriété innerHTML 
    if(xajax.readyState == 4) { 
      var div = document.getElementById('contenu_designs');
      div.innerHTML = xajax.responseText; 
    } 
}