/**
 * Video Channel
 *
 * This file is called by video_static_content_top.comp
 * 
 * NOTE: THIS FILE IS USED TO CREATE morevideo.pack.js WHICH IS USED BY THE LIVE SITE
 * MAKE SURE TO CREATE THE UPDATED PACK VERSION AFTER MAKING CHANGES HERE
 * 
 * IF YOU CANNOT CREATE A PACKED VERSION, JUST COPY THE FULL SIZE VERSION INTO THE .PACK FILE
 * 
 */

///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// BEGIN INLINE CODE
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////

var media_id; // Video for main area
var genre_id; // List of videos
var genreID; //for transmitting to VMIX
//var start;
var defaultGenreID = 4275; // Set default video list

var disabled_MediaId_list="|12544864|xyz|abc|"; // List of media id's that should send user 404 page. Must use format of |#######|

///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// END INLINE CODE
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////


function switchVideoList(gid,start,media_id){
	// NOTE: This function is called to start the process of loading the page's videos 

	// Get genreID from onclick event
	//alert('start in switchvideo:' + start + ' and genre id is:' + gid + 'and media id is' + media_id);
	
	//alert('media id in morevideo_preview is:' +media_id);
	
	if ((start == '') || isNaN(start) || (start==undefined)) { 
	  start = 0; 
	}
	if ((gid == '') || isNaN(gid) || (gid==undefined)) { 
	  gid = defaultGenreID; 
	}
	
	//alert('genre id is:' + gid + 'and media id is: ' + media_id);

  if (media_id)
  {
    loadVmixMainArea(genreID,media_id);
  }
  loadVmixGridArea(gid,start,media_id);

  return;
} 

// -----------------------------------------------------------------

function prepVideoID() {
	// Get request string element pairs 
	//alert("Entering prepVideoID");
	//g = parseGetVars(); 
	
	//alert(g); 
  for (var i in g) {
    //alert(i+'='+g[i]);
    if (i == "media_id") {
      media_id = g[i];
    } else if (i == "genre_id") {
      genre_id = g[i];
    }
  }   
  if (genre_id) {
    //alert("genre_id query string: " + genre_id);
    genreID = genre_id;
  } else {
    //alert("No genre_id query string, assigning default genre: " + defaultGenreID);
    genreID = defaultGenreID;
  }
} // END prepVideoID()

// -----------------------------------------------------------------

function parseGetVars() {
  var getVars = new Array();
  var qString = unescape(top.location.search.substring(1));
  //alert(qString);
  if (qString) { // Check that there is a query string
    //alert("qString");
    var pairs = qString.split(/\&/);
    for (var i in pairs) {
      var nameVal = pairs[i].split(/\=/);
      getVars[nameVal[0]] = nameVal[1];
      //alert("nameVal: "+nameVal[0]+", "+nameVal[1]);
    }
    //alert("getVars: "+getVars);
    return getVars;
  }
  else {
    return false;
  }
} // END parseGetVars()

// -----------------------------------------------------------------

function sendRequest(url,callback,postData,start,genreID,media_id) {

// Check that media_id is allowed. Else send to 404
  if (disabled_MediaId_list.indexOf("|" + media_id + "|") > -1){
    window.location.href = "/404";
    return;
  }

  var req = createXMLHTTPObject();
  if (!req) {
    return;
  }
  var method = (postData) ? "POST" : "GET";
  req.open(method,url,true);
  req.setRequestHeader('User-Agent','XMLHTTP/1.0');

  if (postData) {
    req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	}

  req.onreadystatechange = function () {
    if (req.readyState != 4) {
      return;
		}
    if (req.status != 200 && req.status != 304) {
      // alert('HTTP error ' + req.status);
      return;
    }
    callback(req,start,genreID,media_id);
  };
  if (req.readyState == 4) {
    return;
  }
  req.send(postData);
}

// -----------------------------------------------------------------

function createXMLHTTPObject() {
  var xmlhttp = false;
  for (var i=0;i<XMLHttpFactories.length;i++) {
    try {
      xmlhttp = XMLHttpFactories[i]();
    }
    catch (e) {

      continue;
    }
    break;
  }
  return xmlhttp;

}

