var to_display = 15;

function write(myList)
{
	document.title = userNick + '\'s ' + " list";
	
	var output = '<div id="list">';
	
	if(myList.length < series.length)
		output+= '<div style="font-family:Tahoma; font-size:11px; padding:4px;"><b>Search results:</b></div>';	
	
	for(i = 0; i<myList.length; i++)
	{
		var my_series = myList[i];
		
		output+= '<div class="results" onclick="display(\'' + my_series.idx + '\');" onmouseover="mouse_overSeries(this);" onmouseout="mouse_outSeries(this);">';
		output+= '<table cellpadding="0" cellspacing="0" style="width:25.8em;"><tr><td align="left" nowrap">';
		output+= my_series.title + '</td><td align="right">';
		if(my_series.viewed == 1)
			output+= '<img src="img/viewed.png" alt="viewed" title="viewed" />';
		if(my_series.ongoing == 1)
			output+= '<img src="img/ongoing.png" alt="ongoing" title="ongoing" />';
		else if(my_series.current == my_series.total)
			output+= '<img src="img/complete.png" alt="complete" title="complete" />';
		else
			output+= '<img src="img/incomplete.png" alt="incomplete" title="incomplete" />'; 
	
		output+= '</td></tr></table></div>';
	}
	
	output += '</div>';
	
	if(myList.length == 0)
		output = '<div class="noResults">No results</div>';

	e('panel').innerHTML = output;
	e('searchBox').value = "";
	output = '';
	output+= '<div id="title">';
	output+= 'This list has been created using <a href="http://www.animelistbuilder.com" target="_blank"';
	output+= 'style="text-decoration:underline;">';
	output+= 'Anime List Builder 3.0</a><br /><br />';
	output+= 'Select one of the elements on the left panel to view its information.<br /><br />';
	output+= 'You can visit the program\'s forums<br /><br />';
	output+= '<a href="http://www.animelistbuilder.com/forum" target="_blank">';
	output+= '<img src="img/8.bmp" alt="English" title="English"> English</a><br /><br />';
	output+= '<a href="http://www.animelistbuilder.com/foro" target="_blank">';
	output+= '<img src="img/31.bmp" alt="Espa&ntilde;ol" title="Espa&ntilde;ol"> Espa&ntilde;ol</a>';
	output+= '<br /><br />You can also support the program by donating.';
	output+= '<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">';
	output+= '<input type="hidden" name="cmd" value="_s-xclick">';
	output+= '<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make payments with PayPal - it\'s fast, free and secure!">';
	output+= '<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">';
	output+= '<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----';
	output+= '">';
	output+= '</form>';
	output+= '</div>';
	e('display').innerHTML = output;
	
	if(navigator.appName.toLowerCase() == "opera")
	{
		e("panel").scrollTop = 0;
	}
}

