//Global Variable

var m_CommentTable = null;
var m_CommentContainer = null;

var m_TagsTable = null;
var m_TagContainer = null;

var m_ProfileTable = null;
var m_ProfileContainer = null;

var m_ProgramTable = null;
var m_ProgramContainer = null;

var m_AudienceTable = null;
var m_AudienceContainer = null;

var m_MenuComment = null;
var m_MenuTags = null;
var m_MenuAuthor = null;
var m_MenuProgram = null;
var m_MenuAudience = null;

var debug = true;

var m_CurrentMedia = null;
var m_Comments = null;

var m_Config = null;
var m_AddComment = null;
var m_Comment = null;
var m_Audience = '';
//TODO
var m_ChannelName = '';
var m_CurrentProgramName = '';
var m_PreviousProgramName = '';
var m_RatedProgramID = null;
var m_Rate = null;
var m_CustomerEndPoint = '';
var m_Streaming = true;//false;

var timerComment = null;
var m_AlreadyVote =false;
//v2.0
var m_PlayerMode = 'Full';
var m_TableWidth = 408;
function initWebsite(){
    
        //var callBack2 = function (v){
        //    m_Config = eval('(' + v + ')');
        //}
        //openAsyncUrl(m_ConfigUrl + m_ChannelID,callBack2);
        
        m_Nowplaying = document.getElementById('tdNowplaying');
        m_CommentTable = document.getElementById('tableComment');
        m_CommentContainer = document.getElementById('divCommentContainer');
        
        //m_TagsTable = document.getElementById('tableTags');
        //m_TagContainer = doument.getElementById('divTagContainer');
        
        //m_ProfileTable = document.getElementById('tableProfile');
        //m_ProfileContainer = document.getElementById('divProfileContainer');
        
        m_ProgramTable = document.getElementById('tableProgram');
        m_ProgramContainer = document.getElementById('divProgramContainer');

        m_AudienceTable = document.getElementById('tableAudience');
        m_AudienceContainer = document.getElementById('divAudienceContainer');

        //Menu
        m_MenuComment = document.getElementById('tdMenuComments');
        
    //    m_MenuTags = document.getElementById('tdMenuTags');
    //    m_MenuAuthor = document.getElementById('tdAuthor');
        m_MenuProgram = document.getElementById('tdMenuProgram');
        
        m_MenuAudience = document.getElementById('tdMenuAudience');
        // Current Media
        
        
        m_RatedProgramID = document.getElementById('RatedProgramID');
        m_Rate = document.getElementById('divRate');
        
        m_AddComment = document.getElementById('addComment');
        m_Comment = document.getElementById('comment');

        //var callBack1 = function callBackCurrentMedia(v){
            
        //    m_CurrentMedia = eval('(' + v + ')');    
        //refreshComments();
        //timerComment = setInterval('refreshComments()','2000');
        //refreshAudience();
        //timerComment = setInterval('refreshAudience()','10000');
        //}    
            
    //openAsyncUrl(m_CurrentMediaUrl,callBack1);
}
var audiencePaging = 1;
var audienceKeyword = '';
function refreshAudience(){
    //pageAudience(audiencePaging,audienceKeyword);
}
function searchAudience(v){
    pageAudience(1,v);
}
function pageAudience(pageIndex,name){
    audiencePaging = pageIndex;
    audienceKeyword = name;
    if (m_AudienceContainer != null) m_AudienceContainer.innerHTML = 'Loading...';

    var paging = function (v){
        if (m_AudienceContainer != null){
            m_AudienceContainer.innerHTML = v;
        }
    }                                        
    openAsyncUrl('../services/getaudience.aspx?p=' + pageIndex + '&name=' + encodeURIComponent(name),paging);
}
function switchTab(tab){
    //alert(m_MenuComment);
    //m_MenuComment.className = 'normaltab';
    var chatWin = document.getElementById('chatTable');
    if ((chatWin != null) && (chatWin.style.display == 'none')){
        chatWin.style.display = 'inline';
    }
    if ((m_MenuComment != null) && (m_MenuProgram != null)) {
        m_MenuComment.innerHTML = '<a href="javascript: switchTab(\'COM\');"><strong>chat</strong></a>';
        m_CommentTable.style.display = 'none';


        //m_MenuProgram.className = 'normaltab';
        m_MenuProgram.innerHTML = '<a href="javascript: switchTab(\'PRO\');"><strong>show details</strong></a>';
        m_ProgramTable.style.display = 'none';


        //    m_MenuAudience.innerHTML = '<a href="javascript: switchTab(\'AUD\');"><strong>viewers</strong></a>';
        //    m_AudienceTable.style.display = 'none';


        switch (tab) {
            case 'COM':
                //m_MenuComment.className = 'selectedtab';
                m_MenuComment.innerHTML = '<strong class="FunctionLink">chat</strong>';
                m_CommentTable.style.display = 'inline';
                drawComments(false);
                break;
            case 'PRO':
                //drawProgramDetails2();
                //m_MenuProgram.className = 'selectedtab';
                m_MenuProgram.innerHTML = '<strong class="FunctionLink">show details</strong>';
                m_ProgramTable.style.display = 'inline';
                break;
            case 'AUD':
                drawAudience();
                //m_MenuProgram.className = 'selectedtab';
                m_MenuAudience.innerHTML = '<strong class="FunctionLink">viewers</strong>';
                m_AudienceTable.style.display = 'inline';
                break;
        }
    }
}
function showMoreInfo(){
    if (m_PlayerMode.toLowerCase() == 'full' ) {
        switchTab('PRO');
    }
    else{
        if ((m_CurrentMedia != null) && (m_CurrentMedia.Program != null) && (m_CurrentMedia.Program.ID != '00000000-0000-0000-0000-000000000000')){
            window.open('../show/' + m_CurrentMedia.Program.ID,'_top');
        }else{
            window.open('../pages/default.aspx','_top');
        }
    }
}
function drawAudience(){
    //m_AudienceContainer.innerHTML = m_Audience;   
}
function drawProgramDetails(){
    var content = '';
    var program = null;
    if (m_ProgramContainer != null){
        try{
            if ((m_CurrentMedia != null) && (m_CurrentMedia.HasProgram)){
                //Author
                content += '<table width="430"  border="0" cellspacing="0" cellpadding="0">';
                content += '  <tr>';
                content += '    <td width="100" vAlign="top">';
                

                if (m_CurrentMedia.Program != null){
                    content += '<table width="100%"  border="0" cellspacing="0" cellpadding="0">';
                    content += '  <tr>';
                    content += '    <td>';        
                    content += '        <img src="' + m_CurrentMedia.Program.CustomerAvatar + '" width="100" height="100" class="thumbnail">';
                    content += '    </td>';
                    content += '  </tr>';
                    content += '  <tr>';
                    content += '    <td align="center">';        
                    content += '        <a href="../profiles/'+ m_CurrentMedia.Program.CustomerNickName + '" class="ListLink">' + m_CurrentMedia.Program.CustomerNickName + '</a>';
                    content += '    </td>';
                    content += '  </tr>';
//                    content += '  <tr>';
//                    content += '    <td>';        
//                    content += '     Signed Up';
//                    content += '    </td>';
//                    content += '  </tr>';                    

//                    content += '  <tr>';
//                    content += '    <td>';        
//                    content +=      m_CurrentMedia.Customer.CreatedDate;
//                    content += '    </td>';
//                    content += '  </tr>';                    
//                    content += '  <tr>';
//                    content += '    <td>Rank: ' + m_CurrentMedia.Customer.Rank + '</td>';
//                    content += '  </tr>';
//                    content += '  <tr>';
//                    content += '    <td>Rate:' + m_CurrentMedia.Customer.AverageVote + '</td>';
//                    content += '  </tr>';
//                    content += '<tr>';
//                    content += '    <td>Post: ' + m_CurrentMedia.Customer.NumberOfBroadCasting + ' times</td>';
//                    content += '  </tr>';
                    
                    content += '</table>';
                }
                
                
                content += '    <td width="300" vAlign="top">'
                if (m_CurrentMedia.Program != null){
                    content += '<table width="100%"  border="0" cellspacing="0" cellpadding="0">';
                    content += '  <tr>';
                    content += '    <td>';        
                    content += '        <a href="../show/' + m_CurrentMedia.Program.ID + '" class="ListLink">' + m_CurrentMedia.Program.Name + '</a>';
                    content += '    </td>';
                    content += '  </tr>'; 
                    content += '  <tr>';
                    content += '    <td>';        
                    content +=          m_CurrentMedia.Program.Description;
                    content += '    </td>';
                    content += '  </tr>'; 
                    
                    content += '  <tr>';
                    content += '    <td height="10">';        
                    content += '    </td>';
                    content += '  </tr>';   
                    
                    content += '  <tr>';
                    content += '    <td>';        
                    if (m_CurrentMedia.Tags != null){
                        for (var i = 0; i < m_CurrentMedia.Tags.length; i++){
                            var tag = m_CurrentMedia.Tags[i];
                            content += '<a href="../pages/people.aspx?filter=tag&filterValue=' + tag.Name + '" style="font-size:' + (12 + parseInt(tag.Priority)) + 'px">' + tag.Name + "</a> ";
                         }
                    }
                    
                    content += '    </td>';
                    content += '  </tr>'; 
                    
                    content += '  <tr>';
                    content += '    <td>';        
                    content += '    </td>';
                    content += '  </tr>';                     
                    
                    content += '</table>';                   
                    
                }
                content += ' </td>';
                content += '  </tr>';
                content += '</table>                ';
                m_ProgramContainer.innerHTML = content;
                /*if (m_CurrentMedia.Program != null){
                    program = m_CurrentMedia.Program;

                    content += '<a href="programdetails.aspx?id=' + program.ID + '">' + program.Name + '</a><br>' + program.Description;
                    m_ProgramContainer.innerHTML = content  + "<br/><br/>Duration:" + program.Duration;
                 }else{
                    m_ProgramContainer.innerHTML = '';
                 }*/
            }else{
                
                m_ProgramContainer.innerHTML = 'N/A';
            }
        }catch(e){
            if (debug) alert(e.message);
        }    
    }
    //else m_ProgramContainer.innerHTML = '';
}
function drawProgramDetails2() {
    var content = '';
    var program = null;
    if (m_ProgramContainer != null) {
        try {
            
            if ((m_CurrentMedia != null) && (m_CurrentMedia.HasProgram)) {
                //Author
                content += '<table width="430"  border="0" cellspacing="0" cellpadding="0">';
                content += '  <tr>';
                content += '    <td width="100" vAlign="top">';

                content += '<table width="100%"  border="0" cellspacing="0" cellpadding="0">';
                content += '  <tr>';
                content += '    <td>';
                content += '        <img src="' + m_CurrentMedia.CustomerAvatar + '" width="100" height="100" class="thumbnail">';
                content += '    </td>';
                content += '  </tr>';
                content += '  <tr>';
                content += '    <td align="center">';
                content += '        <a href="../profiles/' + m_CurrentMedia.CustomerNickName + '" class="ListLink">' + m_CurrentMedia.CustomerNickName + '</a>';
                content += '    </td>';
                content += '  </tr>';
                content += '</table>';

                content += '    <td width="300" vAlign="top">'
                content += '<table width="100%"  border="0" cellspacing="0" cellpadding="0">';
                content += '  <tr>';
                content += '    <td>';
                content += '        <a href="../show/' + m_CurrentMedia.ID + '" class="ListLink">' + m_CurrentMedia.Name + '</a>';
                content += '    </td>';
                content += '  </tr>';
                content += '  <tr>';
                content += '    <td>';
                content += m_CurrentMedia.Description;
                content += '    </td>';
                content += '  </tr>';

                content += '  <tr>';
                content += '    <td height="10">';
                content += '    </td>';
                content += '  </tr>';

                content += '  <tr>';
                content += '    <td>';
                if (m_CurrentMedia.Tags != null) {
                    var tags = m_CurrentMedia.Tags.split(',');
                    for (var i = 0; i < tags.length; i++) {
                        var tag = tags[i];
                        content += '<a href="../pages/currentshow.aspx?filter=tag&filterValue=' + tag + '" style="font-size:' + (12 + parseInt(tag.Priority)) + 'px">' + tags + "</a> ";
                    }
                }

                content += '    </td>';
                content += '  </tr>';

                content += '  <tr>';
                content += '    <td>';
                content += '    </td>';
                content += '  </tr>';

                content += '</table>';


                content += ' </td>';
                content += '  </tr>';
                content += '</table>                ';
                m_ProgramContainer.innerHTML = content;

            } else {

                m_ProgramContainer.innerHTML = 'N/A';
            }
        } catch (e) {
            if (debug) alert(e.message);
        }
    }
    //else m_ProgramContainer.innerHTML = '';
}

