/*
 * Popup CornerPopup - Behind our website is your donation...
 * (c) 2009, François Revol, revol@free.fr
 * MIT licence
 */


/* emit CSS */

var cornerPopupStyles = "#cornerpopup { position: fixed; top: 0; right: 0; z-index: 999995; }\n"
+"#cornerpopup img { position: fixed; top: 0; right: 0; border: 0; }\n"
+"#cornerpopup .cornerpopup_nohover { position: fixed; top: 0; right: 0; border: 0; z-index: 999996; }\n"
+"#cornerpopup #cornerpopup_small_p { z-index: 999998; display: none; }\n"
+"#cornerpopup .cornerpopup_nohover { z-index: 999999; }\n"

+"#cornerpopup #cornerpopup_small:hover + #cornerpopup_large { display: inline; }\n"
+"#cornerpopup .cornerpopup_hover { display: inline; }\n"
+"#cornerpopup .cornerpopup_nohover:hover { display: inline; }\n"
+"#cornerpopup:hover .cornerpopup_nohover { display: inline; }\n"
+"#cornerpopup #cornerpopup_small:hover { display: none; }\n"
+"#cornerpopup .cornerpopup_nohover { display: none; }\n"
+"#cornerpopup:hover .cornerpopup_hover { display: none ;}\n"

+"#cornerpopup_debug { position: fixed; top: 0; right: 0; z-index: 999995; }\n";

var cornerPopupIEStyles = "#cornerpopup { position: absolute; top: 0; right: 0; }";


var cornerPopupDisabled = false; /* disable all animation */
var cornerPopupPaper = 0;
var cornerPopupTimer1;
var cornerPopupTimer2;
var cornerPopupShrinking = 0;
var cornerPopupImgBase = "http://static.laquadrature.net/cornerpopup/images/";
var cornerPopupChainMouseMove;
var cornerPopupSmallImg1;
var cornerPopupSmallImg2;

var cornerPopupX = 0;
var cornerPopupY = 0;
var cornerPopupLastX = 0;
var cornerPopupLastY = 0;

/*
function dbg(str)
{
  var d = window.document.getElementById("cornerpopup_debug");
  d.innerHTML += str + "<br/>\n";
}
*/

function cornerPopupEvent() {

  switch (cornerPopupPaper) {
    case 0:
      cornerPopupPaper = 1;
      if (cornerPopupSmallImg1)
        cornerPopupSmallImg1.style.display = "none";
      if (cornerPopupSmallImg2)
        cornerPopupSmallImg2.style.display = "inline";
      //setTimeout(cornerPopupEvent, 400);
      break;
    case 1:
      cornerPopupPaper = 0;
      if (cornerPopupSmallImg1)
        cornerPopupSmallImg1.style.display = "inline";
	  if (cornerPopupSmallImg2)
        cornerPopupSmallImg2.style.display = "none";
      //setTimeout(cornerPopupEvent, 2000 + Math.round(Math.random() * 8000));
      break;
    default:
  }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload)
        oldonload();
      func();
    }
  }
}

function cornerPopupInit() {

  cornerPopupOutputHTML();

  cornerPopupSmallImg1 = window.document.getElementById("cornerpopup_small_img1");
  cornerPopupSmallImg2 = window.document.getElementById("cornerpopup_small_img2");

  // start the timer
  if (!cornerPopupDisabled) {
    cornerPopupTimer1 = setInterval("cornerPopupEvent()", 5000);
    setTimeout(function(){cornerPopupTimer2 = setInterval("cornerPopupEvent()", 5000);}, 400);
  }
}

addLoadEvent(cornerPopupInit);

var cornerPopupHTMLCode = "<style type='text/css' media='screen, projection'>/*<![CDATA[*/" + cornerPopupStyles + "/*]]>*/</style>"
+'<div id="cornerpopup">\n'
+'<map id="albaneye_map" name="cornerpopup_map" class="cornerpopup_nohover">\n'
+'<area shape="rect" coords="10,10,390,390" class="cornerpopup_nohover" href="http://www.laquadrature.net/soutien" title="Soutenez la Quadrature !" alt="Soutenez la Quadrature !" />\n'
+'<area shape="rect" coords="1,400,400,410" class="cornerpopup_nohover" href="http://www.laquadrature.net/soutien#footer" title="Ajoutez-moi à votre site..." alt="Ajoutez-moi à votre site..." />\n'
+'</map>\n'
+'<div id="cornerpopup_small">\n'
+'<img id="cornerpopup_small_img1" class="cornerpopup_hover" src="'+cornerPopupImgBase+'cornerpopup_right_c1.png" alt="" />\n'
+'<img id="cornerpopup_small_img2" class="cornerpopup_hover" src="'+cornerPopupImgBase+'cornerpopup_right_c2.png" alt="" style="display: none" />\n'
+'</div>\n'
+'<div id="cornerpopup_large">\n'
+'<a href="http://www.laquadrature.net/soutien"><img id="cornerpopup_large_img" class="cornerpopup_nohover" src="'+cornerPopupImgBase+'cornerpopup_right.png" usemap="#cornerpopup_map" alt="La Quadrature needs your help!" /></a>\n'
+'</div>\n'
+'</div>\n'
+'<div id="cornerpopup_debug" onmouseover="this.innerHTML=\"\";"></div>\n';

function cornerPopupOutputHTML() {
  // avoid breaking jQuery.ready() if possible
  // thanks:
  // http://www.javascriptfr.com/forum/sujet-PETITE-QUESTION-SUR-DOCUMENT-BODY-INNERHTML_944096.aspx
  if (document.createElement && document.body.appendChild) {
    var o = document.createElement("htmlSection");
    o.innerHTML = cornerPopupHTMLCode;
    document.body.appendChild(o);
  } else {
    document.body.innerHTML += cornerPopupHTMLCode;
  }
}