function write_header()
{
	var output = '';
	
	output+= '<div style="text-align:right; width:100%;';
	output+= 'background-image:url(img/'+banner+');background-repeat:no-repeat;height:50px';
	output+= '">' + userNick;
	if(userMail != "")
		output+= ' | <a href="mailto:' + userMail + '">'+userMail+'</a>';
	if(userWeb != "")
		output+= ' | <a href="'+userWeb+'" target="blank">' +userWeb+'</a>';
	output+= '</div>';
	
	output+= '<div id="links" style="padding-bottom:5px;">';
	output+= '<table border="0" width="100%"><tr><td align="center" style="padding-bottom: 5px;">';
	output+= '<font onclick="startsWith(\'\');return false;">';
	output+= 'Show all</font>&nbsp;<font onclick="startsWith(\'1\');return false;">#</font>&nbsp;';
	output+= '<font onclick="startsWith(\'a\');return false;">A</font>&nbsp;';
	output+= '<font onclick="startsWith(\'b\');return false;">B</font>&nbsp;';
	output+= '<font onclick="startsWith(\'c\');return false;">C</font>&nbsp;';
	output+= '<font onclick="startsWith(\'d\');return false;">D</font>&nbsp;';
	output+= '<font onclick="startsWith(\'e\');return false;">E</font>&nbsp;';
	output+= '<font onclick="startsWith(\'f\');return false;">F</font>&nbsp;';
	output+= '<font onclick="startsWith(\'g\');return false;">G</font>&nbsp;';
	output+= '<font onclick="startsWith(\'h\');return false;">H</font>&nbsp;';
	output+= '<font onclick="startsWith(\'i\');return false;">I</font>&nbsp;';
	output+= '<font onclick="startsWith(\'j\');return false;">J</font>&nbsp;';
	output+= '<font onclick="startsWith(\'k\');return false;">K</font>&nbsp;';
	output+= '<font onclick="startsWith(\'l\');return false;">L</font>&nbsp;';
	output+= '<font onclick="startsWith(\'m\');return false;">M</font>&nbsp;';
	output+= '<font onclick="startsWith(\'n\');return false;">N</font>&nbsp;';
	output+= '<font onclick="startsWith(\'o\');return false;">O</font>&nbsp;';
	output+= '<font onclick="startsWith(\'p\');return false;">P</font>&nbsp;';
	output+= '<font onclick="startsWith(\'q\');return false;">Q</font>&nbsp;';
	output+= '<font onclick="startsWith(\'r\');return false;">R</font>&nbsp;';
	output+= '<font onclick="startsWith(\'s\');return false;">S</font>&nbsp;';
	output+= '<font onclick="startsWith(\'t\');return false;">T</font>&nbsp;';
	output+= '<font onclick="startsWith(\'u\');return false;">U</font>&nbsp;';
	output+= '<font onclick="startsWith(\'v\');return false;">V</font>&nbsp;';
	output+= '<font onclick="startsWith(\'w\');return false;">W</font>&nbsp;';
	output+= '<font onclick="startsWith(\'x\');return false;">X</font>&nbsp;';
	output+= '<font onclick="startsWith(\'y\');return false;">Y</font>&nbsp;';
	output+= '<font onclick="startsWith(\'z\');return false;">Z</font>';
	output+= '</td></tr>';
	
	output+= '<tr><td align="center">';
	output+= '<input type="text" id="searchBox" onkeydown="if(event.keyCode == 13){search();return false;}" />&nbsp;';
	output+= '<select id="select" onkeydown="if(event.keyCode == 13){search();return false;}" style="height:';
	if(navigator.appName.toLowerCase() == "opera")
		output+= '18px; font-size: 11px;"';
	else
		output+= '"';
	output+= '><option value="1">Series name</option><option value="2">Release group</option>';
	output+= '<option value="3">Genre</option><option value="4">Rating (1..5)</option><option value="5">Dubs</option>';
	output+= '<option value="6">Subs</option><option value="7">Quality</option>';
	output+= '<option value="8">Year</option><option value="9"># episodes</option>';
	output+= '<option value="0">All</option></select>&nbsp;';
	output+= '<input type="button" id="submit" value="Search" class="ibutton" onclick="search();return false;" onmouseover="overSearch(this);" onmouseout="outSearch(this);"></div>';
	output+= '</td></tr></table>';
	
	output+= '</div>';
	
	e("header").innerHTML = output;	
}

function write_footer()
{
	var output = '';
	
	output+= totalSize + ' ' + totalMedida + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
	output+= 'Last update: ' + dateCreated;
	
	e("down").innerHTML = output;	
}

function setup_layout(opts)
{
	e("panel").style.background = opts[0];
	e("down").style.background = opts[0];
	e("links").style.background = opts[0];
	e("panel").style.border = "1px solid " + opts[0];
	e("links").style.borderTop = "1px solid " + opts[1];
	e("down").style.borderBottom = "1px solid " + opts[1];
	e("down").style.color = opts[2];
	e("panel").style.color = opts[2];
	e("display").style.background = opts[4];
	e("display").style.border = "1px solid " + opts[5];
	e("display").style.color = opts[6];	
	document.body.style.color = opts[8];	
	document.body.style.background = opts[9];
}


