// asynchronous call for rss feeds
var xmlreq;
var isIE = ((window.ActiveXObject) ? true : false);
var region_name = '';
var region_id   = '';

function getXML(url) {
  if(window.XMLHttpRequest){
    xmlreq = new XMLHttpRequest();

    window.setTimeout(function() {
      if (xmlreq.readyState < 4) {
        xmlreq.abort();
      }
    },10000); // abort after 10 sec

    try{
      xmlreq.onreadystatechange = xmlResponseHandler;
      xmlreq.open("GET", url, true);
      xmlreq.send(null);
    } catch(e){
      xmlreq.abort();
      return;
    }
  } else if(window.ActiveXObject){
    isIE = true;
    try{
      xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
    } catch(e){
      xmlreq.abort();
      return;
    }
    if(xmlreq){
      window.setTimeout(function() {
        if (xmlreq.readyState < 4) {
          xmlreq.abort();
        }
      },10000); // abort after 10 sec

      try{
        xmlreq.onreadystatechange = xmlResponseHandler;
        xmlreq.open("GET", url, true);
        xmlreq.send();
      } catch(e){
        xmlreq.abort();
        return;
      }
    }
  }
}

function xmlResponseHandler() {
  if (xmlreq && xmlreq.readyState == 4) {
    if (xmlreq.responseXML) {
      if (xmlreq.responseXML.getElementsByTagName("region").length>0) {
        buildRegionsSelection(xmlreq.responseXML.getElementsByTagName("region"));
      }
      if (xmlreq.responseXML.getElementsByTagName("video").length>0) {
        buildVideoSelection(xmlreq.responseXML.getElementsByTagName("video"));
      }
    }

  }

}


var pageNum  = 1;

function buildVideoSelection(videos) {
  var is_popup = 0;
  var myHTML   = '<table width=450 cellpadding=8 cellspacing=1 bgcolor=eeeeee><tr><td valign=top bgcolor=ffffff>';

  document.getElementById('videocontainer').innerHTML = '';
  for (var i = 0; i< videos.length; i++) {
    var videoTitle = videos[i].getElementsByTagName('title')[0].firstChild.nodeValue;
    var videoID    = videos[i].getElementsByTagName('id')[0].firstChild.nodeValue;
    var thumbnail  = videos[i].getElementsByTagName('thumbnail_url')[0].firstChild.nodeValue;
        myHTML += '<center><strong>'+videoTitle+'</strong><br><div id=video_'+i+'><a href="http://www.youtube.com/watch?v='+videoID+'" target=_blank><img border=0 src="'+thumbnail+'"></a></div><br>';
        myHTML += '<input type=button onClick="document.getElementById(\'video_'+i+'\').innerHTML=\'<embed src=http://www.youtube.com/v/'+videoID+' type=application/x-shockwave-flash width=425 height=350></embed>\';" value="Preview"><br>';
          if (is_popup == 1) {
		myHTML += '<input type=button onclick="parent.parent.getElementById(\'video_search_url\').value=\'http://www.youtube.com/v/'+videoID+'\';alert(\'Video Added\');" value="Use Video">';
	    } else {
              myHTML += '<textarea onClick="this.select();" ><embed src="http://www.youtube.com/v/'+videoID+'" type="application/x-shockwave-flash" width="425" height="350"></embed><br><a href="http://www.pimp-my-profile.com/video/">Video Codes</a><br></textarea>';
	    }
	    myHTML += '</center>';
        if (i % 3 == 2 && i > 0 && i < 6) {
              myHTML += '</td></tr><tr><td valign=top  bgcolor=ffffff>';
	} else if (i % 3 != 2 && i < 6) {
	      myHTML += '</td><td valign=top bgcolor=ffffff>';
	}
    }

    myHTML += '</td></tr></table>';
   
    myHTML += 'Page ' + pageNum + ' : ';

    var nextNum = pageNum;
    if (pageNum > 1) {
        nextNum = pageNum - 1;
        myHTML += ' &lt;&lt;<a href="#" onClick="pageNum = '+nextNum+';getXML(\'/ajax/video-search.php?tag='+document.getElementById('tag').value+'&page='+nextNum+'\');">Prev</a> ';
    }
    nextNum = pageNum + 1;
    myHTML += ' <a href="#" onClick="pageNum = '+nextNum+';getXML(\'/ajax/video-search.php?tag='+document.getElementById('tag').value+'&page='+nextNum+'\');">Next</a> &gt;&gt; ';

    document.getElementById('videocontainer').innerHTML += myHTML;
}

function buildRegionsSelection(regions) {
  document.getElementById('regionsselect').options.length = 0;
  document.getElementById('regionsselect').options[0] = new Option(region_name,region_id);
  document.getElementById('regionsselect').options[1] = new Option('Any','');
  for(var i=0; i<regions.length; i++){
    var id = regions[i].getAttribute('rc')+'.'+regions[i].getAttribute('aim1');
    var name = regions[i].getAttribute('fullname');
    document.getElementById('regionsselect').options[i+2] = new Option(name,id);
  }
  document.getElementById('regionfield').style.visibility = 'visible';
}