function changeColor(s,e){
    s.Fill = 'white';
}
function changeBackColor(s,e){
    s.Fill = '#a0c12b';
}
function drawProfile(){
    var content = '';
    var customer = null;
    if (m_ProfileContainer != null){
        try{
            if (m_CurrentMedia != null){
                //Author
                if (m_CurrentMedia.Customer != null){
                    customer = m_CurrentMedia.Customer;
                    content = '<table width="100%"  border="1" cellspacing="0" cellpadding="0">';
                    content += '  <tr>';
                    content += '    <td width="150"><img src="' + customer.Avatar + '" width="100" height="100" class="avatar"></td>';
                    content += '    <td width="300" rowspan="5" vAlign="top"><a href="profileview.aspx?id='+ customer.ID + '">' + customer.Name + '</a><br>' + customer.Description +'<br><br>Member from ' + customer.CreatedDate + '</td>';
                    content += '  </tr>';
                    content += '  <tr>';
                    content += '    <td>Rank: ' + customer.Rank + '</td>';
                    content += '  </tr>';
                    content += '  <tr>';
                    content += '    <td>Vote:' + customer.AverageVote + '</td>';
                    content += '  </tr>';
                    content += '<tr>';
                    content += '    <td>Post: ' + customer.NumberOfBroadCasting + ' times</td>';
                    content += '  </tr>';
                    content += '  <tr>';
                    content += '    <td>&nbsp;</td>';
                    content += '  </tr>';
                    content += '</table>';
                 }
                 m_ProfileContainer.innerHTML = content;
            }
        }catch(e){
            if (debug) alert(e.message);
        }    
    }
}
function updateData(){
    m_CurrentProgramName = 'Current Playing: Loading....';
    m_CustomerEndPoint = m_CurrentMedia.StreamUrl; 
    
    if (!m_CurrentMedia.IsCurrentCustomerAuthorized){
        if (m_AddComment != null) m_AddComment.disabled = true;
        if (m_Comment != null) m_Comment.disabled = true;
    }        
    drawComments(true);
//    drawAudience();
    drawProgramDetails();    
    
    if (m_CurrentMedia != null){
        
        if ( m_RatedProgramID != null ){
            
	        m_RatedProgramID.value = m_CurrentMedia.Program.ID;
        }
	    
	    m_CustomerEndPoint = m_CurrentMedia.StreamUrl; 
	    
	    if ( m_CurrentMedia.CustomerVote != 0 ){ 	
	                if (m_Rate != null) m_Rate.innerHTML = drawStars(m_CurrentMedia.AverageVote,false);
            }else{
                    if (m_Rate != null) m_Rate.innerHTML = drawStars(m_CurrentMedia.AverageVote,true);
        }
        
        var numOfComments = document.getElementById('numberOfComments');
        if (numOfComments != null) numOfComments.innerHTML = m_CurrentMedia.NumberOfComments;       
    }
}
var m_CommentLength = 0;
var m_LastCommentRow = 0;
var m_PreviousProgramID = '';
var m_PreviousScroll = 0;
var m_PreviousAutoScroll = 0;
function drawComments(processData){
    //current media
    var content = '';
    var comment = null;
    var t = null;
    var row = null;
    var cell = null;
    var scrollDown = false;
    if (m_CommentContainer != null){
        try{
            
            if (processData){
            
                if (m_CurrentMedia != null){
                    //Comments
                    if (m_PreviousProgramID != m_CurrentMedia.Program.ID) 
                    {   
                        m_LastCommentRow = 0;
                        m_CommentContainer.innerHTML = ''
                    }
            
                    if (m_CurrentMedia.Program.ID != '00000000-0000-0000-0000-000000000000'){
                        if (m_LastCommentRow == 0){
                            
                            m_CommentContainer.innerHTML = '<input type="hidden" name="ProgramID" value="' + m_CurrentMedia.Program.ID + '">';
                            //CREATE table
                            t = document.createElement('TABLE');
                            t.width= m_TableWidth;
                            t.cellSpacing = '0';
                            t.cellPadding = '0';
                            t.border = '0';
                            t.align='left';
                            t.id = 'chatResultTable';          
                            m_CommentContainer.appendChild(t);
                            m_PreviousProgramID = m_CurrentMedia.Program.ID;
                        }
                        else{
                            t = document.getElementById('chatResultTable');
                        }
                        
                        if (m_Comments != null){
                        
                            if (m_CommentLength != m_Comments.length ){
                                m_CommentLength = m_Comments.length;
                                scrollDown = true;
                            }         
                            m_LastCommentRow +=m_Comments.length;            
                            for (var i = 0; i < m_Comments.length; i++){
                                comment = m_Comments[i];
                                
                                if (t != null){         
                                    row = t.insertRow(t.rows.length);                                
                                    cell = row.insertCell(row.cells.length);
                                    cell.vAlign = 'top';
                                    cell.innerHTML = '<a target="_blank" href="' + comment.CustomerProfileUrl + '" class="chatUserLink' + (t.rows.length % 2)+ '">' + comment.Name  + '</a> <span class="lighttext">[' + comment.CreatedDate + ']</span> <span>' + comment.Description + '</span>';
                                 }else{ 
                                    content += '<tr>';
                                    content += '    <td valign="top"><a href="' + comment.CustomerProfileUrl + '" class="chatUserLink' + (t.rows.length % 2)+ '">' + comment.Name + '</a> <span class="lighttext">[ ' + comment.CreatedDate + ']</span> <span>' + comment.Description + '</span></td>';
                                    content += '</tr>';
                                 }
                            }
                        }else{ 
                            m_CommentLength = 0;
                            m_LastCommentRow = 0;    
                        }//end if (m_Comments != null)
                        
                    }//if (m_CurrentMedia.Program.ID != '00000000-0000-0000-0000-000000000000')
                }else{
                    m_LastCommentRow = 0;
                }//if (m_CurrentMedia != null)
            }//if (processData)
            else
            {
                scrollDown = true;
                //alert(m_PreviousAutoScroll + '\t' + m_PreviousScroll);
            }
            if (scrollDown) {
                //window.status = m_PreviousAutoScroll + '|' + m_PreviousScroll;
                if (m_PreviousAutoScroll <= m_PreviousScroll){
                    m_CommentContainer.scrollTop = 100000000;//m_CommentContainer.clientHeight;
                    m_PreviousAutoScroll = m_CommentContainer.scrollTop;
                    //alert();
                }
                if (m_PreviousScroll == 0)  m_PreviousScroll = m_CommentContainer.scrollTop;
            }
        }catch(e){
            //if (debug) alert(e.message);
        }
    }      
}
function drawComment(msg,b) {
    //current media
    var content = '';
    var comment = null;
    var t = null;
    var row = null;
    var cell = null;
    var scrollDown = false;
    if (m_CommentContainer != null) {
        try {

            if (m_CurrentMedia != null) {
                //Comments
                if (m_PreviousProgramID != m_CurrentMedia.ID) {
                    m_LastCommentRow = 0;
                    m_CommentContainer.innerHTML = ''
                }

                if (m_CurrentMedia.ID != '00000000-0000-0000-0000-000000000000') {
                    if (m_LastCommentRow == 0) {

                        m_CommentContainer.innerHTML = '<input type="hidden" name="ProgramID" value="' + m_CurrentMedia.ID + '">';
                        //CREATE table
                        t = document.createElement('TABLE');
                        t.width = m_TableWidth;
                        t.cellSpacing = '0';
                        t.cellPadding = '0';
                        t.border = '0';
                        t.align = 'left';
                        t.id = 'chatResultTable';
                        m_CommentContainer.appendChild(t);
                        m_PreviousProgramID = m_CurrentMedia.ID;
                    }
                    else {
                        t = document.getElementById('chatResultTable');
                    }

                    if (msg != null) {

                        scrollDown = true;
                        m_LastCommentRow++;

                        if (t != null) {
                            row = t.insertRow(t.rows.length);
                            cell = row.insertCell(row.cells.length);
                            cell.vAlign = 'top';
                            cell.innerHTML = '<a target="_blank" href="' + msg.CustomerProfileUrl + '" class="chatUserLink' + (t.rows.length % 2) + '">' + msg.Name + '</a> <span class="lighttext">[' + msg.CreatedDate + ']</span> <span>' + msg.Description + '</span>';
                        } else {
                            content += '<tr>';
                            content += '    <td valign="top"><a href="' + msg.CustomerProfileUrl + '" class="chatUserLink' + (t.rows.length % 2) + '">' + msg.Name + '</a> <span class="lighttext">[ ' + msg.CreatedDate + ']</span> <span>' + msg.Description + '</span></td>';
                            content += '</tr>';
                        }
                    } else {
                        if (b) {
                            m_CommentLength = 0;
                            m_LastCommentRow = 0;
                        }
                    } //end if (msg != null)

                } //if (m_CurrentMedia.Program.ID != '00000000-0000-0000-0000-000000000000')
            } else {
                m_LastCommentRow = 0;
            } //if (m_CurrentMedia != null)
            if (scrollDown) {
                //window.status = m_PreviousAutoScroll + '|' + m_PreviousScroll;
                if (m_PreviousAutoScroll <= m_PreviousScroll) {
                    m_CommentContainer.scrollTop = 100000000; //m_CommentContainer.clientHeight;
                    m_PreviousAutoScroll = m_CommentContainer.scrollTop;
                }
                if (m_PreviousScroll == 0) m_PreviousScroll = m_CommentContainer.scrollTop;
            }
        } catch (e) {
            //if (debug) alert(e.message);
        }
    }
}