function init()
{
	write_header();
	write_footer();
	setup_layout(lytOpts);
	write(series);
	e("loading").style.display = "none";
	e("main").style.display = "block";	
	resizePage();
}

function display(clicked)
{
	var idx = parseInt(clicked, 10);
	var my_series = series[idx];
	var all_extras = 0;
	for(i = 0; i < my_series.extras.length; i++)
	{
		all_extras+= my_series.extras[i].items.length;
	}
	
	document.title = userNick + '\'s ' +listType + " list: [" + my_series.title + "]";
	
	var output='';
	output+= '<div id="title">';
	output+= '<table style="width:100%"><tr><td class="infoTitle" valign="bottom">' + my_series.title;
	output+= '</td><td class="infoLinks"><a href="#" onclick="display(' + idx + ')"><b>Main info</b></a>';
	output+= ' | <a href="#" onclick="episodes( ' + idx + ', 1)">Episodes (' + my_series.episodes.length + ')</a>';
	output+= ' | <a href="#" onclick="extras( ' + idx + ', 1)">Extras (' + my_series.extras.length + ':';
	output+= all_extras + ')</a></td></tr></table>';
	output+= '</div>';
	//e("title").innerHTML = output;
	
	//output = '';
	output+= '<div class="info">';
	output+= '<table style="width:100%"><tr valign="top"><td>';
	if(my_series.original != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Original title:</b></td><td>';
		output+= my_series.original + '</td></tr></table></div>';
	}
	if(my_series.group != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Release Group:</b></td><td>'
		output+= my_series.group + '</td></tr></table></div>';
	}
	if(my_series.genres.length > 0)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Genres:</b></td><td>';
		for(i = 0; i <my_series.genres.length; i++)
		{
			if(i==(my_series.genres.length-1) && i>0)
				output+= ' and ';
			else if(i>0)
				output+= ', ';
			else
				output+='';
			output+= my_series.genres[i];
		}
		output+= '</td></tr></table></div>';
	}
	if(my_series.type != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Type:</b></td><td>';
		output+= my_series.type + '</td></tr></table></div>';
	}
	if(my_series.quality != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Quality:</b></td><td>';
		output+= my_series.quality + '</td></tr></table></div>';
	}
	if(my_series.rating != null)
	{
		output+= '<div class="singleInfo"><table><tr valign="center"><td style="width:95px;"><b>Rating:</b></td>';
		output+= '<td><img src="img/';
		output+=my_series.rating + '.png" alt="';
		output+= my_series.rating + '/5" title="' + my_series.rating + '/5" /></td></tr></table></div>';
	}
	output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Episodes:</b></td><td> ' + my_series.current + '/';
	if(my_series.ongoing == 1)
		output+= '?? (ongoing series)</td></tr></table></div>';
	else
		output+= my_series.total + '</td></tr></table></div>';
	if(my_series.dubs.length > 0)
	{
		output+= '<div class="singleInfo"><table><tr valign="center"><td style="width:97px;"><b>Dubs (';
		output+= my_series.dubs.length + '):</b></td><td>';
		for(i = 0; i<my_series.dubs.length; i++)
		{	
			var lan = my_series.dubs[i];
			output+= '<img src="img/' + lan + '.bmp"';
			output+= ' />';
		}
		output+= '</td></tr></table></div>';
	}
	if(my_series.subs.length > 0)
	{
		output+= '<div class="singleInfo"><table><tr valign="center"><td style="width:97px;"><b>Subs (';
		output+= my_series.subs.length + '):</b></td><td>';
		for(i = 0; i<my_series.subs.length; i++)
		{
			var lan = my_series.subs[i];
			output+= '<img src="img/' + lan + '.bmp"';
			output+= ' alt="' + lan + '" title="' + lan + '" />';
		}
		output+= '</td></tr></table></div>';
	}
	if(my_series.year != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Year:</b></td><td>';
		output+= my_series.year + '</td></tr></table></div>';
	}
	if(my_series.synopsis.length > 0)
	{
		output+= '<div class="singleInfoW"><table><tr valign="top"><td style="width:100px;"><b>Synopsis:</b></td><td>';
		for(i = 0; i<my_series.synopsis.length; i++)
		{
			output+= my_series.synopsis[i];
			if(i<(my_series.synopsis.length-1))
				output+= '<br />';
		}
		output+= '</td></tr></table></div>';
	}
	if(my_series.location != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Location:</b></td><td>';
		output+= my_series.location + '</td></tr></table></div>';
	}	
	if(my_series.comments.length > 0)
	{
		output+= '<div class="singleInfoW"><table><tr valign="top"><td style="width:100px;"><b>Comments:</b></td><td>';
		for(i = 0; i<my_series.comments.length; i++)
		{
			output+= my_series.comments[i];
			if(i<(my_series.comments.length-1))
				output+= '<br />';
		}
		output+= '</td></tr></table></div>';
	}
	if(my_series.totalSize != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Total Size:</b></td><td>';
		output+= my_series.totalSize + ' ' + my_series.totalMedida + '</td></tr></table></div>';		
	}
	if(my_series.filesSize != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Files Size:</b></td><td>';
		output+= my_series.filesSize + ' ' + my_series.filesMedida + '</td></tr></table></div>';	
		
		var average = my_series.filesSize / my_series.episodes.length;
		var increased = 0;
		while(average < 1)
		{
			average = average * 1024;
			increased++;
		}	
		
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Avg. File Size:</b></td><td>';
		output+= average.toFixed(2);
		switch(increased)
		{
			case 0:{output+= ' ' + my_series.filesMedida;}break;
			case 1:
			{
				if(my_series.filesMedida == "Kb")
					output+= " Bytes";
				else if(my_series.filesMedida == "Mb")
					output+= " Kb";
				else if(my_series.filesMedida == "Gb")
					output+= " Mb";
				else if(my_series.filesMedida == "Tb")
					output+= " Gb";
				else
					output+= " Tb";
			}break;
			case 2:
			{
				if(my_series.filesMedida == "Mb")
					output+= " Bytes";
				else if(my_series.filesMedida == "Gb")
					output+= " Kb";
				else if(my_series.filesMedida == "Tb")
					output+= " Mb";
				else
					output+= " Gb";
			}break;	
		}
		output+= '</td></tr></table></div>';	
	}
	if(my_series.extrasSize != null)
	{
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Extras Size:</b></td><td>';
		output+= my_series.extrasSize + ' ' + my_series.extrasMedida + '</td></tr></table></div>';
		
		var all_extras = 0;
		for(i = 0; i < my_series.extras.length; i++)
		{
			all_extras+= my_series.extras[i].items.length;
		}
		var average = my_series.extrasSize / all_extras;
		var increased = 0;
		while(average < 1)
		{
			average = average * 1024;
			increased++;
		}	
		
		output+= '<div class="singleInfo"><table><tr><td style="width:100px;"><b>Avg. Extra Size:</b></td><td>';
		output+= average.toFixed(2);
		switch(increased)
		{
			case 0:{output+= ' ' + my_series.extrasMedida;}break;
			case 1:
			{
				if(my_series.extrasMedida == "Kb")
					output+= " Bytes";
				else if(my_series.extrasMedida == "Mb")
					output+= " Kb";
				else if(my_series.extrasMedida == "Gb")
					output+= " Mb";
				else if(my_series.extrasMedida == "Tb")
					output+= " Gb";
				else
					output+= " Tb";
			}break;
			case 2:
			{
				if(my_series.extrasMedida == "Mb")
					output+= " Bytes";
				else if(my_series.extrasMedida == "Gb")
					output+= " Kb";
				else if(my_series.extrasMedida == "Tb")
					output+= " Mb";
				else
					output+= " Gb";
			}break;	
		}
		output+= '</td></tr></table></div>';
	}
		
	output+= '</td><td class="picture"><div><img src="img/';	
	if(my_series.image != null)
		output+= my_series.image + '" alt="' + my_series.title + '" title="' + my_series.title + '" /></div>';
	else
		output+= 'no_image.jpg" alt="No image" title="No image" /></div>';
	if(my_series.link != null)
	{
		output+= '<div style="text-align:right"><a href="' + my_series.link + '" onclick="window.open(this);return false;">';
		output+= '<img src="img/moreInfo.gif" alt="" title="" style="border-left:1px solid black;';
		output+= 'border-right:1px solid black; border-bottom:1px solid black;" /></a></div>';
	}
	output+= '</td></tr></table>';
	output+= '</div>';
	//e('qtyyr').innerHTML = output;
	
	e('display').innerHTML = output;
}