// -----------------------------------------------------------------

function getClip (req,start,genreID,media_id) {

  var myClip = eval('(' + req.responseText + ')');
  var title = "";
  var description = "";
  var author = "";
  if (myClip.title) {
    title = myClip.title;
    description = myClip.description;
    author = myClip.author;
  }
  var token = myClip.token;
  media_id = myClip.id; // ERROR? This is already defined globally
  var str='';
  str+='<div class="videoinfo"><h1>' + title + '<\/h1><\/br><p>' + author + '<\/p><\/div>';
  str+='<div class="box"><div class="box2"><div id="embed_player">';
  str+='<embed id="player_swf" src="http:\/\/media.miamiherald.com\/static\/multimedia\/channels\/' + getFlashGalleryURL('VideoPlayer-SectionFront', true) + '" quality="high" width="640" height="392" name="UnifiedVideoPlayer" align="middle" play="true" loop="false" quality="high" allowScriptAccess="always" allowFullScreen="true" wmode="transparent" type="application\/x-shockwave-flash" flashvars="preroll=' + preroll + '&player_id=401b7ca7fd61e67bcb94ebabbacd1847&token=' + token + '&media_id=' + media_id + '&report_metdata=genreId=' + genreID + '" pluginspage="http:\/\/www.adobe.com\/go\/getflashplayer"><\/embed><\/div>';
  str+='<\/div><\/div>';
  str+='<div class="videoinfo"><p>' + description + '<\/p><\/div>';

  $('#vid_clip').html(str);
  //window.location.hash="green_nav_grid";
}

// -------------------------------------------------------------------------------

