$(document).ready(function () {
                    if(ul != null)
                        {
			init_vimeo_latest();
                        }
                    if(vimeo != null)  
                        {
                        init_vimeo_widget();    
                        }
		});
		
		var page_num = 1;
		// Change this to your username to load in your clips
		var vimeoUserName = 'redhandedtv';
		
		// Tell Vimeo what function to call
		var userInfoCallback = 'userInfo';
		var latestVideosCallback = 'makeLast3';
                var widgetCallback = 'showThumbs'
		
		// Set up the URLs
		var userInfoUrl = 'http://www.vimeo.com/api/' + vimeoUserName + '/user_info.json?callback=' + userInfoCallback;
                var clipsUrl = 'http://www.vimeo.com/api/v2/' + vimeoUserName + '/videos.json?callback=' + widgetCallback;    
		var ul = document.getElementById('latest5')
                var vimeo =  document.getElementById('vimeo')
		// This function goes through the clips and puts them on the page
		function showThumbs(clips) {
                    //console.log(clips);
                    var thumbs = document.getElementById('thumbs');
                    
                    
                    
                    if(page_num == 1)
                    {
			thumbs.innerHTML = '';
			
			var ul = document.createElement('ul');
                        ul.setAttribute('id', 'vimUL')
			thumbs.appendChild(ul);  
                        
                    }
                    page_num++;
                    var ul = document.getElementById('vimUL');
                    
			for (var i = 0; i < clips.length; i++) 
                        {
                                
                            
				var thumb = document.createElement('img');
				thumb.setAttribute('src', clips[i].thumbnail_medium);
				thumb.setAttribute('alt', clips[i].title);
                                thumb.setAttribute('data-id', clips[i].id);                               
				thumb.setAttribute('title', clips[i].title);
				thumb.setAttribute('class', 'thumb');
                                
				var a = document.createElement('a');
				a.setAttribute('href', clips[i].url);
				a.setAttribute('target', clips[i], '_blank');
				a.appendChild(thumb);
				
                                var h3 = document.createElement('h3');
                                h3.innerHTML = clips[i].title;
                                
                                var p = document.createElement('p');
                                p.innerHTML = clips[i].caption;
                                
				var li = document.createElement('li');
				li.appendChild(a);
                                
                                var caption = document.createElement('caption');
                                caption.appendChild(h3);
                                caption.appendChild(p);
                                caption.setAttribute('class', 'caption');
                                
                                
                                li.appendChild(caption);
				ul.appendChild(li);
                                
                                
                                if(i == 0)
                                    {
                                         if(page_num <= 3)
                                           { 
                                               if(page_num == 2)
                                                {
                                                    var videoId = $(thumb).attr('data-id');
                                                    var videoTitles = $(thumb).attr('title');
                                                    $('#playerFrame').attr('src', 'http://player.vimeo.com/video/'+videoId+'?title=0&amp;byline=0&amp;portrait=0');
                                                    $('h2#videoHeader').html(videoTitles);  
                                                }
                                                var head = document.getElementsByTagName('head').item(0);
                                                var clipsJs = document.createElement('script');
                                                clipsJs.setAttribute('type', 'text/javascript');
                                                clipsJs.setAttribute('src', clipsUrl+'&page='+page_num);
                                                head.appendChild(clipsJs);
                                           }
                                    }
                                    
                           
                            }
		}
                
                
                
                
                function makeLast3(clips) {
                    
                   
                   ;
                    
			for (var i = 0; i < clips.length, i < 3; i++) {
                                
                                var thumb = document.createElement('img');
                                thumb.setAttribute('src', clips[i].thumbnail_small);
				thumb.setAttribute('alt', clips[i].title);
                                thumb.setAttribute('data-id', clips[i].id);                               
				thumb.setAttribute('title', clips[i].title);
				thumb.setAttribute('class', 'thumbNail');
                                
				var a = document.createElement('a');
				a.setAttribute('href', clips[i].url);
				a.setAttribute('target', clips[i], '_blank');
                                a.setAttribute('data-id', clips[i].id);                               
				a.setAttribute('data-title', clips[i].title);
                                //a.innerHTML = clips[i].title;
				a.appendChild(thumb);
                                
				var li = document.createElement('li');
				li.appendChild(a);
				ul.appendChild(li);

                }
		}
		
		// This function loads the data from Vimeo
		function init_vimeo_latest() {
			
			var clipsUrl2 = 'http://www.vimeo.com/api/v2/' + vimeoUserName + '/videos.json?callback=' + latestVideosCallback;
			var head = document.getElementsByTagName('head').item(0);
			
                        
                        var clipsJs = document.createElement('script');
			clipsJs.setAttribute('type', 'text/javascript');
			clipsJs.setAttribute('src', clipsUrl2+'&page=1');
			head.appendChild(clipsJs);

		}
                
                function init_vimeo_widget(){
                    
                    
                    
                    var head = document.getElementsByTagName('head').item(0);
			
                        
                        var clipsJs = document.createElement('script');
			clipsJs.setAttribute('type', 'text/javascript');
			clipsJs.setAttribute('src', clipsUrl+'&page=1');
			head.appendChild(clipsJs);
                }
                
                $('#latest5 li a').live('click', function(){
                    
                    var videoId = $(this).attr('data-id');
                    var videoTitles = $(this).attr('title');
					console.log('http://player.vimeo.com/video/'+videoId+'?title=0&amp;byline=0&amp;portrait=0&amp;color=cc0000');
                    $('#vimeoFrontpage').attr('src', 'http://player.vimeo.com/video/'+videoId+'?title=0&amp;byline=0&amp;portrait=0&amp;color=cc0000');
                    
                    return false;
                });
                
                $('.thumb').live('click', function(){
                    var videoId = $(this).attr('data-id');
                    var videoTitles = $(this).attr('title');
					console.log('http://player.vimeo.com/video/'+videoId+'?title=0&amp;byline=0&amp;portrait=0&amp;color=cc0000');
                    $('#playerFrame').attr('src', 'http://player.vimeo.com/video/'+videoId+'?title=0&amp;byline=0&amp;portrait=0&amp;color=cc0000');
                    $('h2#videoHeader').html(videoTitles); 
                    return false;
                });
                
                $('.thumbNail').live('click', function(){    
                    var videoId = $(this).attr('data-id');
                    
                    var videoTitles = $(this).attr('title');
					console.log('http://player.vimeo.com/video/'+videoId+'?title=0&amp;byline=0&amp;portrait=0&amp;color=cc0000');
                    $('#vimeoPlayer').attr('src', 'http://player.vimeo.com/video/'+videoId+'?title=0&amp;byline=0&amp;portrait=0&amp;color=cc0000');
                    $('h2#videoHeader').html(videoTitles); 
                    return false;
                });