﻿// JScript File

    var picDesc   = new Array;
    var picImg    = new Array;
    var picSrc    = new Array;
    var picThm    = new Array;
    var picTitle  = new Array;
    var picDate   = new Array;
    var picHeight = new Array;
    var picWidth  = new Array;
    var picRating = new Array;
    var picCount  = new Array;
    var picViewCount = new Array;
    var picContentId = new Array;
    
    
     
    
    
    var vidDesc   = new Array;
    var vidSrc    = new Array;
    var vidThm    = new Array;
    var vidTitle  = new Array;
    var vidDate   = new Array;
    var vidHeight = new Array;
    var vidWidth  = new Array;
    var vidRating = new Array;
    var vidCount = new Array;
    var vidViewCount = new Array;
    var vidContentId = new Array;
    
    var ticDesc   = new Array;
    var ticImg    = new Array;
    var ticSrc    = new Array;
    var ticThm    = new Array;
    var ticTitle  = new Array;
    var ticDate   = new Array;
    var ticHeight = new Array;
    var ticWidth  = new Array;
    var ticRating = new Array;
    var ticCount  = new Array;
    var ticViewCount = new Array;
    var ticContentId = new Array;
    
    var mediaType = "P";
    var albumID = "";
    
    
    function videoHtml(sflv,sImage)
    {
     // alert(' ' + sflv + ' ' + sImage );
      var str =   "<a href='http://www.TicketCommunity.com/'><embed height=300 width=400 src='http://www.TicketCommunity.com/flvplayer.swf' flashvars='&autostart=true&file=" + sflv + "&height=300&width=400&image=" + sImage + "'/></a>";
      return str;
    }
    
    function imageHtml(sImageSrc)
    {
    
      var str = "<a href='http://www.TicketCommunity.com/'><img src='" + sImageSrc + "'/></a>"
      return str;
    }
    
    function ticketHtml(sImage)
    {
       return imageHtml(sImage);
       return str;
    }
    
    function albumCallback(value,content)
    {
         albumUserCallback(value,content);
    }
    
    function albumCallbackResult(value,content)
    {
         var str = '' + value;
 
         var sp = String(value).split("~/~");
         
         

         for(var i = 0; i < sp.length; i++)
         {
             if(sp[i].indexOf(":h:") > 0)
             {
                
                s = sp[i].split(":h:")
                
               
                if( document.getElementById(s[0]) )
                   document.getElementById(s[0]).innerHTML = s[1];
             }
         }
    }
    
    
  
    
    
    function mediaRating(index,type)
    {
       var value  = "";
       var content ="mediaRating";
       
       if(mediaType == 'P')
          value  = "mediaRating;" + userid + ";" + picContentId[index] + ";" + type;
       if(mediaType == 'V')
          value  = "mediaRating;" + userid + ";" + vidContentId[index] + ";" + type;
       if(mediaType == 'T')
          value  = "mediaRating;" + userid + ";" + ticContentId[index] + ";" + type;
      
     
      albumCallback(value,content);
   
       
    }
    
    
    function setViewcount(params,type,index)
    {
       
        switch(String(type))
        { 
           case 'P': if( picCount[index] > 0) return;
           picCount[index] = 1;
           break;
           case 'T':  if( ticCount[index] > 0) return;
           ticCount[index] = 1;
           break;
           case 'V': if( vidCount[index] > 0) return;
           vidCount[index] = 1;
           break;
        }
        
        var xmlHttpObj;
       
        xmlHttpObj = CreateXmlHttpRequestObject();
        //xmlHttpObj.open("POST","http://" + location.host + "/Album/albumHandler.ashx", true);
        xmlHttpObj.open("POST","http://www.ticketcommunity.com/albumHandler.ashx", true);
        if (xmlHttpObj)
        {
           
            
             xmlHttpObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
             xmlHttpObj.send(params);
        }
        
    }
    
    function mediaServiceCall(albumId,contentId,contentType)
    {
        if(String(albumId).length < 1) return;
        
        var px = 0; 
        var vx = 0;
        var tx = 0;
        var xmlHttpObj;
        //var disp = document.getElementById("divDetailDisplay");
        xmlHttpObj = CreateXmlHttpRequestObject();
        //xmlHttpObj.open("POST","http://" + location.host + "/Album/albumHandler.ashx", true);
        xmlHttpObj.open("POST","http://www.ticketcommunity.com/albumHandler.ashx", true);
        
        if (xmlHttpObj)
        {
            xmlHttpObj.onreadystatechange = function() { 
                if ( xmlHttpObj.readyState == READYSTATE_COMPLETE )
                {
                    
                    if (xmlHttpObj.status == HTTPSTATUS_OK)
                    {
                        var value = xmlHttpObj.responseText;
                      
                        var sp = String(value).split("~/~");
                        px = 0;
                        for(var i = 0; i < sp.length; i++)
                        {
                             if(sp[i].indexOf(":p:") > 0) //pictures
                             {
                                 s = sp[i].split(":p:")
                                 d = s[1].split(';');
                                 if(d.length >= 9)
                                 {
                                   dimension = d[5].split('x');
                                   picWidth[px]  = dimension[0];
                                   picHeight[px] = dimension[1];
                                   
                                   if(px == 0)
                                   { 
                                      picImg[px] = new Image();
                                      picImg[px].src = "http://www.ticketcommunity.com/AlbumResizedOriginalImage/" + d[0];
                                      
                                   }
                                   picSrc[px] = "http://www.ticketcommunity.com/AlbumResizedOriginalImage/" + d[0];
                                  // picThm[px] = new Image();
                                  // picThm[px].src = "http://www.ticketcommunity.com/ThumbnailImages/" + d[1];
                                   picThm[px] = "http://www.ticketcommunity.com/ThumbnailImages/" + d[1];
                                   picTitle[px] = d[2];
                                   picDate[px] = d[3];
                                   picDesc[px] = d[4];
                                   picRating[px] = d[7];
                                   picViewCount[px] = d[8];
                                   picContentId[px] = d[9];
                                   picCount[px] = 0;
                                   px++;
                                 }
                                
                              }
                              
                             if(sp[i].indexOf(":v:") > 0) //pictures
                             {
                                 s = sp[i].split(":v:")
                                 d = s[1].split(';');
                                 if(d.length >= 9)
                                 {
                                   dimension = d[5].split('x');
                                   vidWidth[vx]  = dimension[0];
                                   vidHeight[vx] = dimension[1];
                                   vidSrc[vx] = "http://www.ticketcommunity.com/Videos/" + d[0];
                                  
                                   vidThm[vx] = "http://www.ticketcommunity.com/VideoThumbnailImages/" + d[1];
                                   vidTitle[vx] = d[2];
                                   vidDate[vx] = d[3];
                                   vidDesc[vx] = d[4];
                                   vidRating[vx] = d[7];
                                   vidViewCount[vx] = d[8];
                                   vidContentId[vx] = d[9];
                                   vidCount[vx] = 0;
                                   vx++;
                                 }
                                
                              }
                           
                             
                             if(sp[i].indexOf(":t:") > 0) //pictures
                             {
                                 s = sp[i].split(":t:")
                                 d = s[1].split(';');
                                 if(d.length >= 9)
                                 {
                                   dimension = d[5].split('x');
                                   ticWidth[tx]  = dimension[0];
                                   ticHeight[tx] = dimension[1];
                                   
                                   if(tx == 0)
                                   { 
                                      ticImg[tx] = new Image();
                                      ticImg[tx].src = "http://www.ticketcommunity.com/OriginalResizedTickets/" + d[0];
                                      
                                   }
                                   ticSrc[tx] = "http://www.ticketcommunity.com/OriginalResizedTickets/" + d[0];
                                   ticThm[tx] = new Image();
                                   ticThm[tx].src = "http://www.ticketcommunity.com/ThumbnailImages/" + d[1];
                                   ticTitle[tx] = d[2];
                                   ticDate[tx] = d[3];
                                   ticDesc[tx] = d[4];
                                   ticRating[tx] = d[7];
                                   ticViewCount[tx] = d[8];
                                   ticContentId[tx] = d[9];
                                   ticCount[tx] = 0;
                                   tx++;
                                 }
                                
                              }  
                              
                              if(sp[i].indexOf(":picSel:") > 0)
                              {
                                 s = sp[i].split(":picSel:")
                                 document.getElementById('divPicMenu').innerHTML = s[1];
                               
                              }
                                                          
                              
                              if(sp[i].indexOf(":userid:") > 0)
                              {
                                 s = sp[i].split(":userid:")
                                 var album_userid = s[1];
                               
                              }
                              
                               if(sp[i].indexOf(":a:") > 0) 
                               {
                                 s = sp[i].split(":a:")
                                 d = s[1].split(';');
                                 document.getElementById('lblAlbumUserName').innerHTML = d[0];
                                 document.getElementById('lblMoreFrom').innerHTML = 'More From ' + d[0];
                                 document.getElementById('lblAlbumTitle').innerHTML = d[1];
                                 document.getElementById('lblAlbumDescription').innerHTML = d[2];
                                
                                 document.getElementById('lblAlbumDate').innerHTML = d[3];
                                 document.getElementById('lblAlbumRating').innerHTML = d[4];
                                 document.getElementById('lblAlbumViews').innerHTML = d[5];
                               }
                        }
                        //picMenu();
                        vidMenu();
                        ticMenu();

 			if(px < 1)
                        {
                           document.getElementById('loadingImg').style.display='none';
                           document.getElementById('mediaDetails').innerHTML = "<label>Pictures are pending approval</label>"
                        }

                        
                        if(contentId.length < 1  || contentType.length < 1)
                           showPic(0);
                        else
                        {
                           if(contentType == "P")
                           {
                              for(var i=0; i <  picContentId.length; i++)
                              {
                                  if(String(picContentId[i]) ==  String(contentId) )
                                  {
                                      showPic(i);
                                      break;
                                  }
                              }  
                           
                           }
                           
                           if(contentType == "V")
                           {
                              for(var i=0; i <  vidContentId.length; i++)
                              {
                                  if(String(vidContentId[i]) ==  String(contentId) )
                                  {
                                      showVid(i);
                                      break;
                                  }
                              }  
                           
                           }
                           
                            if(contentType == "T")
                           {
                              for(var i=0; i <  vidContentId.length; i++)
                              {
                                  if(String(ticContentId[i]) ==  String(contentId) )
                                  {
                                      showTic(i);
                                      break;
                                  }
                              }  
                           
                           }
                           
                        }
                       
                       
      
                       toggleComments('divAlbumComments');
                      
     
                        
                    } else
                    {
                        var fault = xmlHttpObj.responseText;
                        alert("Error Occurred! \n\n" + fault);
                    }
                    
                }
            }

            xmlHttpObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            //xmlHttpObj.setRequestHeader("Content-Type","text/plain");
            xmlHttpObj.send(albumId + ";albumMedia");
            //xmlHttpObj.send("378;P");
        }
    }
    
    
    
    function loadPic()
    {
       if(picImg.length < picSrc.length)
       {
          i = picImg.length
          picImg[i] = new Image();
          picImg[i].src = picSrc[i];
          setTimeout( "loadPic()",3);
       }
    }
    
    
    function prevNext(ref)
    {
        switch(mediaType)
       {
          case "P": displayPic(showIndex+ref); break;
          case "V": showVid(vidIndex+ref); break;
          case "T": showTic(ticIndex+ref);  break;
       }

    }
    
    function prevPic() {prevNext(-1);}
    function nextPic() {prevNext(1);}
    
    
    function displayPic(index)
    {
      
       if(index >= picSrc.length) index = 0;
       if(index < 0) index = (picSrc.length-1);
      
       if(index >= 0 && index < picSrc.length)
       {
         
          showPic(index);
       }
      
    }
    
    function startSlideShow()
    {
        
          isSlideShow = 1;
          toggleComments('divAlbumComments');
          document.getElementById('aStart').style.display='none';
          document.getElementById('aPrev').style.display='none';
          document.getElementById('aNext').style.display='none';
          document.getElementById('aZoom').style.display='none';
          document.getElementById('divMediaRating').style.display='none';
          document.getElementById('aStop').style.display='';
          slideShow();
      
    }
    
     function stopSlideShow()
    {
        document.getElementById('mediaDetails').innerHTML = "PICTURE DETAILS";
        isSlideShow = 0;
        document.getElementById('aStop').style.display='none';
        document.getElementById('aPrev').style.display='';
        document.getElementById('aNext').style.display='';
        document.getElementById('aZoom').style.display='';
        document.getElementById('aStart').style.display='';
        document.getElementById('divMediaRating').style.display='';
        mediaRating(showIndex,"P");
      
    }
    
    function slideShow()
    {
      if(isSlideShow == 1)
      {
         nextPic();
         setTimeout( "slideShow()",4000);
       }
    }
    
    
    
    
    
    
    function mediaDisplayControl( type)
    {
      switch(type)
      {
          case 'P': 
                   if(isSlideShow == 0) document.getElementById('aZoom').style.display='';
                   document.getElementById('divSlideShoControl').style.display="";
                   document.getElementById('divVideo').innerHTML = "";
                   document.getElementById('divImage').style.display='';
                   document.getElementById('divVideo').style.display='none';
                   mediaType = "P";
              break;
          case 'T':
                   if(isSlideShow ==  1) stopSlideShow();
                   document.getElementById('aZoom').style.display='';
                   document.getElementById('divSlideShoControl').style.display="none";
                   document.getElementById('divVideo').innerHTML = "";
                   document.getElementById('divImage').style.display='';
                   document.getElementById('divVideo').style.display='none';
                   mediaType = "T";
             break;
          case 'V':
                   if(isSlideShow ==  1) stopSlideShow();
                   document.getElementById('divSlideShoControl').style.display="none";
                   document.getElementById('aZoom').style.display='none';
                   document.getElementById('divImage').style.display='none';
                   document.getElementById('divVideo').style.display='';
                   mediaType = "V";
             break;
      }
      
      hideMediaMarker();
      if(isSlideShow == 0) toggleComments('divMediaComments');
    }
    
    var ticIndex = 0;
    var ticLastIndex = 0;
    function showTic(index)
    {
    
      document.getElementById('loadingImg').style.display='none';
      document.getElementById('tdTic_' + ticLastIndex).style.borderColor="#ffffff";
      if(index >= ticContentId.length) index = 0;
      if(index < 0) index = (ticContentId.length-1);
      mediaDisplayControl("T");
      
    
      var timg = new Image();
      timg.src = ticSrc[index];
      document.getElementById('shareHtml').value = imageHtml(ticSrc[index]);
      
      var fact = 1.00;
      
      var height = timg.height;
      var width  = timg.width;
      
  
      document.getElementById('imgDisplay').style.display='none';
      
      if(height > 300)
      {
        fact = (300/height);
        height = fact*height;
        width  = fact*width;
      }
    
      
      if(width > 400) 
      {
        fact = (400/width);
        height = fact*height;
        width  = fact*width;

      }   
      
      if(height > 10 && width > 10)
      {
        document.getElementById('imgDisplay').style.height =  '' + height + 'px';
        document.getElementById('imgDisplay').style.width  =  '' + width + 'px';
      }
      
       document.getElementById('imgDisplay').style.display='';
       document.getElementById('imgDisplay').src = timg.src;
       
       document.getElementById('mediaDetails').innerHTML = "TICKET DETAILS";
     
      ticIndex = index;
      ticLastIndex = index;
      document.getElementById('tdTic_' + ticIndex).style.borderColor="#6699cc";
      
      
       document.getElementById('lblDate').innerHTML = ticDate[index];
       document.getElementById('lblTitle').innerHTML = ticTitle[index];
       document.getElementById('lblDesc').innerHTML = ticDesc[index];
       document.getElementById('lblRating').innerHTML = ticRating[index];
       document.getElementById('lblViewCount').innerHTML = ticViewCount[index];
       
        document.getElementById('txtSharedLink').value  = document.getElementById('prefixSharedLink').value + "&TicketID=" + ticContentId[index];
      
      mediaRating(ticIndex,"T");
    }
    
    var vidIndex = 0;
    var vidLastIndex = 0;
    function showVid(index)
    {
    
       //alert('' + vidContentId[index]);
       document.getElementById('tdVid_' + vidLastIndex).style.borderColor="#ffffff";
       if(index >= vidContentId.length) index = 0;
       if(index < 0) index = (vidContentId.length-1);
     
      mediaDisplayControl("V");
      flvPlayer(vidSrc[index],vidThm[index],'autoStart');
      
      document.getElementById('mediaDetails').innerHTML = "VIDEO DETAILS";
      
      vidIndex  = index;
      vidLastIndex = index;
      document.getElementById('tdVid_' + vidIndex).style.borderColor="#6699cc";
      
      
       document.getElementById('lblDate').innerHTML = vidDate[index];
       document.getElementById('lblTitle').innerHTML = vidTitle[index];
       document.getElementById('lblDesc').innerHTML = vidDesc[index];
       document.getElementById('lblRating').innerHTML = vidRating[index];
       document.getElementById('lblViewCount').innerHTML = vidViewCount[index];
       
       
       document.getElementById('txtSharedLink').value  = document.getElementById('prefixSharedLink').value + "&VID=" + vidContentId[index];
      
      
      mediaRating(vidIndex,"V");
    }
    
   function hideMediaMarker()
   {
     if(mediaType == 'P')
     {
        if(vidContentId.length > 0)
        {
           document.getElementById('tdVid_' + vidIndex).style.borderColor="#ffffff";
        }
        if(ticContentId.length > 0)
        {
            document.getElementById('tdTic_' + ticIndex).style.borderColor="#ffffff";
        }
     }
     
     if(mediaType == 'V')
     {
        if(ticContentId.length > 0)
        {
           document.getElementById('tdTic_' + ticIndex).style.borderColor="#ffffff";
        }
        if(picContentId.length > 0)
        {
            document.getElementById('tdPic_' + showIndex).style.borderColor="#ffffff";
        }
     }
     
     if(mediaType == 'T')
     {
        if(vidContentId.length > 0)
        {
           document.getElementById('tdVid_' + vidIndex).style.borderColor="#ffffff";
        }
        if(picContentId.length > 0)
        {
            document.getElementById('tdPic_' + showIndex).style.borderColor="#ffffff";
        }
     }
     

     
   }
  
    
    var showPicId = '';
    var showIndex = 0;
    var isSlideShow = 0;
    var opacity = 0;
    var firstLoad = 1;
    function showPic(index)
    {  
    
             var svalue = document.getElementById('prefixSharedLink').value + "&PicID=" + picContentId[index];
             document.getElementById('txtSharedLink').value  = svalue;
    
      
          if(picContentId.length < 1)
          {
             setTimeout("stopImageLoadGiff()" ,4000);
             document.getElementById('imgDisplay').style.display='none';
             return;
          }
          
        
            
          if(isSlideShow == 1)
          {
            document.getElementById('mediaDetails').innerHTML = "<img src = 'http://www.ticketcommunity.com/images/LoaderBar.gif' />" ;
          }
          else
          {
              document.getElementById('mediaDetails').innerHTML = "PICTURE DETAILS";
          }
          
        
          
          mediaDisplayControl("P");
          
         // var w = '' + picWidth[index];
         // var h = '' + picHeight[index];
          
           
        //  var fact = 1.00;
          //var height = 260;
         // var width  = 380;
          
          if(showPicId.length > 0 && document.getElementById(showPicId))
          {
             document.getElementById(showPicId).style.borderColor="#ffffff";
          }
          
        
          document.getElementById('imgDisplay').style.display='none';
          
       //   if( String(w).length > 0 && String(w).length > 0 )
          //{
        ///    
            // if(parseInt(h) > 20 && parseInt(w) > 20)
            // {
            //    height = parseInt(h);
            //    width  = parseInt(w);
            // }
         // }
          
         // else
         // {
          
            //height = img.height;
            //width  = img.width;
          //}
        
            
            //if(height > 300)
           // {
             // fact = (300/height);
             // height = fact*height;
             // width  = fact*width;
           // }
            
            
           // if(width > 400) 
           //{
              //fact = (400/width);
              
              //height = fact*height;
              //width  = fact*width;
            //}   
            
         
            
            
        //if(String(height) == 'NaN' || String(width) == 'NaN') 
        //{
           
           
        //   document.getElementById('imgDisplay').style.width  =  '400px';
       // }
       // else 
       // {
      
       document.getElementById('imgDisplay').style.height =  '' + picHeight[index] + 'px';
       document.getElementById('imgDisplay').style.width  =  '' + picWidth[index] + 'px';
       //}
       
        
              
       opacity = 0;
       
       
       //fadeIn('imgDisplay',opacity);
       
    
      
       document.getElementById('shareHtml').value = imageHtml(picSrc[index]);
       
       document.getElementById('imgDisplay').src = picSrc[index]; //img.src;
       
       if(isSlideShow == 0)
          mediaRating(index,"P");
       
       
        
       document.getElementById('lblDate').innerHTML = picDate[index];
       document.getElementById('lblTitle').innerHTML = picTitle[index];
       document.getElementById('lblDesc').innerHTML = picDesc[index];
       document.getElementById('lblRating').innerHTML = picRating[index];
       document.getElementById('lblViewCount').innerHTML = picViewCount[index];
       
       
      
      // if(firstLoad == 1)
       //{
          //setTimeout("stopImageLoadGiff()" ,4000);
       //}
       //else
       //{
          //if(firstLoad == 2)
          //{
             document.getElementById('loadingImg').style.display='none';
             document.getElementById('imgDisplay').style.display='';
             

          //}
       //}
       
       
       
       showPicId = 'tdPic_' + index;
       
       if(document.getElementById(showPicId))
       {
         document.getElementById(showPicId).style.borderColor="#6699cc";
       }
       
       showIndex = index;
     }
     
     
   function stopImageLoadGiff()
   {
      firstLoad = 2;
      document.getElementById('loadingImg').style.display='none';
      if(picContentId.length > 0) document.getElementById('imgDisplay').style.display='';
   }
     
      
   function fadeIn(id,opacity)
   {
       if(opacity < 100)
        {
          
           var filter = "filter: Alpha(opacity=" + opacity + ")";
           document.getElementById(id).style.filter = filter;
           opacity += 10;
           setTimeout("fadeIn('" + id + "'," + opacity + ")" ,30);
          
        }
   }
   
   
   
    function picBySrcPreview(id,src,mode)
    {
       
        if(mode == 1)
        {
            
           var pos = elemPos(id);
           
           endPos =  elemPos('tdMediaDetails');
           endX = endPos[0] + 560;
           
           if( (pos[0] + 100 ) > endX)
           {
             pos[0] = endX- 100;
           }
         
           document.getElementById('divPicPreview').style.left = '' + pos[0]     + 'px';
           document.getElementById('divPicPreview').style.top  = '' + (pos[1]-96) + 'px';
           document.getElementById('imgPicPreview').src = src;
           //document.getElementById(id).style.borderColor="#333333";
           document.getElementById('divPicPreview').style.display='';
        }
        else
        {
           //document.getElementById(id).style.borderColor="#ffffff";
           document.getElementById('divPicPreview').style.display='none';
        }
    }
     
     
    
    function picPreview(id,index,mode)
    {
       
        if(mode == 1)
        {
           var pos = elemPos(id);
           
           endPos =  elemPos('tdMediaDetails');
           endX = endPos[0] + 560;
           
           if( (pos[0] + 100 ) > endX)
           {
             pos[0] = endX- 100;
           }
         
           document.getElementById('divPicPreview').style.left = '' + pos[0]     + 'px';
           document.getElementById('divPicPreview').style.top  = '' + (pos[1]-96) + 'px';
           
           document.getElementById('imgPicPreview').src = picThm[index]; //.src;
           
           //document.getElementById('imgPicPreview').src = picThm[index].src;
           //document.getElementById(id).style.borderColor="#333333";
           document.getElementById('divPicPreview').style.display='';
        }
        else
        {
           //document.getElementById(id).style.borderColor="#ffffff";
           document.getElementById('divPicPreview').style.display='none';
        }
    }
    
    
    function ticMenu()
    {
      var str = "<table cellpadding='0' cellspacing ='0' style='width:90%' >";
        var c = 0;
        var r = 0;
        var columns = 2;
        for(var i=0; i < ticContentId.length; i++)
        {
           if(r == 0) str += "<tr>";
           
           
           var id = 'tdTic_' + i;
           var onc = " onclick=\"showTic(" + i + "); setViewcount('viewcount;" + ticContentId[i] + ";T','T'," + i + "); \"  ";
           var omu = ""; //" onmouseover=\"picPreview('" + id  + "'," + i + ",1);\" onmouseout=\" picPreview('" + id + "'," + i + ",0); \" ";
           var tmbSrc = "<img height='48px'  src='" + ticThm[i].src + "' alt='' />";
         
           str += "<td " + onc + omu + " id='" + id + "' style='Height:60px;  border: #ffffff 2px solid' align='center' >" + tmbSrc + "</td>";
           r++;
           if(c == (columns-1) )
           {
             c =0;
             str += "</tr>";
             r = 0;
           }
           else c++;
           
        }
  
        
        if(r > 0)
        {
          while(c < columns) {str += "<td>&nbsp;</td>"; c++;}
           str += "</tr>";
        }
       
        
        str += "</table>";
        document.getElementById('divTicMenu').innerHTML = str;
    }
    
    
    function vidMenu()
    {
      var str = "<table cellpadding='0' cellspacing ='0' style='width:90%' >";
        var c = 0;
        var r = 0;
        var columns = 2;
        for(var i=0; i < vidContentId.length; i++)
        {
           if(r == 0) str += "<tr>";
           
           
           var id = 'tdVid_' + i;
           var onc = " onclick=\"showVid(" + i + "); setViewcount('viewcount;" + vidContentId[i] + ";V','V'," + i + "); \" ";
           var omu = ""; //" onmouseover=\"picPreview('" + id  + "'," + i + ",1);\" onmouseout=\" picPreview('" + id + "'," + i + ",0); \" ";
           var tmbSrc = "<img height='48px'  src='" + vidThm[i] + "' alt='' />";
           str += "<td " + onc + omu + " id='" + id + "' style='cursor:pointer; height:60px;  border: #ffffff 2px solid' align='center' >" + tmbSrc + "</td>";
           r++;
           if(c == (columns-1) )
           {
             c =0;
             str += "</tr>";
             r = 0;
           }
           else c++;
           
        }
  
        
        if(r > 0)
        {
          while(c < columns) {str += "<td>&nbsp;</td>"; c++;}
           str += "</tr>";
        }
       
        
        str += "</table>";
        document.getElementById('divVidMenu').innerHTML = str;
    }
    
    function picMenu()
    {
        var str = "<table  cellspacing='0'>";
        var c = 0;
        var r = 0;
        var columns = 12;
        for(var i=0; i < picThm.length; i++)
        {
           if(r == 0) str += "<tr>";
           
           
           var id = 'tdPic_' + i;
           var onc = " onclick=\"displayPic(" + i + "); setViewcount('viewcount;" + picContentId[i] + ";P','P'," +  i + "); \" ";
           var omu = " onmouseover=\"picPreview('" + id  + "'," + i + ",1);\" onmouseout=\" picPreview('" + id + "'," + i + ",0); \" ";
           str += "<td " + onc + omu + " id='" + id + "' style='border: #ffffff 2px solid' align='center' ><img width='40px'  src='" + picThm[i].src + "' alt='' /></td>";
           r++;
           if(c == (columns-1) )
           {
             c =0;
             str += "</tr>";
             r = 0;
           }
           else c++;
           
        }
  
        
        if(r > 0)
        {
          while(c < columns) {str += "<td>&nbsp;</td>"; c++;}
           str += "</tr>";
        }
       
        
        str += "</table>";
        document.getElementById('divPicMenu').innerHTML = str;
    }
    
    
    function  elemPos(elemID) 
    {
        var offsetTrail = document.getElementById(elemID);
        var offsetLeft = 0;
        var offsetTop = 0;
        while (offsetTrail) 
        {
            offsetLeft += offsetTrail.offsetLeft;
            offsetTop += offsetTrail.offsetTop;
            offsetTrail = offsetTrail.offsetParent;
        }
        if (navigator.userAgent.indexOf("Mac") != -1 &&
        typeof document.body.leftMargin != "undefined") 
        {
            offsetLeft += document.body.leftMargin;
            offsetTop += document.body.topMargin;
        }

        return [offsetLeft, offsetTop];
     
       
    }
    
    
    function prnStr(mssg)
    {
      document.getElementById('testmssg').innerHTML = String(mssg);
    }
    
    function zoom()
    {
       if(mediaType == 'P')
       {
           if( document.getElementById( picImg[showIndex]) )
           {
                document.getElementById('divZoom').style.display='';
                document.getElementById('imgZoom').src = picImg[showIndex].src;
           }
           else 
            {
               if(picSrc.length > showIndex)
               {
                   document.getElementById('divZoom').style.display='';
                   document.getElementById('imgZoom').src = picSrc[showIndex];
               }
               else alert("No picture was detected");
            }
        }
        
       if(mediaType == 'T')
       {
           
           if(picSrc.length > showIndex)
           {
               document.getElementById('divZoom').style.display='';
               document.getElementById('imgZoom').src = ticSrc[ticIndex];
           }
           else alert("No picture was detected");
            
        }
    }
    
    
	function sendThisAlbum()
	{
		var url="http://www.ticketcommunity.com/SendAlbum.aspx?AID=" + albumID;
		var clientWidth=800;
		var clientHeight=600;			
		var clientTop = 50;
		var clientLeft = 50;	
		window.open(url,'SendAlbum','location=no,controlbox=0,status=no,toolbar=0,top='+clientTop+',left='+clientLeft+',resizable=0,scrollbars=1,height='+clientHeight+',width='+clientWidth);
		return false;			
	} 
	
	
	function idColor(id,_color)
	{
	   document.getElementById(id).style.color = _color;
	}
	
	    
    function toggleComments(id)
    {
          document.getElementById('lblMediaComments').style.color = "#000000";
          document.getElementById('lblMediaComments').style.backgroundColor = "#ffffff";
          document.getElementById('lblAlbumComments').style.color = "#000000";
          document.getElementById('lblAlbumComments').style.backgroundColor = "#ffffff";
          
          document.getElementById('divAlbumComments').style.display = "none";
          document.getElementById('divMediaComments').style.display = "none";
          
          
        if(id == 'divMediaComments')
        {
          document.getElementById('lblMediaComments').style.color = "#ffffff";
          document.getElementById('lblMediaComments').style.backgroundColor = "#6699cc";
          document.getElementById('divMediaComments').style.display = "";
         
        }
        
        if( id == 'divAlbumComments' )
        {
          document.getElementById('lblAlbumComments').style.color = "#ffffff";
          document.getElementById('lblAlbumComments').style.backgroundColor = "#6699cc";
          document.getElementById('divAlbumComments').style.display = "";
        }
      
    }
    
    function relatedSearch(eventName,url)
    {

        
        if(String(url).length > 0)
        {
            window.location = "http://www.ticketcommunity.com/" + url;
        }
        else
        {
           window.location = "http://www.ticketcommunity.com/Search/landing.aspx?sk=" + eventName;
        }
     
    }
    
    function relatedVenue(venueName)
    {
        window.location = "http://www.ticketcommunity.com/TicketVenue.aspx?sk=" + venueName;
    }

		
  
    
    
     
     
