window.addEvent('domready', function() {
	
	var pages = $$('#pages span.page');	
	var links = $$('#req li');
	
	var myFunction = function(id,text){
		$('result').set('html', '<div class="flash_player"><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/' + id + '&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/' + id + '&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="640" height="385"></embed></object></div><div class="video_title">' + text + '</div>');	
	};
	
	var changePage = function(page){
		links.setStyle('display', 'none');
		var i = 0;
		for(i=0; i<links.length; i++)
		{
			if(links[i].get('name') == page){links[i].setStyle('display', 'block');}
		}
		pages.setStyle('color', '#a62f2f');
		pages[page-1].setStyle('color', '#6b6966');
	}
	
	var PrevNext = function(page){
			if(pages[0].getStyle('color')=='#6b6966')
			{$('previous').set('html', '&nbsp;');
			 $('previous').setStyle('cursor', 'default');
			}
			else
			{$('previous').set('text', 'previous page');
			 $('previous').setStyle('cursor', 'pointer');
			}
			if(pages.getLast().getStyle('color')=='#6b6966')
			{$('next').set('html', '&nbsp;');
			 $('next').setStyle('cursor', 'default');
			}
			else
			{$('next').set('text', 'next page');
			 $('next').setStyle('cursor', 'pointer');
			}
		}
	
	myFunction(links[0].get('id') , links[0].get('title'));

	for(i=0; i<links.length; i++)
	{
		links[i].set('html', '<div class="gor_block_grey_l1"><div class="gor_block_grey_l2"><div class="gor_block_grey_l3"><div class="gor_block_grey_l4"><img src="http://i2.ytimg.com/vi/' + links[i].get('id') + '/default.jpg" />' + links[i].get('title') + '<div class="clearer"></div></div></div></div></div>');
		pages[0].setStyle('color', '#6b6966');
		if(links[i].get('name') == 1){
			links[i].setStyle('display', 'block');
		}
		else{links[i].setStyle('display', 'none');}
	}
	
	pages.addEvent('click', function() {
		var page = this.get('title');
		changePage(page);
		PrevNext();
	});
	
	links.addEvent('click', function() {
		myFunction(this.get('id'), this.get('title'));	
	});
	
	$('previous').addEvent('click', function() {
		var i=0;
		for (i=0; i<pages.length; i++)
		{
			if(pages[i].getStyle('color')=='#6b6966')
			{ curPage = i+1;
				if(curPage>1)
				{
					changePage(pages[i-1].get('text'));
				}
			}
		}
		PrevNext();
	});
	
	$('next').addEvent('click', function() {
		var i=pages.length;
		for (i=pages.length; i>0; i--)
		{
			if(pages[i-1].getStyle('color')=='#6b6966')
			{
				if(i<pages.length)
				{
					changePage(pages[i].get('text'));
				}
			}
		}
		PrevNext();
	});
});