// JavaScript Document
/* ============= useful Functions ============= */

function countChar() {
	// Removes the character entered as the maximum has been reached
	if (commentTextarea.value.length > maxChar) {
		commentTextarea.value = commentTextarea.value.substring(0, maxChar);
	}
	// Handles the display of the number of remaining characters
    if (commentTextarea.value.length > (maxChar - offSet)) {
    	// Calculates the number of characters left
     	var count = maxChar - commentTextarea.value.length;
		  // Processes message
		  if (count == 0) {
			var string = "<span class=\"error\">Stop !! Vous avez atteint la limite en nombre de caractères !</span>";
		  } else if (count == 1) {
			var string = "Il vous reste 1 caractère";
		  } else {
			var string = "Il vous reste " + count + " caractères";
		  }	
		  countHandle.setHTML(string);
	} else {
		countHandle.setHTML('La zone de commentaire  est limitée à ' + maxChar + ' caractères').injectAfter(commentTextarea);
	}
}

function facebook(e) {
    var myEvent = new Event(e);
    u=location.href;
    t=document.title;
    window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
    myEvent.stop();     
}

function frameBuster(){
  if(($$('#content div.bloghead')[0])||($$('#topleftcol div.blogCarHead')[0])) return; // css rules in order to test if this is a blog page - index, post or cat
  if ( top != self ){
    top.location.href = unescape(window.location.pathname);
  }
}

function toggleMain(e) {
    // toggling function - using the href attribute of the source of the event - and bonus : switch class from none to "selected"
    var myEvent = new Event(e);
    var myTarget = myEvent.target;
    var divToShow = $(myTarget.href.split("#")[1]);
    // get the closest parent 'div' tag
    var elemParent = myTarget.getParent();
    while(elemParent.getTag() != 'div') {
    	elemParent = $(elemParent).getParent();
    }
    if(divToShow.getStyle('display')=='none') {
    	// hide every divs
    	var everyDivs = $$(elemParent.getElementsByTagName('a')).getProperty('href'); // #nameoftheid
    	$each(everyDivs, function(singleDiv){
       		divToHide = singleDiv.split('#')[1];
       		$(divToHide).setStyle('display', 'none');
    	});
    	// remove class to the links
    	$each($(elemParent).getElementsByTagName('a'), function(singleLink){
    		singleLink.toggleClass('selected');
	});
    	//show a single div and add 'selected' class to the clicked link
    	divToShow.setStyle('display', 'block');
    }    
    myEvent.stop();
}
function selectText(e) {
	var event = new Event(e);
	var target = event.target;
	target.select();
}
function diggThis(e) {
	var event = new Event(e);
	var voteFx = new Fx.Style($('btvote'), 'opacity', {
		duration: 200, 
		transition: Fx.Transitions.quartInOut
	});
	voteFx.start(1,0).chain(
		voteFx.start.pass([0,1], voteFx)
	).chain(
		voteFx.start.pass([1,0], voteFx)
	).chain	(
		voteFx.start.pass([0,1], voteFx)
	).chain	(
			voteFx.start.pass([1,0], voteFx)
	).chain	(
			voteFx.start.pass([0,1], voteFx)
	)
	// stop propagation
	event.stop();	
}
function smoothScroll(e) {
	var event = new Event(e);
	var target = (!event.target.href) ? event.target.parentNode : event.target;
	var divToScrollTo = target.href.split('#')[1];
	new Fx.Scroll(window).toElement(divToScrollTo);
	// stop propagation
	event.stop();
}
function toggleServices(e) {
	var event = new Event(e);
	var target = (!event.target.href) ? event.target.parentNode : event.target;
	var divToShow = target.href.split('#')[1];
	var myElement = $(divToShow);
	var divHeight = divsHeight[divToShow];
	var currentHeight = myElement.getStyle('height').toInt();
	// toggle
	if(!currentHeight) {
		myElement.effects({
			duration: 1000,
			transition: Fx.Transitions.quadOut
		}).start({
			'opacity':[0,100],
			'height':[0,divHeight]
		});
	} else {
		myElement.effects({
			duration: 1000,
			transition: Fx.Transitions.quadOut
		}).start({
			'opacity':[100,0],
			'height':[divHeight,0]
		});
	}
	// stop propagation
	event.stop();
}
function toggleInline(e) {
	var myEvent = new Event(e);
	var myTarget = myEvent.target;
	var myDiv = myTarget.href.split('#')[1];
	if($(myDiv).getStyle('display') == 'none') {
		$(myDiv).setStyle('display', 'inline');
	} else {
		$(myDiv).setStyle('display', 'none');
	}
	// stop propagation
	myEvent.stop();
}
function toggleBlock(e) {
	var myEvent = new Event(e);
	var myTarget = myEvent.target;
	var myDiv = myTarget.href.split('#')[1];
	if($(myDiv).getStyle('display') == 'none') {
		$(myDiv).setStyle('display', 'block');
	} else {
		$(myDiv).setStyle('display', 'none');
	}
	// stop propagation
	myEvent.stop();
}
function removeEvents() {
	$each($$('*'), function(myElem) {
		Garbage.collect(myElem);
	});
}

