var vwidth = '250', vheight = '200';
	
var	IntToStr = new Array(); 
	IntToStr[0]='0'; IntToStr[1]='1'; IntToStr[2]='2'; IntToStr[3]='3'; IntToStr[4]='4'; IntToStr[5]='5'

//samples Array
var	Values = new Array();
		Values[0] = new Array();//sample 0
			Values[0]['legth'] = 4;//number of effects for sample 0
			Values[0]['name'] = 'tunnel';// name of sample 0
			Values[0][0] = new Array();//effect 0 for sample 0
				Values[0][0]['effects_text'] = Values[0]['name'];//text for effect 0 for sample 0
				Values[0][0]['youtube_id'] = '86RgOi-amrE';//effect 0 for sample 0
			Values[0][1] = new Array();
				Values[0][1]['effects_text'] = Values[0]['name'];
				Values[0][1]['youtube_id'] = '9TO7FhwiAJI';
			Values[0][2] = new Array();
				Values[0][2]['effects_text'] = Values[0]['name'];
				Values[0][2]['youtube_id'] = 'eE49ba-vYEg';				
			Values[0][3] = new Array();
				Values[0][3]['effects_text'] = Values[0]['name'];
				Values[0][3]['youtube_id'] = 'gU88Q1jKVzQ';				
				
		Values[1] = new Array();
			Values[1]['legth'] = 6;
			Values[1]['name'] = 'horses';
			Values[1][0] = new Array();
				Values[1][0]['effects_text'] = Values[1]['name'];
				Values[1][0]['youtube_id'] = 'wQ8297lernE';
			Values[1][1] = new Array();
				Values[1][1]['effects_text'] = Values[1]['name'];
				Values[1][1]['youtube_id'] = 'Zr01T98mw1g';
			Values[1][2] = new Array();
				Values[1][2]['effects_text'] = Values[1]['name'];
				Values[1][2]['youtube_id'] = 'd1xqn_-6_tM';
			Values[1][3] = new Array();
				Values[1][3]['effects_text'] = Values[1]['name'];
				Values[1][3]['youtube_id'] = 'lql5Y9qA33k';
			Values[1][4] = new Array();
				Values[1][4]['effects_text'] = Values[1]['name'];
				Values[1][4]['youtube_id'] = 'YMlOcLGmcv8';
			Values[1][5] = new Array();
				Values[1][5]['effects_text'] = Values[1]['name'];
				Values[1][5]['youtube_id'] = 'HKx71Iq3-M0';
					
		Values[2] = new Array();
			Values[2]['legth'] = 4;
			Values[2]['name'] = 'gondola';
			Values[2][0] = new Array();
				Values[2][0]['effects_text'] = Values[2]['name'];
				Values[2][0]['youtube_id'] = 'qK0e7EMPzqk';
			Values[2][1] = new Array();
				Values[2][1]['effects_text'] = Values[2]['name'];
				Values[2][1]['youtube_id'] = 'aN2pwR1nuhM';
			Values[2][2] = new Array();
				Values[2][2]['effects_text'] = Values[2]['name'];
				Values[2][2]['youtube_id'] = 'w2Et1ItpRQk';
			Values[2][3] = new Array();
				Values[2][3]['effects_text'] = Values[2]['name'];
				Values[2][3]['youtube_id'] = 'tMu9A5CqZL0';
			
		Values[3] = new Array();
			Values[3]['legth'] = 6;
			Values[3]['name'] = 'glasses';
			Values[3][0] = new Array();
				Values[3][0]['effects_text'] = Values[3]['name'];
				Values[3][0]['youtube_id'] = 'Iyw2QneEKNw';
			Values[3][1] = new Array();
				Values[3][1]['effects_text'] = Values[3]['name'];
				Values[3][1]['youtube_id'] = '7-68BSFIPY8';
			Values[3][2] = new Array();
				Values[3][2]['effects_text'] = Values[3]['name'];
				Values[3][2]['youtube_id'] = '2EQFJIhm150';						
			Values[3][3] = new Array();
				Values[3][3]['effects_text'] = Values[3]['name'];
				Values[3][3]['youtube_id'] = 'RD8ZpYq8GNE';						
			Values[3][4] = new Array();
				Values[3][4]['effects_text'] = Values[3]['name'];
				Values[3][4]['youtube_id'] = 'lg4k-ZrBHeI';						
			Values[3][4] = new Array();
				Values[3][4]['effects_text'] = Values[3]['name'];
				Values[3][4]['youtube_id'] = 'z_xWfEnN1H0';						

		Values[4] = new Array();
			Values[4]['legth'] = 6;
			Values[4]['name'] = 'clones';
			Values[4][0] = new Array();
				Values[4][0]['effects_text'] = Values[4]['name'];
				Values[4][0]['youtube_id'] = '-Cvm7ArdoN8';
			Values[4][1] = new Array();
				Values[4][1]['effects_text'] = Values[4]['name'];
				Values[4][1]['youtube_id'] = 'dqx7OKGR5MQ';
			Values[4][2] = new Array();
				Values[4][2]['effects_text'] = Values[4]['name'];
				Values[4][2]['youtube_id'] = 'TR4VZkj2Lk0';
			Values[4][3] = new Array();
				Values[4][3]['effects_text'] = Values[4]['name'];
				Values[4][3]['youtube_id'] = '8Br_SlJI_gU';
			Values[4][4] = new Array();
				Values[4][4]['effects_text'] = Values[4]['name'];
				Values[4][4]['youtube_id'] = 'mYINsShrt0M';
			Values[4][5] = new Array();
				Values[4][5]['effects_text'] = Values[4]['name'];
				Values[4][5]['youtube_id'] = '68RGxSnOhgk';
				
