var nbVideos = 13;
var thumbWidth = 126;
var totalWidth = 0;
var widthOri = 500;
var scrollerXPosition = 0;
var DHTMLgoodies_currentActiveTab = false;
var DHTMLgoodies_currentActiveImage = false;

function showArrow(id)
{
    var obj = document.getElementById(id);		
    obj.style.visibility='visible';
    obj.style.cursor = 'pointer';	
}
function hideArrow(id)
{
    var obj = document.getElementById(id);		
    obj.style.visibility='hidden';
    obj.style.cursor = 'default';	
}
function initScroller()
	{
		/* init onclick event on arrow links */
       if(document.getElementById && document.createTextNode)
		{
			var mn=document.getElementById('videothumbscontainer');
			var as=mn.getElementsByTagName('a');
			for (var i=0;i<as.length;i++)
			{
				as[i].onclick=function(){moveThumbnails(this);return false}
				as[i].onkeypress=function(){moveThumbnails(this);return false}
			}	
		}
		
		/* init arrows */
		hideArrow('leftArrow');
        showArrow('rightArrow');	

		/* init scroller sizes */
        totalWidth = thumbWidth*nbVideos
        scrollerXPosition = widthOri;
		
	}
	
/* Permet le scroll horizontal du contenu de l'iframe */
function scroll_iframe(frm,inc) {
      if (window.frames[frm]) {
        window.frames[frm].scrollBy(inc, 0);
      }
    }
	
	
	function moveThumbnails(obj)
	{
		var id = obj.href.match(/#(\w.+)/)[1];		
		if(id=='leftArrow'){
            scroll_iframe('videothumbslist', -thumbWidth); 		
    		scrollerXPosition = scrollerXPosition - thumbWidth;
//    		rightArrowObj.style.visibility='visible';
		    showArrow('rightArrow');
		}else{
           scroll_iframe('videothumbslist', thumbWidth); 
//           leftArrowObj.style.visibility='visible';		
		showArrow('leftArrow');
			scrollerXPosition = scrollerXPosition + thumbWidth;
		}
		if (scrollerXPosition > totalWidth)
		{
//		  rightArrowObj.style.visibility='hidden';	
		hideArrow('rightArrow');
		}
		
		if (scrollerXPosition <= widthOri)
		{
		hideArrow('leftArrow');
//		  leftArrowObj.style.visibility='hidden';	
		}
	}
		
	function initTabs()
    {
  		/*init 1st tabs*/
		makeClickedTabActive(document.getElementById('tabs').getElementsByTagName('A')[0]);

        /* init les evenements sur le onclick des tabs */
   	    if(document.getElementById && document.createTextNode)
		{
			var mn=document.getElementById('tabs');
			var as=mn.getElementsByTagName('a');
			for (var i=0;i<as.length;i++)
			{
				as[i].onclick=function(){showTab(this);return false}
				as[i].onkeypress=function(){showTab(this);return false}
			}		
		 }
    }

function showTab(l)
		{
			hideAllTabs();
			var id=l.href.match(/#(\w.+)/)[1];
			document.getElementById(id).style.display='block';
            if (id == 'videos')
            {
            /* init arrows */
           hideArrow('leftArrow');
            showArrow('rightArrow');	
            /* init scroller sizes */
            totalWidth = thumbWidth*nbVideos
            scrollerXPosition = widthOri;
            }
			makeClickedTabActive(l);
			
		}
		
    function hideAllTabs()
		{
          if(document.getElementById && document.createTextNode)
	       	{
			var mn=document.getElementById('tabs');
			var as=mn.getElementsByTagName('a');
			var id = '';
			for (var i=0;i<as.length;i++)
			     {
				id=as[i].href.match(/#(\w.+)/)[1];
			     document.getElementById(id).style.display='none';
	       		}		
    		}
		}

    /*
    On affecte ˆ l'image clickŽe la class css 'image clickŽe'.
    */		
    function makeClickedTabActive(inputObj)
	   {		    
        if(DHTMLgoodies_currentActiveTab){
			if(DHTMLgoodies_currentActiveTab==inputObj)return;
			DHTMLgoodies_currentActiveTab.className='';
		  }
		DHTMLgoodies_currentActiveTab = inputObj;
		DHTMLgoodies_currentActiveTab.className='activeTab';
    }

    function init()
    {
    initTabs();
    initScroller();
    }
	window.onload=init;