//Silverlight Functions
var _root_xmouse = 0;
var _root_ymouse = 0;
var tile_scale=1
var time_to_move=0.6
var tile_img_width = 2
var pressed = false;
var xamlObject = null;

function showSchedule(s,e){
 if (vid != null){
    if (informationPlaceHolder != null){
        if (informationPlaceHolder.Visibility == 'Collapsed'){
              channelBrand.Visibility = 'Collapsed';
              retrievePrograms();
//            mediaPlayer.Width = 320;
//            channelLogo["Canvas.Left"] += 80
//            mediaPlayer["Canvas.Left"] = 80;
//            playBtn["Canvas.Left"] += 80;
            informationPlaceHolder.Visibility = 'Visible';
        }else{
            channelBrand.Visibility = 'Visible';
            informationPlaceHolder.Visibility = 'Collapsed';
//            mediaPlayer.Width = 400;
//            channelLogo["Canvas.Left"] -= 80
//            mediaPlayer["Canvas.Left"] = 0;
//            playBtn["Canvas.Left"] -= 80;
        
        }   
    }  
 }   
}
function uploadCurrent(){
    if (m_CurrentMedia != null){        
        //Now Playing
//        if (m_Nowplaying != null){
//            //if (m_CurrentProgramName != m_CurrentMedia.Program.Name) m_CurrentProgramName = m_CurrentMedia.Program.Name;
//            if (m_CurrentProgramName != m_PreviousProgramName){
//               m_PreviousProgramName = m_CurrentProgramName;       
//               m_Nowplaying.innerHTML = 'Current Playing: <a href="../profiles/' + m_CurrentMedia.Customer.Name + '">' + m_CurrentMedia.Customer.Name + '</a> - ';       
//               if (m_CurrentMedia.Program.Name.length > 32){
//                    m_Nowplaying.innerHTML += '<span title="' + m_CurrentMedia.Program.Name + '">' + cut(m_CurrentMedia.Program.Name,27) + '</span>';
//               }
//               else{
//                m_Nowplaying.innerHTML +=m_CurrentMedia.Program.Name;
//               }
//            }
//        }
//        if ((m_ChannelLogo != null) && (m_CurrentMedia.Channel != null)){
//            if (m_ChannelLogo.Source != m_CurrentMedia.Channel.ThumbnailUrl){
//                m_ChannelLogo.Source = m_CurrentMedia.Channel.ThumbnailUrl;// m_CurrentMedia.ServerUrl + 'pages/img.aspx?mode=channel&id=' + m_CurrentMedia.Channel.ID;
//            }
//        }
        //Add Comment
        if (!m_CurrentMedia.IsCurrentCustomerAuthorized){
            if (m_AddComment != null) m_AddComment.disabled = true;
            if (m_Comment != null) m_Comment.disabled = true;
        }        
    }
}
function showChannelInformation(){  
    toolTip.Visibility = 'Visible';
}
function showGuide(s,e){
 if (vid != null){
    if (informationPlaceHolder != null){
        if (informationPlaceHolder.Visibility == 'Collapsed'){
             channelBrand.Visibility = 'Collapsed';
             retrieveChannels();
            informationPlaceHolder.Visibility = 'Visible';
        }else{
            channelBrand.Visibility = 'Visible';
            informationPlaceHolder.Visibility = 'Collapsed';        
        }            
    }   
  }
}
function retrievePrograms(){
    screen_cnt = 1;
    var xamlFragment = '<Canvas>';
			xamlFragment +=	'<Rectangle Width="402" Height="80" Fill="#434343" Stroke="#379dc7" Canvas.Left="-1" Canvas.Top="0" Opacity="0.4" StrokeThickness="1"/>';
			xamlFragment +=	'   <Canvas Name="arrowLeft" Visibility="Collapsed" Canvas.Left="5" Canvas.Top="30" Opacity="0.15" MouseEnter="arrowEnter" MouseLeave="arrowLeave" MouseLeftButtonDown="arrowPress" Canvas.ZIndex="20" Cursor="Hand">';
			xamlFragment +='		<Path Data="M0,8 L11.75,16 11.75,0 z" Fill="#379dc7" Canvas.Left="3" Canvas.Top="5" />';
			xamlFragment +='    </Canvas>';
			xamlFragment += '<Canvas Name="tilesHolder">';
			if (m_CurrentMedia != null){
			    if (m_CurrentMedia.NextPrograms != null){
			        contentArr = m_CurrentMedia.NextPrograms.length;
			        for (var i = 0; i < m_CurrentMedia.NextPrograms.length; i++){
			            var c = m_CurrentMedia.NextPrograms[i];
                        xamlFragment +='	<Canvas Canvas.Left="' + i * tile_img_width + '">';
			            xamlFragment +='	    <Image Source="' + c.CustomerAvatar + '" Width="40" Height="40"  Canvas.Left="30" Canvas.Top="8" Cursor="Hand" MouseLeftButtonDown="viewCustomer" Name="cust_' + i + '$' + c.CustomerID + '"></Image>';//+ m_CurrentMedia.ServerUrl +'pages/img.aspx?mode=customer&amp;id=' + c.CustomerID + '" Width="40" Height="40"  Canvas.Left="30" Canvas.Top="8" Cursor="Hand" MouseLeftButtonDown="viewCustomer" Name="cust_' + i + '$' + c.CustomerID + '"></Image>';
			            xamlFragment +='	    <Canvas Canvas.Left="90" Canvas.Top="2">';
			            xamlFragment +='		    <TextBlock  Foreground="#FFF" Width="280" TextWrapping="Wrap" FontSize="16" Text="' + cut(c.CustomerNickName + ' : ' + c.Start + ' - ' +c.Name,30) + '">';
			            xamlFragment +='		    </TextBlock>';
			            xamlFragment +='	    </Canvas>';
			            xamlFragment +='	    <Canvas  Canvas.Left="90" Canvas.Top="24">';
			            xamlFragment +='		    <TextBlock  Foreground="#FFF" Width="280" TextWrapping="Wrap" FontSize="11" Text="' + cut(c.Description,140) + '">';
			            xamlFragment +='		    </TextBlock>';
			            xamlFragment +='	    </Canvas>';
			            xamlFragment +='	</Canvas>';
			       }
			    }
			}
			xamlFragment +='	</Canvas>';
			xamlFragment +='	<Canvas Name="arrowRight" Canvas.Left="375" Canvas.Top="30" Opacity="0.15" MouseEnter="arrowEnter" MouseLeave="arrowLeave" MouseLeftButtonDown="arrowPress"  Canvas.ZIndex="22" Cursor="Hand">';
			xamlFragment +='		<Path Data="M11.875,8 L0,16 0,0 z" Fill="#379dc7" Canvas.Left="3" Canvas.Top="5" />';
			xamlFragment +='	</Canvas>';
			
    xamlFragment += '</Canvas>';
    //textBlock = plugin.content.createFromXaml(xamlFragment1, false);
    if (xamlObject != null) informationPlaceHolder.children.remove(xamlObject);
    xamlObject =plugin.content.createFromXaml(xamlFragment,false);
    
	informationPlaceHolder.children.add(xamlObject);
}
function cut(s,l){
    if (s.length > l){
        s = s.substring(0,l) + '...';
    }
    return s;
}
function retrieveChannels(){
    screen_cnt = 1;
    var xamlFragment = '<Canvas>';
			xamlFragment +=	'<Rectangle Width="402" Height="80" Fill="#434343" Stroke="#379dc7" Canvas.Left="-1" Canvas.Top="0" Opacity="0.4" StrokeThickness="1"/>';
			xamlFragment +=	'   <Canvas Name="arrowLeft" Visibility="Collapsed" Canvas.Left="5" Canvas.Top="30" Opacity="0.15" MouseEnter="arrowEnter" MouseLeave="arrowLeave" MouseLeftButtonDown="arrowPress" Canvas.ZIndex="20" Cursor="Hand">';
			xamlFragment +='		<Path Data="M0,8 L11.75,16 11.75,0 z" Fill="#379dc7" Canvas.Left="3" Canvas.Top="5" />';
			xamlFragment +='    </Canvas>';
			xamlFragment += '<Canvas Name="tilesHolder">';
			if (m_Config != null){
			    if (m_Config.AvailableChannels != null){
			    contentArr = m_Config.AvailableChannels.length;
			        for (var i = 0; i < m_Config.AvailableChannels.length; i++){
			            var c = m_Config.AvailableChannels[i];
                        xamlFragment +='	<Canvas Canvas.Left="' + i * tile_img_width + '">';
			            xamlFragment +='	    <Image Source="' + c.ThumbnailUrl + '" Width="40" Height="40"  Canvas.Left="30" Canvas.Top="8" Cursor="Hand" MouseLeftButtonDown="changeChannel" Name="' + c.ID + '"></Image>';//+ m_Config.ServerUrl +'pages/img.aspx?mode=channel&amp;id=' + c.ID + '" Width="40" Height="40"  Canvas.Left="30" Canvas.Top="8" Cursor="Hand" MouseLeftButtonDown="changeChannel" Name="' + c.ID + '"></Image>';
			            xamlFragment +='	    <Canvas Canvas.Left="90" Canvas.Top="2">';
			            xamlFragment +='		    <TextBlock  Foreground="#FFF" Width="280" TextWrapping="Wrap" FontSize="16" Text="' + c.Name + '">';
			            xamlFragment +='		    </TextBlock>';
			            xamlFragment +='	    </Canvas>';
			            xamlFragment +='	    <Canvas  Canvas.Left="90" Canvas.Top="24">';
			            xamlFragment +='		    <TextBlock  Foreground="#FFF" Width="280" TextWrapping="Wrap" FontSize="11" Text="' + c.Description + '">';
			            xamlFragment +='		    </TextBlock>';
			            xamlFragment +='	    </Canvas>';
			            xamlFragment +='	</Canvas>';
			       }
			    }
			}
			xamlFragment +='	</Canvas>';
			xamlFragment +='	<Canvas Name="arrowRight" Canvas.Left="375" Canvas.Top="30" Opacity="0.15" MouseEnter="arrowEnter" MouseLeave="arrowLeave" MouseLeftButtonDown="arrowPress"  Canvas.ZIndex="22" Cursor="Hand">';
			xamlFragment +='		<Path Data="M11.875,8 L0,16 0,0 z" Fill="#379dc7" Canvas.Left="3" Canvas.Top="5" />';
			xamlFragment +='	</Canvas>';
			
    xamlFragment += '</Canvas>';
    //textBlock = plugin.content.createFromXaml(xamlFragment1, false);
    if (xamlObject != null) informationPlaceHolder.children.remove(xamlObject);
    xamlObject =plugin.content.createFromXaml(xamlFragment,false);
    
	informationPlaceHolder.children.add(xamlObject);
}
function drawStars(vote, allowVote){
    var retVal = " " + vote + " ";
    //if (!m_CurrentMedia.IsCurrentCustomerAuthorized) allowVote = false;
    //if (!m_CurrentMedia.HasProgram) allowVote = false;
    if (allowVote){    
        retVal += '<a href=\"javascript:void(0);\" onclick=\"document.getElementById(\'rate\').value=1;sendDataRequest(\'addVote\', \'../services/rate.aspx\'); \">';
    }else{
        retVal += '<a href=\"javascript:void(0);\">';
    }
    retVal += '<img src="../media/images/player_btn_rate_down.png" width="12" height="12" border="0" align="absmiddle"></a>';
    if (allowVote){    
        retVal += '<a href=\"javascript:void(0);\" onclick=\"document.getElementById(\'rate\').value=5;sendDataRequest(\'addVote\', \'../services/rate.aspx\'); \">';
    }else{
        retVal += '<a href=\"javascript:void(0);\">';
    }   
    retVal += '<img src="../media/images/player_btn_rate_up.png" width="12" height="12" border="0" align="absmiddle"></a>';
    return retVal;
}
function createStarImage(imageUrl, v, allowVote)
{
    var retVal = "";
    if (!m_CurrentMedia.IsCurrentCustomerAuthorized) allowVote = false;
    if (!m_CurrentMedia.HasProgram) allowVote = false;
    if (allowVote){
        retVal = "<a href=\"javascript:void(0);\" onclick=\"document.getElementById('rate').value=" + v + ";sendDataRequest('addVote', '../services/rate.aspx'); \" style=\"border: solid 0px white;\">";
    }
    retVal += "<img src=\"..\\media\\images\\" + imageUrl + "\" border=\"0\" style=\"border: solid 0px white;\" title=\"Vote " + v + "\" ";
    if (allowVote){
        retVal += "onMouseOver=\"this.oSrc = this.src; this.src=this.src.replace('star_" + v +".jpg','star_" + v +"_fill.jpg');\" onMouseOut=\"this.src = this.oSrc;\" ";
    }
    retVal += ">";
    if (allowVote){
        retVal += "<a>";
    }
    return retVal;
}
function viewCustomer(s,e){
    window.open('profileview.aspx?id=' + s.Name.split('$')[1],'_top');
}
function changeChannel(s,e){
    window.open('channel.aspx?id=' + s.Name,'_top');
}
function arrowEnter(s) {
	s.opacity=0.7
}

