﻿<!--//
        //load video to embeded SWF player
        function loadVideo(playerUrl, autoplay) {
          /*swfobject.embedSWF(
              playerUrl + '&rel=1&border=0&fs=1&autoplay=' + 
              (autoplay?1:0), 'player', '520', '430', '9.0.0', false, 
              false, {allowfullscreen: 'true'});
          */
            swfobject.embedSWF(
           /*   playerUrl + '&rel=1&border=0&fs=1&autoplay=' + 
              (autoplay?1:0), 'player', '290', '250', '9.0.0', false, 
              false, {allowfullscreen: 'true'});
           */
               playerUrl + '&rel=1&border=0&fs=1&autoplay=' + 
              (autoplay?1:0), 'player', '350', '300', '9.0.0', false, 
              false, {allowfullscreen: 'true'});

        }

        //show videos with description, will play in embeded player
        // - for searching the latest 3 video clips
        function showMyVideos2(data) {
          var feed = data.feed;
          var entries = feed.entry || [];
          var html = ['<ul class="videos">'];
          for (var i = 0; i < 3; i++) {
          //for (var i = entries.length; i < 0; i-- ) {
                var entry = entries[i];
                var title = entry.title.$t.substr(0, 30);
                var subtitle = entry['media$group']['media$description'].$t.substr(0,52);
                //published date
                var str_publishedate = entry.published.$t;
                var str_lastupdate = entry.updated.$t;
                var str_date;
                //alert ('str_publishedate: ' + str_publishedate);
                if (str_lastupdate == null) { 
                    str_date = str_publishedate;
                }
                else {
                    str_date = str_lastupdate;
                }
                publishedate = new Date();
                publishedate.setYear(str_date.substr(0,4));
                publishedate.setMonth(str_date.substr(5,2));
                publishedate.setDate(str_date.substr(7,2));
                //publishedate.setHours(str_date.substr(10,2));
                //publishedate.setMinutes(str_date.substr(15,2));
                //publishedate.setSeconds(str_date.substr(17,2));
                //alert(publishedate.toLocaleDateString());
                var duration = entry['media$group']['yt$duration'].seconds;
                //var author = '<a href="' + entry['author'].uri + '">' + entry['author'].name + '</a>'; 
                //alert ('author = ' + entry.author.name);;
                var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
                var playerUrl = entries[i].media$group.media$content[0].url;
                html.push(
                    //'<li onclick="loadVideo(\'', playerUrl, '\', true)">',
                    //      '<span class="titlec">', title, '...</span><br /><img src="', 
                    //      thumbnailUrl, '" width="130" height="97"/>', '</span></li>');
                          '<li>',
                          '<span style="float:left;width: 135px;"><img src="', thumbnailUrl, '" width="130" height="97" onclick="loadVideo(\'', playerUrl, '\', true)"></span>',
                          '<h5>', title, '...</h5><span class="title">',
                          subtitle, '...<br><br><b>',
                          //publishedate.toLocaleDateString(), '<br>',
                          Math.floor(duration/60) + ':' + duration%60, '</b>',
                          //'From: ', author,
                          '</span>',
                          '</li>');
              }
              html.push('</ul><br style="clear: left;"/>');
              document.getElementById('videos2').innerHTML = html.join('');
              if (entries.length > 0) {
                loadVideo(entries[0].media$group.media$content[0].url, false);
              }
         }
          
         //list the videos clip (thumbnail + other brief info)
         function listVideos(json,divid) {
          div = document.getElementById(divid);
          div.innerHTML = '';
          
         
          //put video clips into table layout
          var html = ['<table class="videos" border="0" width="95%">'];
          var clipsnumber = json.feed.entry.length;
          
          if(json.feed.entry){
             
              for (var i = 0; i < clipsnumber; i++) {
                var entry = json.feed.entry[i];
        	
                for (var k = 0; k < clipsnumber; k++) {
                  if (entry.link[k].rel == 'alternate') {
                    url = entry.link[k].href;
                    break;
                  }
                }
                
                //video thumb
                var thumb = entry['media$group']['media$thumbnail'][1].url;
                //video title
                var title = entry.title.$t;
                //video subtitle
                //var subtitle = entry['media$group']['media$description'].$t;
                
                //video layout in table cell
                var cell = '';
                    cell += '<td style="width:25%"><a href="javascript:videoOverlay(\''+getVideoId(url)+'\');">';
                    cell += '<img src="'+thumb+'" id="youtubethumb" alt="'+title +'"  onmouseout="mouseOutImage(this)" onmouseover="mousOverImage(this,\''+getVideoId(url)+'\',2)"></a><br><b>' + title.substr(0, 20) + '...</b><br>';
                     //video statistics
                     if (entry['yt$statistics'] == null)  {
                        cell += 'No views counted<br>';
                     }else {
                        var views = entry['yt$statistics'].viewCount;
                        cell += views + ' views<br>';                       
                     }
                    //video rating
                     if (entry['gd$rating'] == null) {
                        cell += 'No rating available<br>';
                    }
                    else {
                        var rating = entry['gd$rating'].average;
                        cell += rating + ' out of 5<br><br>';
                    }
                    cell += '</td>';

                 
                 //build string of the videos in table layout
                 switch (i % 4) {
                    case 0:
                        html += '<tr>' + cell;
                        break;
                    case 1:
                        html += cell;
                        break;
                    case 2:
                        html += cell;
                        break;
                    case 3:
                        html += cell + '</tr>'
                  }
            
             }// end of for
             html += '</table>';           
          } // end of if
          else {
            div.innerHTML = 'No Results Found';
          }
          div.innerHTML = html; 
          //alert('HTML code = [' + html + ']');
        }
        

         
        var timer;
        var i =0;
        var youtubediv = new Array();
        function getVideoId(url){

			// The id can be found following the v= part of of url
			var urlTokens = url.split( "v=" );
			// index 1 = the part immediately following v=
			var urlIDPlus = urlTokens[1];
			
			// There may be more after the id. If so it will be after a &
			var idPlusTokens =urlIDPlus.split( "&" );
			// index 0 = the part immediately before the &
			var id = idPlusTokens[0];
			
			return id;

            /* var match = url.lastIndexOf('=');
            if (match) {
              id = url.substring(match+1);
              return id;
            } */
        }

        function clearList(ul){
	        var list = document.getElementById(ul);
	        while (list.firstChild) 
	         {
	            list.removeChild(list.firstChild);
	         }		
        }

        /*function hideOverlay(){

	        var overlay = document.getElementById('youtubeoverlay');
	        overlay.style.display = 'none';
	        overlay.innerHTML = "";
        }*/

        function videoOverlay(id){
	        loadVideo("http://www.youtube.com/v/"+id, true);
			document.location.href= "#player";
        }

        function mousOverImage(name,id,nr){
	        if(name)
		        imname = name;
	        //make border orange
	        imname.style.border = 	'4px solid orange';

	        imname.src = "http://img.youtube.com/vi/"+id+"/"+nr+".jpg";
        	
	        nr++;
	        if(nr > 3)
		        nr = 1;
	        timer =  setTimeout("mousOverImage(false,'"+id+"',"+nr+");",1000);
        }


        function mouseOutImage(name){
	        if(name)
		        imname = name;
	        //make border back to greyish
	        imname.style.border = 	'4px solid #333333';
	        if(timer)
		        clearTimeout(timer)
        }

         var l = 1;
         var youtubeInit = new Array();
         var youtubeDiv = new Array();

        //add parameter - 'start-index'
        // show videos - only the thumb images & some other info
        function insertVideos(div,q,results,index,overlay){
              inlineVideo = overlay;
              l++;
              var script = document.createElement('script');
              var Q = q.toUpperCase()
              
              //script.setAttribute('src', 'http://gdata.youtube.com/feeds/videos?vq='+q+'&max-results='+results+'&alt=json-in-script&callback=youtubeInit['+l+']');
              //script.setAttribute('src', 'http://gdata.youtube.com/feeds/videos?vq='+q+'&max-results='+results+'&start-index='+index+'&alt=json-in-script&callback=youtubeInit['+l+']');
              script.setAttribute('src', 'http://gdata.youtube.com/feeds/videos?vq='+q+'+'+Q+'&max-results='+results+'&start-index='+index+'&orderby=published'+'&alt=json-in-script&callback=youtubeInit['+l+']');

              youtubeDiv[l] = div;
              youtubeInit[l] = function(root) { listVideos(root,div);  };
              script.setAttribute('id', 'jsonScript');
              script.setAttribute('type', 'text/javascript');
              document.documentElement.firstChild.appendChild(script);
         }



    //for pop up 'intro' contents
    isIE=document.all;
    isNN=!document.all&&document.getElementById;
    isN4=document.layers;
    DoIt=false;
    function ddInit(e){
        TWD=isIE ? "BODY" : "HTML";
        TWD1=isIE ? document.all.theLayer : document.getElementById("theLayer");
        TWD2=isIE ? event.srcElement : e.target;
        /*while (TWD2.id!="titleBar" && TWD2.tagName!=TWD){
            TWD2=isIE ? TWD2.parentElement : TWD2.parentNode;
        }
        if (TWD2.id=="titleBar"){
            offsetx=isIE ? event.clientX : e.clientX;
            offsety=isIE ? event.clientY : e.clientY;
            nowX=parseInt(TWD1.style.left);
            nowY=parseInt(TWD1.style.top);
            ddEnabled=true;
            document.onmousemove=dd;
        }*/
    }
    function dd(e){
        if (!ddEnabled) return;
        TWD1.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx;
        TWD1.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
        return false;
    }
    function ddN4(TWD3){
        if (!isN4) return;
        N4=eval(TWD3);
        N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
        N4.onmousedown=function(e){
            N4.captureEvents(Event.MOUSEMOVE);
            N4x=e.x;
            N4y=e.y;
        }
        N4.onmousemove=function(e){
            if (DoIt){
                N4.moveBy(e.x-N4x,e.y-N4y);
                return false;
            }
        }
        N4.onmouseup=function(){
            N4.releaseEvents(Event.MOUSEMOVE);
        }
    }
    function hideMe(){
        if (isIE||isNN) TWD1.style.visibility="hidden";
        else if (isN4) document.theLayer.visibility="hide";
    }
    function showMe(){
        if (isIE||isNN) TWD1.style.visibility="visible";
        else if (isN4) document.theLayer.visibility="show";
    }
    document.onmousedown=ddInit;
    document.onmouseup=Function("ddEnabled=false");

//-->