var video_list = document.getElementById('viddler_videos_list');
var video_player = document.getElementById('viddler_video_player');
var loading_header = document.getElementById('loading_viddler');
loading_header.style.display = "none";

var video_json = {"video_list attr":{"total":"690","sort":"uploaded-desc"},"video_list":{"video":[{"author":"ijustine","id":"567adcd9","title":"Signing an iPhone!","length_seconds":"53","width":"480","height":"360","description":"This was my second one! I love you guys :)","view_count":"88","upload_time":"1251191841000","made_public_time":"1251192006000","comment_count":"4","url":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/684\/","thumbnail_url":"http:\/\/cdn-thumbs.viddler.com\/thumbnail_2_567adcd9.jpg","permalink":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/684\/","files":{"flv":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/684.flv","source":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/684.mp4"}},{"author":"ijustine","id":"57795be1","title":"I WANT A PIZZA!!!","length_seconds":"291","width":"1280","height":"720","description":"bJuly 17th, 2009\/b --- Meet Samantha -- she wants a pizza. BLOG: a href=\"http:\/\/ijustine.com\"ijustine.com\/a FOLLOW MY TWEETS: @a href=\"http:\/\/twitter.com\/ijustine\"ijustine\/a FACEBOOK: a href=\"http:\/\/facebook.com\/ijustine\"facebook.com\/ijustine\/a SUBSCRIBE TO MY CHANNEL: a href=\"http:\/\/viddler.com\/ijustine\"viddler.com\/ijustine\/a MYSPACE: a href=\"http:\/\/myspace.com\/ijustine\"myspace.com\/ijustine\/a Thank you guys so much for always being so supportive :) I love reading your comments, watching video responses and blog comments! Thanks again for subscribing to my vids, yo!","view_count":"40","upload_time":"1249484919000","made_public_time":"","comment_count":"0","url":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/642\/","thumbnail_url":"http:\/\/cdn-thumbs.viddler.com\/thumbnail_2_57795be1.jpg","permalink":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/642\/"},{"author":"ijustine","id":"7ab51d2d","title":"Crabbing and a canoe","length_seconds":"230","width":"1280","height":"720","description":"bJune 29th, 2009\/b --- on vacation Subscribe to my main channel: a href=\"http:\/\/viddler.com\/ijustine\"viddler.com\/ijustine\/a Follow me on twitter: @a href=\"http:\/\/twitter.com\/ijustine\"ijustine\/a","view_count":"32","upload_time":"1249303882000","made_public_time":"1249602709000","comment_count":"0","url":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/626\/","thumbnail_url":"http:\/\/cdn-thumbs.viddler.com\/thumbnail_2_7ab51d2d.jpg","permalink":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/626\/","files":{"flv":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/626.flv","source":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/626.mp4"}},{"author":"ijustine","id":"c8310288","title":"Vertical vs horizontal","length_seconds":"54","width":"270","height":"360","description":"bJune 22nd, 2009\/b --- Yeah yeah! Subscribe to my channel: a href=\"http:\/\/viddler.com\/ijustine\"viddler.com\/ijustine\/a Follow me on twitter: @a href=\"http:\/\/twitter.com\/ijustine\"ijustine\/a","view_count":"27","upload_time":"1249204367000","made_public_time":"1249525343000","comment_count":"1","url":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/618\/","thumbnail_url":"http:\/\/cdn-thumbs.viddler.com\/thumbnail_2_c8310288.jpg","permalink":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/618\/","files":{"flv":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/618.flv","source":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/618.mp4"}},{"author":"ijustine","id":"adf7bc9a","title":"On the hunt for the perfect case","length_seconds":"66","width":"480","height":"360","description":"bJune 20th, 2009\/b --- Still haven't found it yet.. But trying! What case did you get or have?!","view_count":"27","upload_time":"1249202219000","made_public_time":"1249523726000","comment_count":"1","url":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/617\/","thumbnail_url":"http:\/\/cdn-thumbs.viddler.com\/thumbnail_2_adf7bc9a.jpg","permalink":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/617\/","files":{"flv":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/617.flv","source":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/617.mp4"}},{"author":"ijustine","id":"9db6e221","title":"Makin vids makin vids","length_seconds":"84","width":"480","height":"360","description":"bJune 19th, 2009\/b --- Drinking coffee!! Karen: a href=\"http:\/\/karenism.com\"karenism.com\/a Me: a href=\"http:\/\/ijustine.com\"ijustine.com\/a","view_count":"16","upload_time":"1249200858000","made_public_time":"1249525209000","comment_count":"0","url":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/616\/","thumbnail_url":"http:\/\/cdn-thumbs.viddler.com\/thumbnail_2_9db6e221.jpg","permalink":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/616\/","files":{"flv":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/616.flv","source":"http:\/\/www.viddler.com\/explore\/ijustine\/videos\/616.mp4"}}]}};
var videos = video_json.video_list.video;

var show_titles = false;
var show_description = false;
var hide_thumbs = false;
var show_player = true;

var player_type = "simple";

var height = 320;
var width = 400;
var autoplay = "f";
var videos_per_row = 3;

var widget_width = 400;
var thumbnail_size = Math.floor((widget_width-(videos_per_row-1)*10)/videos_per_row);

var skinvars = false;

var code = '';

function viddlerLink(i, inner) {
  if(show_player) {
    return '<a href="#" onclick="viddlerGetMovie().setMovie(\'' + videos[i].id + '\', 0);return false;">' + inner + '</a>';
  } else {
    return '<a href="' + videos[i].url + '">' + inner + '</a>';
  }
}

function html_entity_decode(str) {
  var ta=document.createElement("textarea");
  ta.innerHTML=str.replace(/</g,"&lt;").replace(/>/g,"&gt;");
  return ta.value;
}

if(show_player) {
	
	var flashvars = 'autoplay=' + autoplay;
	
	if(skinvars) flashvars += "&" + skinvars;
	
  video_player.innerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + width + '" height="' + height + '" id="viddler"><param name="movie" value="http://www.viddler.com/' + player_type + '/' + videos[0].id + '" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="' + flashvars + '"><embed src="http://www.viddler.com/' + player_type + '/' + videos[0].id + '" width="' + width + '" height="' + height + '" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" allowfullscreen="true" flashvars="' + flashvars + '" name="viddler" /></object><br /><br />';
}

var count = 1;

for(i=0;i<videos.length;i++) {
	code += '<li';
	
	classes = '';
	
	if(count == 1) {
	  classes += 'first';
	}
	
	if(count % 2 == 0) {
	  classes += ' even';
	}
	
	if(classes != '') {
	  code += " class='" + classes + "'";
	}
	
	code += '>';
		
	title = '';
		
	if(!hide_thumbs) {
	  title += '<img src="' + videos[i].thumbnail_url + '" height="' + thumbnail_size + '" title="' + videos[i].title + '" alt="' + videos[i].title + '" />';
  }
  
	if(show_titles) {
  	title += viddlerLink(i, videos[i].title);
  }
	
	code += viddlerLink(i, title);
  
  if(show_description && videos[i].description) {
    code += html_entity_decode(videos[i].description);
  }
  code += '</a>';
	code +='</li>';
	
	if(count < videos_per_row) {
  	count++;
  } else {
    count = 1;
  }
}

video_list.innerHTML = code;