function episodes(clicked, first)
{
	var idx = parseInt(clicked, 10);
	var my_series = series[idx];
	var count = 0;
	
	var all_extras = 0;
	for(i = 0; i < my_series.extras.length; i++)
	{
		all_extras+= my_series.extras[i].items.length;
	}
	
	var last = first + (to_display-1);
	
	if(last > my_series.episodes.length)
		last = my_series.episodes.length;	
	
	var output='';
	output+= '<div id="title">';
	output+= '<table style="width:100%"><tr><td class="infoTitle">' + my_series.title;
	output+= '</td><td class="infoLinks"><a href="#" onclick="display(' + idx + ')">Main info</a>';
	output+= ' | <a href="#" onclick="episodes( ' + idx + ', 1)"><b>Episodes (' + my_series.episodes.length + ')</b></a>';
	output+= ' | <a href="#" onclick="extras( ' + idx + ', 1)">Extras (' + my_series.extras.length + ':';
	output+= all_extras + ')</a></td></tr></table>';
	output+= '</div>';
	
	output+= '<div class="info" style="padding-bottom: 7px; padding-top: 5px;">';
	for(i = first; i <= last; i++)
	{
		var ep = my_series.episodes[i-1];
		output+= '<div class="eps"'
		if(i == first)
			output+= ' style="border-top:1px solid gray;"';
		output+= ' onmouseover="mouse_overEpisode(this);" onmouseout="mouse_outEpisode(this);" onclick="toggleEp(\''+count+'\');">';
		output+= ep.title;
		output+= '<div class="epInfo" id="' + count + 'd" style="display:none">';
		if(ep.size != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Size:</b></td><td>';
			output+= ep.size + '</td></tr></table></div>';
		}
		if(ep.extension != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Extension:</b></td><td>';
			output+= ep.extension + '</td></tr></table></div>';
		}
		if(ep.playtime != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Playtime:</b></td><td>';
			output+= ep.playtime + '</td></tr></table></div>';
		}
		if(ep.videoCodec != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Video:</b></td><td>';
			output+= ep.videoCodec + ' (' + ep.videoWxH + ')</td></tr></table></div>';
		}
		if(ep.audioCodec != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Audio:</b></td><td>';
			output+= ep.audioCodec + '</td></tr></table></div>';
		}
		if(ep.crc32 != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>crc32:</b></td><td>';
			output+= ep.crc32 + '</td></tr></table></div>';
		}
		if(ep.sha1 != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>sha1:</b></td><td>';
			output+= ep.sha1 + '</td></tr></table></div>';
		}
		if(ep.md5 != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>md5:</b></td><td>';
			output+= ep.md5 + '</td></tr></table></div>';
		}
		if(ep.comment != null)
		{
			output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Comment:</b></td><td>';
			output+= ep.comment + '</td></tr></table></div>';
		}
		output+= '</div>';
		output+='</div>';
		count++;
	}

	if(my_series.episodes.length > to_display)
	{
		output+= '<div style="padding:5px; padding-bottom: 0px; text-align:center;">';
		for(i = 1; i <= my_series.episodes.length; i+=to_display)
		{
			output+= '<a class="divide" href="#" onclick="episodes(' + idx + ', ' +  i + ')"';
			if(first == i)
				output+= 'style="font-weight:bold"';
			output+= '>' + i + '..';
			
			var lastone;
			if(my_series.episodes.length > (i+(to_display-1)))
			{
				lastone = i+(to_display-1);
				output+= lastone + '</a> | ';
			}
			else
			{
				lastone = my_series.episodes.length;
				output+= lastone + '</a>';
			}
		}
		output+= '</div>';
	}
	if(my_series.episodes.length == 0)
	{
		output+= '<table width="100%" cellspacing="0" cellpadding="0"><tr><td align="center"><b>No episodes for the selected series</td></tr></table>';
	}
	output+='</div>';
	
	
	
	e('display').innerHTML = output;
	
	if(navigator.appName.toLowerCase() == "opera")
	{
		e("display").scrollTop = 0;
	}
}