function getClips(req,start,genreID,media_id) {

	//if ((genreID == '') || isNaN(genreID) || (genreID==undefined)) 
	//{ genreID = defaultGenreID; }
	//alert('medai id is: ' + media_id);

  var myClips = eval('(' + req.responseText + ')');
  var media_array = myClips.media;
  var total = myClips.total_count;

  var str ='<ul class="media">';
  
  for (i=0; i < media_array.length; i++) {
    var token = media_array[i].token;
    var thumb_array = media_array[i].thumbnail;
    var thumb = thumb_array[0].url;
    var vmix_id = media_array[i].id;
    
    var id = "";
    var title = "";
    var description = "";
    var author = "";
        
    id = media_array[i].id;
    title = media_array[i].title;
    description = media_array[i].description;
    var full_description = description;
    
    //truncate desc to 150 chars
    description = (description.length > 165) ? description.substring(0,165)+'...' : description;
    author = media_array[i].author;
        
	  if (((media_id == 'first_video') || (!media_id)) && (media_id !== undefined)) {
	  //alert('media id in the if statement is: ' + media_id);
	    media_id = '1';
	    var str2;
	    str2='';
	    str2+='<div class="videoinfo"><h1>' + title + '<\/h1><\/br><p>' + author + '<\/p></div>';
	    str2+='<div class="box"><div class="box2"><div id="embed_player">';
	    str2+='<embed id="player_swf" src="http:\/\/media.miamiherald.com\/static\/multimedia\/channels\/' + getFlashGalleryURL('VideoPlayer-SectionFront', true) + '" quality="high" width="640" height="392" name="UnifiedVideoPlayer" align="middle" play="true" loop="false" quality="high" allowScriptAccess="always" allowFullScreen="true" wmode="transparent" type="application\/x-shockwave-flash" flashvars="preroll=' + preroll + '&player_id=401b7ca7fd61e67bcb94ebabbacd1847&token=' + token + '&media_id=' + vmix_id + '&report_metdata=genreId=' + genreID + '" pluginspage="http:\/\/www.adobe.com\/go\/getflashplayer"><\/embed><\/div>';
	    str2+='<\/div><\/div>';
	    str2+='<div class="videoinfo"><p>' + description + '<\/p></div>';
	    $('#vid_clip').html(str2);
	  }
        
		var desc_esc = escape_quotes(full_description);
		var title_esc = escape_quotes(title);
		var author_esc = escape_quotes(author);
		
		//desc_esc = '';
		full_description = '';

	  str += '\n\n<li>';
	  str += '<div class="image_highlight">';
    // str += '<a href="/508/index.html?media_id=' + id + '&genre_id=' + genreID+ '">';
	  str += "<a onclick='LoadUserImage("+'"'+id +'","'+ genreID+'","'+token+'","'+title_esc+'","'+author_esc+'","'+desc_esc+'"'+");' "+ ' href=#>';
	  var thumburl = 'http://image.vmixcore.com/imgman.jpg?url=' + thumb + '&width=80&fill=000000000';
	  str += '<img src="' + thumburl + '" alt="' + title + '" /></a></div>';
	  str += "<h2><a onclick='LoadUserImage("+'"'+id +'","'+ genreID+'","'+token+'","'+title_esc+'","'+author_esc+'","'+desc_esc+'"'+");' "+ ' href=#>' + title + '</a></h2>';
	  str += '<p>' + description + '</p></li>';
  } // end FOR media_array.length LOOP
  str += '</ul>';
//alert(str);
  //str += '<p><a href="/508/index.html?start=10&limit=20&total=' + total + '">Next &raquo;</a><p>';
    
  var viewing = "<br><span id='viewvideos' style='text-align:center;padding:7px;'>";

  if (total < media_array.length) {
    viewing += '<b>Viewing videos 1-' + total + ' of ' + total + ' total.</b></span>';
  } 
	else {
    viewing += '<b>Viewing videos 1-' + media_array.length + ' of ' + total + ' total.</b></span>';
  }      

	if ((start == '') || isNaN(start)) { 
	  start = 0; 
	}
	start = parseInt(start) + 20; 
	
	var prev = '';
	var next = '';
	
	if (start < total) {
	  next = '<span style="vertical-align:top;text-align:right;padding-right:30px;right:0px;"><b> <a href="#green_nav_grid" onclick="javascript:switchVideoList(\''+genreID+'\',\''+start+'\');">Next</a> &gt;</b></span>';
    //next = '<span style="vertical-align:top;text-align:right;padding-right:30px;right:0px;"><b> <a href="#" onclick="javascript:switchVideoList(\''+genreID+'\',\''+start+'\');">Next</a> &gt;</b></span>';
	}
	
	if (parseInt(start-40) >= 0) {
		var tempstart = parseInt(start);
		var previous_start = tempstart - parseInt(40);
		//var previous_start = 0;
		//alert('previous start is:'+ previous_start + ':');
		prev = '<span style="vertical-align:top;text-align:left;padding-left:30px;left:0px;"><b>&lt; <a href="#green_nav_grid" onclick="javascript:switchVideoList(\''+genreID+'\',\''+previous_start+'\');">Prev</a></b></span>';
		//prev = '<span style="vertical-align:top;text-align:left;padding-left:30px;left:0px;"><b>&lt; <a href="#" onclick="javascript:switchVideoList(\''+genreID+'\',\''+previous_start+'\');">Prev</a></b></span>';
  }

// ---------------  GETTING THE PAGES -----------------

	var mypages = '';
	mypages = pageinate(total, genreID,start);
	
	var more_pages  = '<div style="width:400px;text-align:center;margin-left:300px;">' + prev  + ' &nbsp;&nbsp;' + mypages + ' &nbsp;&nbsp;' + next  + '</div>';
	
	str =more_pages + '<br>' + str + '<br><br>' + more_pages;
	
	//alert(genreID);
  selectProperTab(genreID);
  $('#vid_clips').html(str);
} // END getClips()

