// generic function to toggle between tab sections
// use: see templates/modules/recent_updates/body.tpl
// author: mike horn
// modified by: regina luk
function toggleTab(module,section) {

  // get all ULs in module
  var uls = document.getElementById(module).getElementsByTagName('ul');

  // find the tabs
  var tabs = new Array();
  for (i=0;i<uls.length;i++)
    if (uls[i].className == 'tabs') tabs = uls[i].getElementsByTagName('li');

  // get all DIVs in module
  var divs = document.getElementById(module).getElementsByTagName('div');

  // get sections
  var sections = new Array();
  for (i=0;i<divs.length;i++)
    if (divs[i].className == 'section') sections[sections.length++] = divs[i];

  // check if tab # is equal to section #
  if (tabs.length != sections.length) {
    alert('warning: your number of tabs ('+tabs.length+') differs from your number of sections ('+sections.length+')');
    return;
  }

  // turn on selected tab
  section--;
	for (i=0;i<tabs.length;i++) {
		if (i == section)
		{
			if ((tabs[i].className != '') && (tabs[i].className.indexOf(' on') < 0)) tabs[i].className = tabs[i].className + ' on'
			else if(tabs[i].className == '') tabs[i].className = 'on'
		}
		else
		{
			if (tabs[i].className.indexOf(' on') > 0) tabs[i].className = tabs[i].className.slice(0,tabs[i].className.indexOf(' on'));
			else if(tabs[i].className.indexOf('on') >= 0) tabs[i].className = '';
		}
	}

  // turn on selected content
  for (i=0;i<sections.length;i++) {
    if (i == section) sections[i].style.display = '';
    else sections[i].style.display = 'none';
  }
}

function toggleFormSection(hidden_div,section)
{
	var divs = document.getElementById(hidden_div).getElementsByTagName('div');
	var all_b = document.getElementById(hidden_div).getElementsByTagName('b');
	var sections = new Array();
	var btns = new Array();

	for(i=0;i<divs.length;i++)
		if(divs[i].className == 'section') sections[sections.length++] = divs[i];

	for(i=0;i<all_b.length;i++)
		if((all_b[i].parentNode.className.indexOf('btn') >= 0) && (all_b[i].parentNode.parentNode.className != 'section')) btns[btns.length++] = all_b[i];

	if (sections.length != btns.length)
	{
		alert("Warning: your number of buttons (" + btns.length + ") differs from your number of sections (" + sections.length + ")!");
		return;
	}

	for(i=0;i<sections.length;i++) {
		if(i == section)
		{
			if (sections[i].style.display == '')
			{
				sections[i].style.display = 'none';
				btns[i].innerHTML = "Change";
			}
			else
			{
				sections[i].style.display = '';
				btns[i].innerHTML = "Close";
			}
		}
		else
		{
			sections[i].style.display = 'none';
			btns[i].innerHTML = "Change";
		}
	}
}

/* main page video box (domestic & intl) 
===================================================================== */
var cnnMpVpCurPage = 1;
var cnnMpVpLock = false;
function cnnMpVpBlur( lnk ) {
	try {
		lnk.blur();
	} catch(e) {};
}
/*
 * cnnMpVpNext() and cnnMpVpPrev()
 * are called from previous and next buttons
 */
function cnnMpVpNext( lnk ) {
	cnnMpVpBlur( lnk );
	if((cnnMpVpCurPage < 3)&&(!cnnMpVpLock)) {
		cnnMpVpSlideLeft();
	}
}

function cnnMpVpPrev( lnk ) {
	cnnMpVpBlur( lnk );
	if((cnnMpVpCurPage > 1)&&(!cnnMpVpLock)) {
		cnnMpVpSlideRight();
	}
}

/*
 * cnnMpVpPage( intPage )
 * called from clicking on gray dot icon
 */
function cnnMpVpPage( intPage, lnk ) {
	cnnMpVpBlur( lnk );
	if((cnnMpVpCurPage != intPage)&&(!cnnMpVpLock)) {
		if(cnnMpVpCurPage < intPage) {
			if((intPage - cnnMpVpCurPage) > 1) {
				cnnMpVpSlideDoubleLeft();
			}
			else {
				cnnMpVpSlideLeft();
			}
		}
		else {
			if((cnnMpVpCurPage - intPage) > 1) {
				cnnMpVpSlideDoubleRight();
			}
			else {
				cnnMpVpSlideRight();
			}
		}
	}
}

