var count = 0;
var t;

function move_clips()
{
	var success = function(response)
	{
		var tmp, i = 0, myAnim;
		var el = GF.DOM.get('vids');

		eval("tmp = "+response.responseText);

		var back = function()
		{
			for (i = 0; i < tmp.videos.length; i++)
			{
				var newel = document.createElement('p');
				newel.innerHTML = '<a href="/view/'+tmp.videos[i].video_id+'"><span class="picture"><img src="'+tmp.videos[i].video_url+'"></span><strong class="heading">'+tmp.videos[i].video_name+'</strong></a>';
				el.insertBefore(newel, el.firstChild);
			}

			myAnim = new YAHOO.util.ColorAnim(el, {opacity: { to: .999 } } );
			myAnim.animate();

			count++;
			if (count < 10)
				t = window.setTimeout(move_clips, 10000);
		}

		myAnim = new YAHOO.util.ColorAnim(el, {opacity: { to: 0 } }, 0.3 );
		myAnim.onComplete.subscribe(back);
		myAnim.animate();
	}

	YAHOO.util.Connect.asyncRequest( 'GET', '/services/json/?action=lastviews', {success:success });
}

function start()
{
	t = window.setTimeout(move_clips, 10000);
}

function stop()
{
	window.clearTimeout(t);
}

start();

function listEvents(root, divId)
{
  var feed = root.feed;
  var events = document.getElementById(divId);

  events.innerHTML = '';

  // loop through each event in the feed
  for (var i = 0; i < feed.entry.length; i++)
  {
    var entry = feed.entry[i];
    var title = entry.title.$t;

    // get the URL to link to the event
    for (var linki = 0; linki < entry['link'].length; linki++) {
      if (entry['link'][linki]['type'] == 'text/html' &&
          entry['link'][linki]['rel'] == 'alternate') {
        var entryLinkHref = entry['link'][linki]['href'];
      }
    }

    // if we have a link to the event, create an 'a' element
    if (typeof entryLinkHref != 'undefined') {
      entryPar = document.createElement('p');

      entryLink = document.createElement('a');
      entryLink.setAttribute('href', '/services/youtube/?url='+entryLinkHref);

      entrySpan = document.createElement('div');
      entrySpan.setAttribute('class', 'picture');

      img = document.createElement('img');
      img.setAttribute('src', entry['media$group']['media$thumbnail'][0]['url']);
      img.style.width = "120px";
      img.setAttribute('alt', '');

      entrySpan.appendChild(img);

      entryLink.appendChild(entrySpan);

      entryName = document.createElement('strong');
      entryName.setAttribute('class', 'heading');
      entryName.appendChild(document.createTextNode(title));

      entryLink.appendChild(entryName);

      entryPar.appendChild(entryLink);
    } else {
    }

    // append the list item onto the unordered list
    events.appendChild(entryPar);
  }
}

function insertAgenda(root)
{
  listEvents(root, 'listbody');
}

function before(tab, name)
{
	if (name == 'youtube')
	{
		GF.UI.menu.tabSwitch(tab);
		var div = GF.DOM.get('listbody');
		div.innerHTML = '';
		Nagi.actions.displayStatus(div, TXT_XFORM_LOAD);

		document.cookie = "index_tab="+name+"; path=/;";

		var script = document.createElement("script");
		script.type = "text/javascript";
		script.src = "http://gdata.youtube.com/feeds/api/standardfeeds/most_viewed?time=today&alt=json-in-script&callback=insertAgenda&max-results=12";
		document.body.appendChild(script);

		return false;
	}
	else
	{
		return Nagi.actions.choose(tab, {action:'/services/xhtml/?page=index&tab='+name});
	}
}