function extras(clicked, first)
{
	var idx = parseInt(clicked, 10);
	var my_series = series[idx];
	var count = 0;
	
	var all_extras = 0;
	for(i = 0; i < my_series.extras.length; i++)
	{
		all_extras+= my_series.extras[i].items.length;
	}	
	
	var output='';
	output+= '<div id="title">';
	output+= '<table style="width:100%"><tr><td class="infoTitle">' + my_series.title;
	output+= '</td><td class="infoLinks"><a href="#" onclick="display(' + idx + ')">Main info</a>';
	output+= ' | <a href="#" onclick="episodes( ' + idx + ', 1)">Episodes (' + my_series.episodes.length + ')</a>';
	output+= ' | <a href="#" onclick="extras( ' + idx + ', 1)"><b>Extras (' + my_series.extras.length + ':';
	output+= all_extras + ')</b></a></td></tr></table>';	
	output+= '</div>';
	
	
	if(my_series.extras.length > 0)
	{
		output+= '<div class="extrasSections" style="padding-bottom: 3px; padding-top: 3px;">';
		output+= '<table cellspacing="0" cellpadding="0"><tr>';
		for(i = 1; i <= my_series.extras.length; i++)
		{
			output+= '<td class="infoLinks" style="text-align:center';
			output+= '">';
			output+= '<a href="#" onclick="extras(' + idx + ', ' +  i + ')">';
			if(i == first){output+= '<b>';}
			output+= my_series.extras[i-1].name +' ('+my_series.extras[i-1].items.length+')';
			if(i == first){output+= '</b>';}
			output+= '</a>';
			if(i<my_series.extras.length){output+= ' | ';}
		}	
		output+= '</td>';
	}
	else
	{
		output+= '<div class="info" style="padding-bottom: 5px; padding-top: 5px;">';
		output+= '<table width="100%" cellspacing="0" cellpadding="0"><tr>';
		output+=	'<td align="center"><b>No extras for the selected series</b></td>';		
	}
	output+= '</tr></table></div>';
	
	if(my_series.extras.length > 0)
	{
		output+= '<div class="info" style="padding-bottom: 7px; padding-top: 5px;">';
		for(i = 0; i < my_series.extras[first-1].items.length; i++)
		{
			var ep = my_series.extras[first-1].items[i];
			output+= '<div class="eps"'
			if(i == 0)
				output+= ' style="border-top:1px solid gray;"';
			output+= ' onmouseover="mouse_overEpisode(this);" onmouseout="mouse_outEpisode(this);" onclick="toggleEp(\''+count+'\');">';
			output+= ep.title;
			output+= '<div class="epInfo" id="' + count + 'd" style="display:none">';
			if(ep.size != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Size:</b></td><td>';
				output+= ep.size + '</td></tr></table></div>';
			}
			if(ep.extension != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Extension:</b></td><td>';
				output+= ep.extension + '</td></tr></table></div>';
			}
			if(ep.playtime != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Playtime:</b></td><td>';
				output+= ep.playtime + '</td></tr></table></div>';
			}
			if(ep.videoCodec != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Video:</b></td><td>';
				output+= ep.videoCodec + ' (' + ep.videoWxH + ')</td></tr></table></div>';
			}
			if(ep.audioCodec != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>Audio:</b></td><td>';
				output+= ep.audioCodec + '</td></tr></table></div>';
			}
			if(ep.crc32 != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>crc32:</b></td><td>';
				output+= ep.crc32 + '</td></tr></table></div>';
			}
			if(ep.sha1 != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>sha1:</b></td><td>';
				output+= ep.sha1 + '</td></tr></table></div>';
			}
			if(ep.md5 != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>md5:</b></td><td>';
				output+= ep.md5 + '</td></tr></table></div>';
			}
			if(ep.comment != null)
			{
				output+= '<div style="padding: 3px;"><table><tr><td style="width:70px;"><b>md5:</b></td><td>';
				output+= ep.comment + '</td></tr></table></div>';
			}
			output+= '</div>';
			output+='</div>';
			count++;	
		}
		output+= '</div>';
	}	
	
	e('display').innerHTML = output;
	
	if(navigator.appName.toLowerCase() == "opera")
	{
		e("display").scrollTop = 0;
	}
}