function bookmarksite(title, url){
  ATTR_RE= /^http:\/\//gi;
  if (ATTR_RE.test(url)) url = url;
  else url = 'http://' +location.host + url;

    if (document.all) {
        window.external.AddFavorite(url, title);
    }
    else if (window.sidebar) {
        window.sidebar.addPanel(title, url, "")
    }
}

  var xmlHttp
function displayPoll() { 
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
    document.getElementById("list_poll").innerHTML=xmlHttp.responseText 
  }
} 

function GetXmlHttpObject() { 
  var objXMLHttp=null
  if (window.XMLHttpRequest) {
    objXMLHttp=new XMLHttpRequest()
  }
  else if (window.ActiveXObject) {
    objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
  return objXMLHttp
}
  
function submitPoll() {
  var count = 0;
  var parameter = "";
  xmlHttp=GetXmlHttpObject()
  if (xmlHttp==null) {
    return
  } 

  for (var i = 0; i < document.zdpoll.elements.length; i++) {    
    var value = "";  

    if (document.zdpoll.elements[i].type == 'hidden') {
       count++;
       value = document.zdpoll.elements[i].value;
    }      

    if(value != "") {
      if(count == 1)
        parameter = document.zdpoll.elements[i].name + "=" + value;
      else
        parameter = parameter + "&" + document.zdpoll.elements[i].name + "=" + encodeURI(document.zdpoll.elements[i].value);
    }
  }
  var rlen = document.zdpoll.OPTION_ID.length;
  for(var j=0; j<rlen; j++) {
    if(document.zdpoll.OPTION_ID[j].checked) {
      parameter = parameter + "&OPTION_ID=" + document.zdpoll.OPTION_ID[j].value;
    }
  }

  url = "/2007/templates/ne/common/rightcolumn_poll.htm";
  xmlHttp.onreadystatechange=displayPoll;
  xmlHttp.open("POST",url,true);
  xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xmlHttp.setRequestHeader("Content-length", parameter.length);
  xmlHttp.setRequestHeader("Connection", "close");
  xmlHttp.send(parameter);
}

/* ============= Init functions ============= */

function initCopypodcast() {
    if(!$('podcastaddress')) return;
    $('podcastaddress').addEvent('click', selectText);
}

function initServices() {
	if(!$('storyaudio')) return; // not on every pages - has to be tested
	/* div to toggle's height */
	divsHeight = new Array();
	divsHeight['storyaudio'] = $('storyaudio').getStyle('height').toInt();
	divsHeight['storysend'] = $('storysend').getStyle('height').toInt();
	divsHeight['storyblog'] = $('storyblog').getStyle('height').toInt();
	/* hide everything */
	$('storyaudio').effects().set({'height':[0], 'opacity':[0]});
	$('storysend').effects().set({'height':[0], 'opacity':[0]});
	$('storyblog').effects().set({'height':[0], 'opacity':[0]});
	/* adding events */
	$('btlisten').addEvent('click', toggleServices);
	$('btsend').addEvent('click', toggleServices);
	$('btblog').addEvent('click', toggleServices);
	$('btreact').addEvent('click', smoothScroll);
	$('btvote').addEvent('click', diggThis);
	// blog inputs
	$('copyblog').addEvent('click', selectText);
	$('copylink').addEvent('click', selectText);
	$('copyforum').addEvent('click', selectText);
}
function initNavCloud() {
    if(!$('navcloud')) return; // not on every pages - has to be tested
    var navClouds = $$("#navcloud h4 a");
    var cloudsName = ["alpha", "popu"];
    navClouds.forEach(function (navCloud) {navCloud.addEvent("click", toggleMain);});
    $each(cloudsName, function (cloudName) {$(cloudName).setStyle("display", "none");});
    $("popu").setStyle("display", "block");
}
function initHighlightCommentScroll() {
	if(!$$('#storytext blockquote')[0]) return;
	highlightedComment = $$('#storytext blockquote a')[0];
	highlightedComment.addEvent('click', smoothScroll);
}
function initFooter() {

	//vars
	var navLinks = $$('#bottomnav a');
	var navNames = ["cnet","sitemap"];
	
	// add behaviour
	$each(navLinks, function(myNavLink) {myNavLink.addEvent('click', toggleMain);});
	
	// hide all links
	// $each(navNames, function(myNav){ $(myNav).setStyle('display','none')});
	$('sitemap').setStyle('display', 'none');
	$('cnet').setStyle('display', 'none');  

	
	// display default
	$('sitemap').setStyle('display', 'block');
}
function initLogin() {
	var connectLink = $('connect');
	if(!connectLink) return; // adding this test 'cause on the channel emploi there is no such an element
	//hide form
	$('loginform').setStyle("display", "none");
	//add behaviour
	connectLink.addEvent('click', toggleInline);
}
function initMoreEdit() {
	if(!$('moreedit')) return; // not on every pages - has to be tested
	//vars
	var navLinks = $$('#moreedit h3 a');
	var toggleElements = $$('#moreedit p');
	//alert(toggleElements);
	// add behaviour
	$each(navLinks, function(myNavLink) {myNavLink.addEvent('click', toggleBlock);});
	// hide all links
	$each(toggleElements, function(toggleElement){$(toggleElement).setStyle('display','none')});
	// display default
	$('par1').setStyle('display', 'block');
	//$('nomdelelement').setStyle('display', 'block')
}
function initSendEditors() {
	var sendLink = $('sendlink');
	if(!sendLink) return; // adding this test 'cause on the channel emploi there is no such an element
	//hide form
	$('authorsend').setStyle("display", "none");
	//add behaviour
	sendLink.addEvent('click', toggleBlock);
}

function previewTalkback() {
  if(!$('talkbackform')) return;
  $('comment_text').addEvent('keydown', buildComment);
}


/*function initSendTalkback() {
  $('parentform').addEvent('submit', function(e) {
  new Event(e).stop();
  //$('talkbackform').injectInside('talkbackform-container');
  //var log = $('talkback_list').empty().addClass('ajax-loading');
  //var log = $('talkback_list');
  this.send({});
  //var myAjax = new Ajax('/sandbox/gregoire/reply.htm', {method: 'post', update:'talkback_list'}).request();
  $('comment_text').setProperty('value', "");
  $('PARENT_ID').setProperty('value', "");
  });
}*/

/* hp scripts */
function initNewsAccordion() {
  if(!$('mainnews')) return; // test 'cause we need that on the hp only
    var newsTabs = $$('#newschooser li');
    var newsStretchers = $$('ul.news');
    var newsAccordion = new Accordion(newsTabs, newsStretchers, {duration:500, opacity: 0, transition: Fx.Transitions.sineInOut,
      onActive: function(targetElem){
        targetElem.addClass('selected');
      },

      onBackground: function(elem){
        elem.removeClass('selected');
      }
  });
  var accordionTitles = $$('ul.news').getFirst();
  accordionTitles.each(function(title) {
    title.setStyle('display', 'none');
    }
  )
}

function initProductsAccordion() {
  if(!$('mainproducts')) return; // test 'cause we need that on the hp only
  var productsTabs = $$('#productschooser li');
  var productsStretchers = $$('ul.products');
  var productsAccordion = new Accordion(productsTabs, productsStretchers, {duration:500, opacity: 0, transition: Fx.Transitions.sineInOut,

    onActive: function(targetElem){
      targetElem.addClass('selected');
    },

    onBackground: function(elem){
      elem.removeClass('selected');
    }
  });
  var accordionTitles = $$('ul.products').getFirst();
  accordionTitles.each(function(title) {
    title.setStyle('display', 'none');
    }
  )
}

function initBlogsAccordion() {
  if(!$('mainblogs')) return; // test 'cause we need that on the hp only
  var blogsTabs = $$('#mainblogs p.bloggers img');
  var blogsStretchers = $$('#mainblogs div');
  var blogsAccordion = new Accordion(blogsTabs, blogsStretchers, {duration:500, opacity: 0, transition: Fx.Transitions.sineInOut,

    onActive: function(targetElem){
      targetElem.addClass('selected');
    },

    onBackground: function(elem){
      elem.removeClass('selected');
    }
  });
  /* prevent default behavior */
  $each(blogsTabs, function(blogsTab){
    blogsTab.addEvent('click', function(event){
      event = new Event(event);
      event.preventDefault();
    });  
  })
}

function initDownloadsAccordion() {
  if(!$('maindownloads')) return; // test 'cause we need that on the hp only
  var downloadsTabs = $$('#downloadschooser li');
  var downloadsStretchers = $$('ul.downloads');
  var downloadsAccordion = new Accordion(downloadsTabs, downloadsStretchers, {duration:500, opacity: 0, transition: Fx.Transitions.sineInOut,

    onActive: function(targetElem){
      targetElem.addClass('selected');
    },

    onBackground: function(elem){
      elem.removeClass('selected');
    }
  });
  var accordionTitles = $$('ul.downloads').getFirst();
  accordionTitles.each(function(title) {
    title.setStyle('display', 'none');
    }
  )
}

function opensend2friendbox() {
	if(!$('storysend')) return;
	var send2friendboxflag = Cookie.get("send2friendbox");
	var divHeight = divsHeight['storysend']
	if (send2friendboxflag) {
		$('storysend').effects().set({'opacity':[100], 'height':[divHeight]});
	}
}

function initFacebook() {
	if(!$('btfacebook')) return;
//	alert('toto');
	$('btfacebook').addEvent('click', facebook);
}

function initCountChar() {
	commentTextarea = $("comment_text");
	
	if(!commentTextarea) return;
	// clear the field on load
	commentTextarea.value = '';
	maxChar = 3000;
	offSet = 50;
	
	// Creates an element to serve as a handle
	countHandle = new Element('div', {'class': 'count'});
	// Injects this element just after the textarea
	countHandle.setHTML('La zone de commentaire  est limitée à ' + maxChar + ' caractères').injectAfter(commentTextarea);
	// Add the behavior on the textarea	
	commentTextarea.addEvent('keyup', countChar);
}

// LOAD SCRIPTS
var load_method = (window.ie ? 'load' : 'domready'); // ie fix

window.addEvent(load_method, initCountChar);
window.addEvent(load_method, initCopypodcast);
window.addEvent(load_method, initFacebook);
window.addEvent(load_method, initLogin); 
window.addEvent(load_method, initFooter); 
window.addEvent(load_method, initMoreEdit); 
window.addEvent(load_method, initServices); 
window.addEvent(load_method, initNavCloud); 
window.addEvent(load_method, initSendEditors); 
window.addEvent(load_method, initHighlightCommentScroll); 
window.addEvent(load_method, frameBuster); 
window.addEvent(load_method, opensend2friendbox);

window.addEvent(load_method, initNewsAccordion); 
window.addEvent(load_method, initBlogsAccordion);
window.addEvent(load_method, initProductsAccordion); 
window.addEvent(load_method, initDownloadsAccordion);