function arrowLeave(s) {
	s.opacity=0.15
}

var tile_img_width = 400;
var stage_width = 0;
var screen_cnt =1;
var contentArr = 0;
function arrowPress(s,e) {
	stage_width = plugin.width;
	tile_spacing = stage_width/2+tile_img_width/2
    var tilesHolder_left=stage_width/2-tile_img_width/2;
    var holder = objsArr["tilesHolder"]
	var holderRef=s.findName("tilesHolder");
	var propX=holderRef["Canvas.Left"];

	var num=(contentArr-1)*tile_spacing-tilesHolder_left;
	
	rightArrowRef=main.findName("arrowRight")
	leftArrowRef=main.findName("arrowLeft")
	///window.status=propX+" "+num
	
	if(!pressed) {
	
		pressed=true;

		if(s.name=="arrowRight") {
			
			
			leftArrowRef.visibility="Visible"
			leftArrowRef.opacity=0.15
			
			if(propX!=-num) {
				var final_propX=propX-tile_spacing
				screen_cnt++
				if(screen_cnt==contentArr) {
					rightArrowRef.visibility="Collapsed"				
				}				
				
			}
			else {
				var final_propX=propX
				screen_cnt=contentArr;
			}
		}
		else {
		
			rightArrowRef.visibility="Visible"
			rightArrowRef.opacity=0.15
			
			if(propX!=tilesHolder_left) {
				var final_propX=propX+tile_spacing
				screen_cnt--
				if(screen_cnt==1) {
					leftArrowRef.visibility="Collapsed"				
				}
			}
			else {
				var final_propX=propX
				screen_cnt=1
			}
		}

		holder.tweenX = new Tween(new Object(),'x',Tween.regularEaseOut,propX,final_propX,time_to_move);
		holder.tweenX.onMotionChanged = function(event){	
			holderRef["Canvas.Left"] = event.target._pos
		}
		holder.tweenX.onMotionFinished = function(event){
			pressed=false;	
	//		hdr="Screen "+screen_cnt+"/"+contentArr.length;
			//main.findName("info").text=hdr
		}

		
		holder.tweenX.start()	
		
	
	}
}