function toggleEp(clicked) 
{
	targetid = clicked + "d";
	target = e(targetid);
	if (target.style.display == "none")
	{
		target.style.display = "";
		//e.src="img/visible.jpg";
	}
	else
	{
		target.style.display = "none";
		//e.src="img/hidden.jpg";
	}
}

function mouse_overSeries(clicked)
{
	clicked.style.background = lytOpts[3];
}

function mouse_outSeries(clicked)
{
	clicked.style.background = lytOpts[0];
}

function mouse_overEpisode(clicked)
{
	clicked.style.background = lytOpts[7];
}

function mouse_outEpisode(clicked)
{
	clicked.style.background = "white";
}

function overSearch(clicked)
{
	clicked.style.background = lytOpts[0];
	clicked.style.border = "1px solid " + lytOpts[2];//black";
	clicked.style.color = lytOpts[2];
}

function outSearch(clicked)
{
	clicked.style.background = "white";
	clicked.style.border = "1px solid #A5ACB2";
	clicked.style.color = "black";	
}

function search()
{
	var searchValue = trim(e('searchBox').value.toLowerCase());
	
	var values = searchValue.split(/\s+/g);
	
	var sel = e('select').value;
	
	if(searchValue != null)
	{
		
		var results = new Array();
		
		for(i = 0; i<series.length; i++)
		{
			var my_series = '';
				
			switch(sel)
			{
				case '1':
				{if(series[i].title!=null)my_series = trim(series[i].title.toLowerCase());}break;
				case '2':
				{if(series[i].group!=null)my_series = trim(series[i].group.toLowerCase());}break;
				case '3':
				{
					for(j=0; j<series[i].genres.length; j++)
						my_series+= trim(series[i].genres[j].toLowerCase());	
				}break;
				case '4':
				{
					if(series[i].rating != null)
						my_series = trim(series[i].rating.toString());
				}break;
				case '5':
				{
					for(j=0; j<series[i].dubs.length; j++)
						my_series+= trim(langs[series[i].dubs[j]].toLowerCase());	
				}break;
				case '6':
				{
					for(j=0; j<series[i].subs.length; j++)
						my_series+= trim(langs[series[i].subs[j]].toLowerCase());	
				}break;
				case '7':
				{if(series[i].quality!=null)my_series = trim(series[i].quality.toLowerCase());}break;
				case '8':
				{
					if(series[i].year != null)
						my_series = trim(series[i].year.toString());
				}break;
				case '9':
				{
					if(series[i].total != 0)
						my_series = trim(series[i].total.toString());
				}break;
				case '0':
				{
					my_series = "";
					if(series[i].title!=null)my_series = trim(series[i].title.toLowerCase());
					if(series[i].group!=null)my_series+= trim(series[i].group.toLowerCase());	
					if(series[i].quality!=null)my_series+= trim(series[i].quality.toLowerCase());
					for(j=0; j<series[i].genres.length; j++)
						my_series+= trim(series[i].genres[j].toLowerCase());
					for(j=0; j<series[i].dubs.length; j++)
						my_series+= trim(langs[series[i].dubs[j]].toLowerCase());
					for(j=0; j<series[i].subs.length; j++)
						my_series+= trim(langs[series[i].subs[j]].toLowerCase());
					if(navigator.appName.toLowerCase() != "opera")
					{
						if(series[i].rating != null)
							my_series+= series[i].rating.toString() + '/5';
						if(series[i].year != null)
							my_series+= series[i].year.toString();
						if(series[i].total != 0)
							my_series+= series[i].total.toString();	
					}
					else
					{
						var to_add = '';
						if(series[i].rating != null)
						{
							to_add = series[i].rating.toString();
							my_series+= to_add + '/5';	
						}
						if(series[i].year != null)
						{
							to_add = series[i].year.toString();
							my_series+= to_add;
						}
						if(series[i].total != 0)
						{
							to_add = series[i].total.toString();
							my_series+= to_add;
						}
					}
				}
				default:{}
			}
				
			var count = 0;
			
			for(j =0 ; j<values.length; j++)
			{
				if(my_series.match(values[j]))
				{
					count++;
				}
			}
			
			if(values.length == count)
			{
				results.push(series[i]);
			}
		}
		
		write(results);
	}
	else
	{
		write(series);
	}
}