function escape_quotes (mystring){
	var etr = mystring.replace(/\n/g," ");
	etr = etr.replace(/'/g,"%27");
	etr = etr.replace(/"/g,"%27");
	etr = etr.replace(/\//g,"");
	return etr;
}

function selectProperTab(genreID){
  $("#4275").removeClass("x");
  $("#"+genreID).addClass("x");
  $("#"+genreID).parents(".subnav_bottom").show();
  var subnavTab1 = $("#"+genreID).children("a").attr("class");
  $("#"+subnavTab1).show();
  var subnavTab = $("#"+genreID).parents(".subnav_bottom");
  $("li:contains("+subnavTab+")").addClass("x");
}

function loadVmixMainArea(genreID,media_id){
  // Fills in top area
  //alert('g: ' + genreID +  ' m: ' + media_id);
  var start = '';
  if (window.location.href.indexOf("//preview.") != -1) {
  	sendRequest('/cgi-bin/ajax/apiproxy_preview.php?vmix=media.php?action=getMedia&media_id=' + media_id + '&genre_id=' + genre_id, getClip, '', start, genreID, media_id);
  }
	else {
    sendRequest('/cgi-bin/ajax/apiproxy.php?vmix=media.php?action=getMedia&media_id=' + media_id + '&genre_id=' + genre_id, getClip, '', start, genreID, media_id);
	}
}

function loadVmixGridArea(genreID,start,media_id){
  // Fills in bottom area
	//alert('start in loadvmixgridarea: ' + start); 
	var vmix_url = 'apiproxy_medialist.php?vmix=media.php?action=getMediaList&genre_ids='+genreID+'&limit=20&start='+start;
	//alert('vmix url is: ' + vmix_url);
	//alert('genre id in loadvmixgridarea is: ' + genreID);
  if (window.location.href.indexOf("//preview.") != -1) {
    sendRequest('/cgi-bin/ajax/apiproxy_medialist_preview.php?vmix=media.php?action=getMediaList&genre_ids='+genreID+'&limit=20&start='+start, getClips,'',start,genreID,media_id);
  }
  else {
    sendRequest('/cgi-bin/ajax/apiproxy_medialist.php?vmix=media.php?action=getMediaList&genre_ids='+genreID+'&limit=20&start='+start, getClips,'',start,genreID,media_id);
  }
  //alert('after call to send request');
}

// ------------------------------------------------------
//                           PAGEINATE
// This function creates the digits for each page.
// Each digit is a link
// ------------------------------------------------------

function pageinate(total, genreID,start) {
  var pages = '';               // this var holds the 'digit' links
  var limit = 20;               // the max # of videos that we're pulling per grid
  var t;
  var current_start;          // holds the start for the vmix api call
  var div = total/limit;      // approx # of pages(grids) that we will have
  var page = start/limit;   // current page that we're on
  var mod = total%limit;  // this is the number of videos on the very last page
  
  if (mod === 0)               // if the total perfectly divisible by 20
  {
    laststart =  total - limit ;
    lastpage = div;
  } 
	else  {
    laststart = total - mod;
    lastpage = div + 1;
  }
  
  if (laststart < 0) { laststart = 0; lastpage = 1; }
  
  var numofpages = lastpage;
  
  if (numofpages > 1)
  {
  var t_start = page-4;
  var t_end = page + 3;
  
     if (t_start <= 0)
     {
            t_end = 7;
            t_start = 0;
      }
  
      if (total < (limit * t_end))
      { 
          t_end = div; //Math.round(total/limit); 
       }
  
    for (t=t_start; t < t_end; t++)
    {
        if (t ==0) { t_show = 1; } else { t_show = t + 1; }
  
        current_start = limit * t;
        if (t ==0) { current_start = 0; }
  
         if (current_start > total)
        { current_start = laststart; }
  
        if (t_show == page)
       { pages += "&nbsp;<b>" + t_show + "</b>"; }
        else
        {
            // if (t <= numofpages)
                        
                  pages += ' &nbsp;<a href="#" onclick="javascript:switchVideoList(\''+genreID+'\',\''+current_start+'\');">' + t_show +'</a> '; 
            //  } //if
        } // else
     } // for
  } // if
  //pages += '<br><br>t_start: ' + t_start + ' , t_end: ' + t_end;
  return pages;
}
// ------------------------------------------------------



///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// BEGIN INLINE CODE
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////

var g = parseGetVars(); // Prep array of request string pairs

prepVideoID(); // Set the media_id, genred_id and genreID vars

var XMLHttpFactories = [ // Prep XML objects
  function () {return new XMLHttpRequest();},
  function () {return new ActiveXObject("Msxml2.XMLHTTP");},
  function () {return new ActiveXObject("Msxml3.XMLHTTP");},
  function () {return new ActiveXObject("Microsoft.XMLHTTP");}
];  

///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// END INLINE CODE
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////