// Template per la visualizzazione dei risultati della ricerca
var ChannelPlayListTemplate = new Template();

var imgPrivilege = new Array("ico-preview.gif", "ico-free.gif", "ico-gold.gif", "ico-platinum.gif");

ChannelPlayListTemplate.HeaderStyle = '<div class="padding"><div class="height405"><div class="canale">';
ChannelPlayListTemplate.HeaderStyle += '<table width="100%" cellpadding="0" cellspacing="0" border="0">';
ChannelPlayListTemplate.HeaderStyle += '<tr><td class="titolocanale"><img id="imgTitoloCanale" height="13" border="0" alt="" /></td>';
ChannelPlayListTemplate.HeaderStyle += '<td id="tdLogoSponsor" class="logo-sponsor"></td></tr></table>';
ChannelPlayListTemplate.HeaderStyle += '<table cellpadding="0" cellspacing="0" border="0">';
ChannelPlayListTemplate.HeaderStyle += '<tr><!--<td><div class="guardatutto" id="guardatuttohover" onmouseover="AttivaCercaTutto();" onmouseout="DisattivaCercaTutto();">Watch all</div></td>-->';
ChannelPlayListTemplate.HeaderStyle += '<td><a id="aCercaIn" href=""><div class="cerca" id="cercahover" onmouseover="javascript:AttivaCercaInCanale();" onmouseout="javascript:DisattivaCercaInCanale();"></div></a></td>';
ChannelPlayListTemplate.HeaderStyle += '</tr></table>';
ChannelPlayListTemplate.HeaderStyle += '</div>';

ChannelPlayListTemplate.FooterStyle = '</div><div class="paginazione">';
ChannelPlayListTemplate.FooterStyle += '<table cellpadding="0" cellspacing="0" border="0"><tr>';
ChannelPlayListTemplate.FooterStyle += '<td id="tdPrevPage"></td>';
ChannelPlayListTemplate.FooterStyle += '<td class="totpagine"><p id="PaginaNdiN"></p></td>';
ChannelPlayListTemplate.FooterStyle += '<td id="tdNextPage"></td>';
ChannelPlayListTemplate.FooterStyle += '</tr></table></div></div>';

ChannelPlayListTemplate.EmptyStyle = '<div class="small disabled"></div>';

function CreateItemStyle(){
    var s = '';
    s = '<div class="big">';
    s += '<table cellpadding="0" cellspacing="0" border="0">';
    s += '<tr valign="top">';
    s += '<td width="115" class="foto"><img src="{UrlImgBig}" width="100" height="75" border="0" alt=""></td>';
    s += '<td width="215" class="strillo">';
    s += '<p class="data">{ModDate}</p><p class="titolo">{Title}</p><p>{Abstract}</p>';
    s += '</td></tr>';
    s += '<tr><td colspan="2">';
    s += '<table class="controlli bggrey" cellpadding="0" cellspacing="0" border="0"><tr>';
    s += '<td class="tipo"><img src="img/ico-privilege{idPrivilege}.gif" width="43" height="11" border="0" alt=""></td>';
    s += '<td class="spazio"><img class="separatore" src="img/pl-separatore-gry.gif" border="0" alt=""></td>';
    s += '<td id="tdPlay{Id}" class="play">';
    s += '<a href="javascript:OpenVideo({Id})" class="" title="Play video" onmouseover="imgPlay{Id}.src=\'img/control-pl-play-gry_over.gif\'" onclick="imgPlay{Id}.src=\'img/control-pl-play-gry.gif\'" onmouseout="imgPlay{Id}.src=\'img/control-pl-play-gry.gif\'">';
    s += '<img id="imgPlay{Id}" src="img/control-pl-play-gry.gif" width="26" height="14" border="0" alt="Play video">Play</a></td>';
    s += '<td class="preferiti"><!--<a href="javascript:void(0)" title="Aggiungi ai preferiti"><img class="add" src="img/control-pl-add-gry.gif" border="0" alt="Aggiungi ai preferiti"></a>--></td>';
    s += '<td height="20"><img class="separatore" src="img/pl-separatore-gry.gif" border="0" alt=""></td>';
    s += '<td id="tdVisite{Id}" class="visite"><b>{Visits}</b> ';
    s += ((Language=="en") ? 'views' : 'visite');
    s += '</td></tr>';
    s += '</table></td></tr></table></div>';
    return s;
}