function startsWith(letter)
{
	var results = new Array();
	
	if(letter == '')
	{
		results = series;
	}
	else if(letter == '1')
	{
		for(i = 0; i<series.length; i++)
		{
			var my_series = trim(series[i].title.toLowerCase());
			
			if(my_series.charCodeAt(0) < 97)
			{
				results.push(series[i]);
			}
		}
	}
	else
	{		
		for(i = 0; i<series.length; i++)
		{
			var my_series = trim(series[i].title.toLowerCase());
				
			if(my_series.indexOf(letter) == 0)
			{
				results.push(series[i]);
			}
		}
	}
	
	write(results);
}

function trim(inputString) {
  inputString = inputString.replace( /^\s+/g, "" );// strip leading
  return inputString.replace( /\s+$/g, "" );// strip trailing
}

function e(id) 
{
	return document.getElementById(id);
}
			
function getWindowHeight() 
{
	if (window.self && self.innerHeight) 
	{
		return self.innerHeight;
	}
	
	if (document.documentElement && document.documentElement.clientHeight) 
	{
		return document.documentElement.clientHeight;
	}
	
	return 0;
}

function resizePage() 
{
	var offset = 0;
	for (var elem = e("display"); elem != null; elem = elem.offsetParent) 
	{
		offset += elem.offsetTop;
	}
	var windowHeight = getWindowHeight();
	var height = windowHeight - offset - 65;
	to_display = ((height - 70) / 20);
	to_display = Math.floor(to_display);
	var height2 = height + 21;
	if (height >= 0) 
	{
		e("display").style.height = height + "px";
		e("panel").style.height = height2 + "px";
	}
}