var currentlyVisibleSelect='';

function init(){
	if (location.href.indexOf('preview')!= -1)
		surf_and_edit();
}

function include_js_css()
{
  document.write( "<style type=\"text/css\" media=\"screen\">" );
  document.write( "#twitterlist li {" );
  document.write( "display: none;" );
  document.write( "}" );
  document.write( "</style>" );
}

$(document).ready(function(){
	
	$('#twitterlist li').hide();

	// hide standard list item
	$("#twitterlist h2").addClass("js-enabled");
	
	// render buttons
	$("#twitterlist").prepend('<a id="next" class="nav"><b>Volgende</b></a>');
	$("#twitterlist").prepend('<a id="prev" class="nav"><b>Vorige</b></a>')
	
	// show list div
	$("#twitterlist").slideDown();
	
	// show first li and make active
	$("#twitterlist li:first").fadeIn().addClass("active");
	
	
	$("#twitterlist #next").click(function(){
	 var active = $("#twitterlist li.active");
	 var next = active.next().length ? active.next() : $("#twitterlist li:first"); 
	   
	  active.stop().fadeOut(200, function(){
	   active.removeClass("active");
	   next.addClass("active").stop().fadeIn(500); 
	  });
	 
	});
	
	$("#twitterlist #prev").click(function(){
	 var active = $("#twitterlist li.active");
	 var next = active.prev().length ? active.prev() : $("#twitterlist li:last"); 
	   
	  active.stop().fadeOut(200, function(){
	   active.removeClass("active");
	   next.addClass("active").stop().fadeIn(500); 
	  });
	 
	});
	
	// playback looping items
	var interval = setInterval('$("#twitterlist #next").trigger("click")', 6000);
	
	$("#productNavigatie").hover(function(){
	  window.clearInterval(interval);
	}, function(){
	 interval = setInterval('$("#twitterlist #next").trigger("click")', 6000);
	});

});