function CreateAlternateStyle(){
    var s = '';
    s = '<div class="small">';
    s += '<table cellpadding="0" cellspacing="0" border="0"><tr valign="top">';
    s += '<td class="foto"><p class="data">{ModDate}</p></td>';
    s += '<td class="strillo"><p class="titolo">{Title}</p></td></tr>';
    s += '<tr><td colspan="2">';
    s += '<table class="controlli bgblak" cellpadding="0" cellspacing="0" border="0">';
    s += '<td class="tipo"><img src="img/ico-privilege{idPrivilege}.gif" width="43" height="11" border="0" alt=""></td>';
	s += '<td class="spazio"><img class="separatore" src="img/pl-separatore-blk.gif" border="0" alt=""></td>';
    s += '<td id="tdPlay{Id}" class="play">';
    s += '<a href="javascript:OpenVideo({Id})" class="" title="Play video" onmouseover="imgPlay{Id}.src=\'img/control-pl-play-blk_over.gif\'" onclick="imgPlay{Id}.src=\'img/control-pl-play-blk.gif\'" onmouseout="imgPlay{Id}.src=\'img/control-pl-play-blk.gif\'">';
    s += '<img id="imgPlay{Id}" src="img/control-pl-play-blk.gif" width="26" height="14" border="0" alt="Play video">';
    s += 'Play</a></td>';
    s += '<td class="preferiti"><!--<a href="javascript:void(0)" title="Aggiungi ai preferiti"><img class="add" src="img/control-pl-add-blk.gif" border="0" alt="Aggiungi ai preferiti"></a>--></td>';
    s += '<td height="20"><img class="separatore" src="img/pl-separatore-blk.gif" border="0" alt=""></td>';
    s += '<td id="tdVisite{Id}" class="visite"><b>{Visits}</b> ';
    s += ((Language=="en") ? 'views' : 'visite');
    s += '</td></tr>';
    s += '</table></td></tr></table></div>';
    return s;
}