var	sample_videos = new Array();
	for (i = 0; i < 5; i++)
	{
		var s = 'sample'+IntToStr[i];
		sample_videos[s] = new Array();
			sample_videos[s]['name'] = Values[i]['name'];
			sample_videos[s]['effects'] = new Array();
				var s2 = "<ul><li class=\"effects_li\" onclick=\"ShowEffect(this, 'effect0')\" onmouseover=\"OnEffectOver(this)\" onmouseout=\"OnEffectOut(this)\" style =\"font-Weight: bold\">Source video</li>";
				for (j = 0; j < Values[i]['length']; j++)
				{	
					var s1 = 'effect'+IntToStr[j];
					sample_videos[s]['effects'][s1] = new Array();
						sample_videos[s]['effects'][s1]['text'] = Values[i][j]['effects_text'];
						sample_videos[s]['effects'][s1]['code'] = '<object width="' + vwidth + '" height="' + vheight + '"><param name="movie" value="http://www.youtube.com/v/'+Values[i][j]['youtube_id']+'&hl=ru_RU&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+Values[i][j]['youtube_id']+'&hl=ru_RU&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="' + vwidth + '" height="' + vheight + '"></embed></object>';
						if (j != 0) 
						{ 
							s3 = 'Effect ' + IntToStr[j];
							s2 += "<li class=\"effects_li\" onclick=\"ShowEffect(this, '"+s1+"')\" onmouseover=\"OnEffectOver(this)\" onmouseout=\"OnEffectOut(this)\">"+s3+"</li>";
						};
				};
				s2 += '</ul>';
				sample_videos[s]['effects']['effects_list'] = s2;
	};

var	sample_choosen = "sample0";
	
function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
    if ( node == null )
        node = document;
    if ( tag == null )
        tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp('(^|\\\\s)'+searchClass+'(\\\\s|$)');
    for (i = 0, j = 0; i < elsLen; i++) {
        if ( pattern.test(els[i].className) ) {
            classElements[j] = els[i];
            j++;
        }
    }
    return classElements;

}
		
function OnChooseSample(arg){
	sample_choosen = arg.id;
	document.getElementById('video_sample').innerHTML = sample_videos[sample_choosen]['effects']['effect0']['code'];
	document.getElementById('effects_list').innerHTML = sample_videos[sample_choosen]['effects']['effects_list'];
	sl = getElementsByClass("samplepic");
	for (i = 0; i <= sl.length-1; i++){
		sl[i].style.backgroundColor = "#ffffff"
	};
	arg.style.backgroundColor = "#0078c8";
}

function ShowEffect(arg, effect){
	document.getElementById('video_sample').innerHTML = sample_videos[sample_choosen]['effects'][effect]['code'];	
	sl = getElementsByClass("effects_li");
	for (i = 0; i <= sl.length-1; i++){
		sl[i].style.fontWeight = "normal";
	};
	arg.style.fontWeight = "bold";
}

function OnEffectOver(arg){
	arg.style.cursor = "pointer";
	sl = getElementsByClass("effects_li");
	for (i = 0; i <= sl.length-1; i++){
		sl[i].style.textDecoration = "none";
	};
	arg.style.textDecoration = "underline";
}

function OnEffectOut(arg){
	arg.style.textDecoration = "none";
}

function OnThumbsOver(arg){ 
	arg.style.cursor = "pointer";
}

function OnThumbsOut(arg){
}