function cnnLockMpVp( intDur ) {
	var cnnLockDur = intDur * 100;
	cnnMpVpLock = true;
	setTimeout(function() { cnnMpVpLock = false; },cnnLockDur);
}
function cnnMpVpSlideLeft() {
	cnnLockMpVp(3);
	new Effect.MoveBy( 'fanCtnt0', 0, -336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt00', 0, -336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt1', 0, -336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt11', 0, -336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt2', 0, -336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt22', 0, -336 , {duration: 0.3} );
	cnnMpVpCurPage++;
	cnnMpVpMoveDot();
	cnnMpVpUpdateBtns();
}

function cnnMpVpSlideDoubleLeft() {
	cnnLockMpVp(6);
	new Effect.MoveBy( 'fanCtnt0', 0, -672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt00', 0, -672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt1', 0, -672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt11', 0, -672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt2', 0, -672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt22', 0, -672 , {duration: 0.6} );
	cnnMpVpCurPage++;
	cnnMpVpCurPage++;
	cnnMpVpMoveDot();
	cnnMpVpUpdateBtns();
}

function cnnMpVpSlideRight() {
	cnnLockMpVp(3);
	new Effect.MoveBy( 'fanCtnt0', 0, 336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt00', 0, 336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt1', 0, 336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt11', 0, 336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt2', 0, 336 , {duration: 0.3} );
	new Effect.MoveBy( 'fanCtnt22', 0, 336 , {duration: 0.3} );
	cnnMpVpCurPage--;
	cnnMpVpMoveDot();
	cnnMpVpUpdateBtns();
}

function cnnMpVpSlideDoubleRight() {
	cnnLockMpVp(6);
	new Effect.MoveBy( 'fanCtnt0', 0, 672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt00', 0, 672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt1', 0, 672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt11', 0, 672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt2', 0, 672 , {duration: 0.6} );
	new Effect.MoveBy( 'fanCtnt22', 0, 672 , {duration: 0.6} );
	cnnMpVpCurPage--;
	cnnMpVpCurPage--;
	cnnMpVpMoveDot();
	cnnMpVpUpdateBtns();
}

function cnnMpDotMouseOver( id ) {
	$(id).src = 'img/icones/gray_active_status.gif';
}

// image change functions
function cnnMpVpMoveDot() {
	for(i=1;i<4;i++) {
		$('cnnMpVidDot'+i).src = 'img/icones/gray_status.gif';
		$('cnnMpVidDot'+i).onmouseover = function() {this.src = 'img/icones/gray_active_status.gif';}
		$('cnnMpVidDot'+i).onmouseout = function() {this.src = 'img/icones/gray_status.gif';}
	}
	$('cnnMpVidDot'+cnnMpVpCurPage).src = 'img/icones/gray_active_status.gif';
	$('cnnMpVidDot'+cnnMpVpCurPage).onmouseover = function() {}
	$('cnnMpVidDot'+cnnMpVpCurPage).onmouseout = function() {}
}
function cnnMpVpUpdateBtns() {
	if(cnnMpVpCurPage > 1) {
		$('fanBtnsL').style.cursor ='auto';
		$('fanBtnsL').src = 'img/icones/left_red_btn.gif';
		$('fanBtnsL').onmouseover = function() { this.src='img/icones/left_red_over_btn.gif'; }
		$('fanBtnsL').onmouseout = function() { this.src='img/icones/left_red_btn.gif'; }
	}
	else {
		$('fanBtnsL').style.cursor ='default';
		$('fanBtnsL').src = 'img/icones/left_gray_btn.gif';
		$('fanBtnsL').onmouseover = function() {}
		$('fanBtnsL').onmouseout = function() {}
	}

	if(cnnMpVpCurPage < 3) {
		$('fanBtnsR').style.cursor ='auto';
		$('fanBtnsR').src = 'img/icones/right_red_btn.gif';
		$('fanBtnsR').onmouseover = function() {this.src = 'img/icones/right_red_over_btn.gif';}
		$('fanBtnsR').onmouseout = function() {this.src = 'img/icones/right_red_btn.gif';}
	}
	else {
		$('fanBtnsR').style.cursor ='default';
		$('fanBtnsR').src = 'img/icones/right_gray_btn.gif';
		$('fanBtnsR').onmouseover = function() {}
		$('fanBtnsR').onmouseout = function() {}
	}
}
/* end main page video box
===================================================================== */


// Tab Module 
 function TabMaker(target) {
   	typeof target == "object" ? this.element = target : this.element = document.getElementById(target); if (!this.element) return false;  
   	this.ul = this.element.getElementsByTagName("ul")[0]; 
   	this.tabs = this.ul.getElementsByTagName("li");
   	this.tabContent = this.getTabContent();
   	this.bind();
}
TabMaker.prototype.getTabContent = function() {
   	tabContent= new Array();    
   	this.divs = this.element.getElementsByTagName("div");
   	for(var i = 0; i < this.divs.length; i++) {
           if (/tabContent/i.test(this.divs[i].className)) {
           tabContent.push(this.divs[i]);                        
   		}
   	}
   	return tabContent;
   }

   TabMaker.prototype.bind = function() {
   	var o = this;
   	for(var i = 0; i < this.tabs.length; i++) {
   		this.tabs[i].onclick = function() { 
   		   if (this.className != 'selected') {
   		      o.open(this); return false;
   		      var a = this.getElementsByTagName("a")[0];
   		      if (a) a.onclick = function() { 
                    return false; 
               }
   		   }
   		} 
   	}
   }

   TabMaker.prototype.open = function(caller) {    
   	for(var i = 0; i < this.tabs.length; i++) {
   		var tab = this.tabs[i]; 
   		if (tab == caller) {  
   			this.collapse();
   			tab.className = "selected"
   			this.tabContent[i].style.display = "block";
   		}
   	}
   }

   TabMaker.prototype.collapse = function() {
   	for(var i = 0; i < this.tabs.length; i++) {    
   		this.tabs[i].className = "";
   		this.tabContent[i].style.display = "none";                 
   	}                                                                
   }

// Tab Module End

// Send Module 
function send_email(){
	mailto = "mailto:"+$('share_email_field').value +"?subject=Voici%20une%20video%20de%20CineMovies&body=" + $('share_message').value + "%0A%0D%0AA%20voir%20ici%3A%20http%3A%2F%2Fwww%2Ecinemovies%2Efr%2Ffiche_miltimedia%2Ephp%3FIDfilm%3D" + $('clip_id').value;
	document.location.href = mailto;
}
function fbs_click() {
	u=location.href + "/l:facebook";
	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');
	return false;
}
// Send Module End