function RenderPlayList(catID, PageNumber) {

    var Videos = null;
    var imgUrl = 'img/' + Language + '/';

    //carico il canale, se necessario, e la collection dei video.
    if (catID<0)
    {
        if (!CurrentChannel) CurrentChannel = new MostViewedCategory();
        Videos = LoadMostViewedVideos(26);
    }
    else
    {
        if (!CurrentChannel) CurrentChannel = LoadCategory(catID);
        Videos = LoadVideoFromCat(catID);
    }

    //Capisco quanti video mettere in evidenza.
    var numVideoToHighlight=0;
    if((CurrentChannel.OrderType==1) || (CurrentChannel.OrderType==2)) // Sempre due.
    {
        numVideoToHighlight = 2;
    }
    else
    {
        numVideoToHighlight = GetVideoNumberToHighlight(catID);
    } 
    
    //determino, in funzione del numero di pagine e della pagina corrente,
    //quali oggetti della collection Videos devo isolare per essere visualizzati,
    //e lo stile con cui vengono renderizzati
    var PageSize = 7;
    var FirstPageSize = PageSize - numVideoToHighlight;
    if (PageNumber==1) PageSize = FirstPageSize;
    
    ChannelPlayListTemplate.ItemStyle = CreateItemStyle();
    ChannelPlayListTemplate.AlternateStyle = CreateAlternateStyle();
    
    
    //determino PageCount
    var PageCount = 0;
    if (Videos != null)
    {
        if ((Videos.length>0) && (Videos.length<=FirstPageSize))
            PageCount = 1;
        else
            PageCount = 1 + (Math.ceil((Videos.length-FirstPageSize) / 7)) ;
        //if (Videos.length>PageSize) PageCount = 1 + (Math.ceil((Videos.length-FirstPageSize) / 7)) ;
    }
    else
    {
        PageNumber = 0;
    }
    
    //i è l'indice del primo video della pagina.
    var i = ((PageNumber - 1) * PageSize + (FirstPageSize - PageSize));
    
    var LastVideo = i + PageSize;
    //res1 è l'array dei video della pagina di playlist.
    var res1 = [];
    if (Videos != null){
        while ((i<Videos.length) && (i<LastVideo))
        {
            res1[res1.length] = Videos[i];
            i++;
        }
    }
   
    //renderizzo la playlist
    var r = new RenderEngine();
    r.template = ChannelPlayListTemplate;
	r.list = res1;
	document.getElementById('AJAXplaylist').innerHTML = (PageNumber==1) ? r.RenderPL(numVideoToHighlight) : r.RenderPL(0);
	
	
	//applico la skin se è un canale sponsorizzato
	SkinPlayList(CurrentChannel, catID);
	
	//determino il numero di pagina precedente e successiva
	//per i tasti a piè di Playlist
	var PrevPage;
	var NextPage;
	
	if (PageNumber<2)	{
	    PrevPage = 1;
	    document.getElementById('tdPrevPage').innerHTML = '<img id="imgPrevPage" class="floatL" src="img/' + Language + '/bot-precedente_disable.gif" width="75" height="16" border="0">';
	}	else	{
	    PrevPage = (PageNumber - 1);
	    document.getElementById('tdPrevPage').innerHTML = '<a id="PrevPage" href="javascript:RenderPlayList(' + catID + ', ' + PrevPage + ');" title="Previous page"><img id="imgPrevPage" class="floatL" onmouseover="this.src=\'img/' + Language + '/bot-precedente_over.gif\'" onmouseout="this.src=\'img/' + Language + '/bot-precedente.gif\'" src="img/' + Language + '/bot-precedente.gif" width="75" height="16" border="0" alt="Previous page" title="Previous page"></a>';
	}
	
	if (PageNumber==PageCount)	{
	    NextPage = PageCount;
	    document.getElementById('tdNextPage').innerHTML = '<img id="imgNextPage" class="floatR" src="img/en/bot-successiva_disable.gif" width="75" height="16" border="0">';
	}	else	{
	    NextPage = (PageNumber + 1);
	    document.getElementById('tdNextPage').innerHTML = '<a id="NextPage" href="javascript:RenderPlayList(' + catID + ',' + NextPage + ');" title="Next page"><img id="imgNextPage" class="floatR" onmouseover="this.src=\'img/' + Language + '/bot-successiva_over.gif\'" onmouseout="this.src=\'img/' + Language + '/bot-successiva.gif\'" src="img/' + Language + '/bot-successiva.gif" width="75" height="16" border="0" alt="Next page" title="Next page"></a>';
	}
	
	if ((PageCount==0) && (PageNumber==0))
	{
	    document.getElementById('PaginaNdiN').innerHTML = ((Language=='en') ? 'page 1 of 1' : 'pagina 1 di 1');
	}
	else
	{
	    document.getElementById('PaginaNdiN').innerHTML = ((Language=='en') ? ('page ' + PageNumber + ' of ' + PageCount) : ('pagina ' + PageNumber + ' di ' + PageCount));
	}
	
	if (res1.length==0) {
	    currentVideo = 0;
	    ChannelDefaultVideoID = 0;
	}else{
	    if (PageNumber==1) ChannelDefaultVideoID = res1[0].Id;
	}
	if (currentVideo>0) SetImgNowPlayng(currentVideo);
	UpdateVisits(currentVideo); 
}


function SkinPlayList(Category){

    var CatSkin = (Category.Skin=='') ? 'default' : Category.Skin;

	document.getElementById('AJAXplaylist').className = 'playlist pl-' + CatSkin;
	
	//determino il titolo della categoria
	document.getElementById('imgTitoloCanale').src = 'img/' + CatSkin + '/' + Language + '/' + Category.TitleUrl;
	
	//determino la ricerca per categoria
	document.getElementById('aCercaIn').href = 'javascript:DisplaySearch(true, \'' + Category.Id + '\', \'\'); Search();';
	
	
	//determino il Cerca In
	var searchin = ((Language=='en') ? 'Search in ' : 'Cerca in ');
	searchin += Category.Name;
	document.getElementById('cercahover').Title = searchin;
	document.getElementById('cercahover').innerHTML = searchin;
	
	if (Category.Skin==''){
	    document.getElementById('tdLogoSponsor').innerHTML = '';
	}else{
	    document.getElementById('tdLogoSponsor').innerHTML = '<a href="javascript:void(0)"><img src="img/' + CatSkin + '/logo.gif" width="38" height="21" border="0" alt=""></a>';
	}
	
	//skinno il footer
	ChangeFooterSkin(Category.Skin);
}


