var sh ;
 var pos;
 var index=0;
var maxwidth=100;
var i=0;
var  input;
var   showP;
var initStr='<span style="color:red;">LATEST:</span> ';
var intPlay=true;
var imgPoster = new Image(80,80);
  
 


function tickerInfo()
{
   if (!input) return;
   input=input.toArray();
    if(i==0){
            str=initStr+input[0];
             i=i+1;
    }else if(i<input.length ){
            str=str+input[i];
            i=i+1;
       
    }else if(i==input.length){
      
        if (pos==msgs.length-1  ){
             pos=0;
             
        }else if(pos>=0){

            pos=parseInt(pos)+1;
        }
       input=msgs[pos].msgInfo;
         $('tickerTag').innerHTML=input;
            i=0;
            $("msg_position").value=pos;
       clearInterval(sh);
       intPlay=false;
       ft=setInterval("fixeTickerInfo()", 3000);
           
    }
    else{
             str=initStr;
            i=0;
            input=[];
         
    

    }

    $('tickerTag').innerHTML=str;
}

function fixeTickerInfo(){
    
     clearInterval(ft);
     sh=setInterval("tickerInfo()", 50);
     // sh=setInterval("blink()", 100);
     intPlay=true;
}


 function showTicker(wmsg, jsonArrMsgs){
   
 pos=$("msg_position").value;
 msgs=jsonArrMsgs.toArray();
 str=initStr;
 i=0;



switch(wmsg)
{
    case 'previousMessage':
        if (pos>0 && pos<msgs.length){
            pos=parseInt(pos)-1;
            intPlay=false;
            clearInterval(sh);
         
        }
    break;
    case 'stop':
         pos=parseInt(pos);
         clearInterval(sh);            
         intPlay=false;
        
               
          
     
    break;
    case 'play':
         pos=parseInt(pos);
          clearInterval(sh);           
          intPlay=true;
          sh=setInterval("tickerInfo()", 50);        
           
       
     

    break;
    case 'nextMessage':
         if (pos>=0 && pos<msgs.length-1){
         pos=parseInt(pos)+1;          
         clearInterval(sh);
         intPlay=false;
          
         

         }
    break;
    default:
        clearInterval(sh);
       



}

input=msgs[pos].msgInfo;
 $("msg_position").value=pos;
 
if(intPlay==false){
   
    $('tickerTag').innerHTML=initStr+input;
    intPlay=false;
 }else{
    
   input=msgs[pos].msgInfo;
    intPlay=true;

 }

}


function blinkPoster(){
   opacity=$('posterTag').getStyle('opacity');

   var posters=jsonArrPosters.toArray();
   imgPoster.src=posters[index].imgUrl;
   $('posterTag').innerHTML='<a href="'+posters[index].userMyPage+'" target="_blank" ><img src="'+imgPoster.src+'" title="'+posters[index].user+'"/></a>';

  
     if (opacity>-0.2){
      
        if (opacity==1.2){
            clearInterval( showP);
            showP=setInterval("blinkPoster()", 3000);
            opacity=parseFloat(opacity)-0.01;
        }
        else if (opacity==1.19){
            clearInterval( showP);
            showP=setInterval("blinkPoster()", 100);
            opacity=parseFloat(opacity)-0.3;
        }
        else{        
            clearInterval( showP);
            showP=setInterval("blinkPoster()", 100);
            opacity=parseFloat(opacity)-0.02;
           
        }
         opacityIE=parseFloat(opacity)*100;
       $('posterTag').setStyle({ filter: 'Alpha(opacity='+ opacityIE +')' , opacity: opacity+''});
      //  $('posterTag').setStyle( 'filter: Alpha(opacity='+opacityIE+'); -moz-opacity:'+opacity+'; -khtml-opacity: '+opacity+';');
     }else{
         $('posterTag').innerHTML='';
       $('posterTag').setOpacity(1.2);
        if(parseInt(index)+1<posters.length){
              index=1+index;             
        }
        else {
            index=0;
        }
         
     }
    


  }
 function showPosters( ){
 
  showP=setInterval("blinkPoster()", 100);
    
  

}