function SetImgNowPlayng(videoID)
{
    var s = '';
    var mv = '';
    var sv = '';
    if (document.getElementById("tdPlay" + videoID)) {
        //alert(document.getElementById("imgPlay" + videoID).src);
        if (document.getElementById("imgPlay" + videoID).src.indexOf("gry")>0){
            //alert('3');
            s = '<a class="playing"><img id="imgPlay' + videoID + '" src="img/control-pl-playing-gry.gif" width="26" height="14" border="0" alt="Now Playing">Now Playing</a>';
        }else{
            //alert('4');
            s = '<a class="playing"><img id="imgPlay' + videoID + '" src="img/control-pl-nowplay-blk.gif" Width="26" Height="14" Border="0" Alt="Now Playing"/>Now Playing</a>';
        }
        document.getElementById("tdPlay" + videoID).innerHTML = s;
    }
    if(document.getElementById("tdMost" + videoID)){
        mv = '<a class="playing"><img id="imgPlay' + videoID + '" src="img/control-pl-nowplay-red.gif" Width="26" Height="14" Border="0" Alt="Now Playing"/>Now Playing</a>';
        document.getElementById("tdMost" + videoID).innerHTML = mv;
    }
    
    if(document.getElementById("tdSrcPlay" + videoID)){
        sv = '<a class="playing"><img id="plplay' + videoID + '" src="img/control-pl-nowplay-blk.gif" Width="26" Height="14" Border="0" Alt="Now Playing"/>Now Playing</a>';
        document.getElementById("tdSrcPlay" + videoID).innerHTML = sv;
    }
}

function SetImgPlay(videoID)
{
    var s = '';
    var mv = '';
    if (document.getElementById("tdPlay" + videoID)) {
        //alert(document.getElementById("imgPlay" + videoID).src);
	    if (document.getElementById("imgPlay" + videoID).src.indexOf('gry')>0){
	        //alert('1');
	        s = '<a href="javascript:OpenVideo(' + videoID + ')" class="" title="Play video" onmouseover="imgPlay' + videoID + '.src=\'img/control-pl-play-gry_over.gif\'" onclick="imgPlay' + videoID + '.src=\'img/control-pl-play-gry.gif\'" onmouseout="imgPlay' + videoID + '.src=\'img/control-pl-play-gry.gif\'">';
 	        s += '<img id="imgPlay' + videoID + '" src="img/control-pl-play-gry.gif" Width="26" Height="14" Border="0" Alt="Play video"/>Play</a>';
	    }else{
	        //alert('2');
	        s = '<a href="javascript:OpenVideo(' + videoID + ')" class="" title="Play video" onmouseover="imgPlay' + videoID + '.src=\'img/control-pl-play-blk_over.gif\'" onclick="imgPlay' + videoID + '.src=\'img/control-pl-play-blk.gif\'" onmouseout="imgPlay' + videoID + '.src=\'img/control-pl-play-blk.gif\'">';
	        s += '<img id="imgPlay' + videoID + '" src="img/control-pl-play-blk.gif" Width="26" Height="14" Border="0" Alt="Play video"/>Play</a>';
	    }
	    document.getElementById("tdPlay" + videoID).innerHTML = s;
	}
	
    if(document.getElementById("tdMost" + videoID)){
	    mv = '<a href="javascript:OpenVideo(' + videoID + ')" title="Play video">';
	    mv += '<img src="img/control-pl-play-red.gif" width="26" height="14" border="0" alt="Play video">Play</a>';
	    document.getElementById("tdMost" + videoID).innerHTML = mv;
	}
	
	if(document.getElementById("tdSrcPlay" + videoID)){
	    mv = '<a href="javascript:OpenVideo(' + videoID + ')" title="Play video">';
	    mv += '<img src="img/control-pl-play-blk.gif" width="26" height="14" border="0" alt="Play video">Play</a>';
	    document.getElementById("tdSrcPlay" + videoID).innerHTML = mv;
	}
}