$(document).ready(function() {
	loadIcons();
	$('#nav > li').click(function() {
		$('#nav > li').each(function(){ $(this).removeClass('active'); })
		$(this).addClass('active');
	});
})

function loadIcons() {
	var icons = [
		'images/icon-sample-01.png', 
		'images/icon-sample-02.png', 
		'images/icon-sample-03.png', 
		'images/icon-sample-04.png', 
		'images/icon-sample-05.png', 
		'images/icon-sample-06.png',
		'images/icon-sample-07.png',
		'images/icon-sample-08.png',
		'images/icon-sample-09.png',
		'images/icon-sample-10.png'
	];
	var picks = [];
	var html = '';

	while(picks.length < 6) {
		var num = Math.floor(Math.random()*icons.length);
		if(num > 0 && picks.indexOf(num) == -1) picks.push(num);
	}

	for(i=0; i < picks.length; i++) {
		html += '<li><img src="'+icons[picks[i]]+'" /></li>';
	}

	$('#icons').html(html);
}


/*var clipCallback = 'loadClips';
var oEmbedCallback = 'embedVideo';

function loadClips(clips) {
	var html = '';
	var latestClipUrl = clips[0].url;
	for(i=1; i < 3; i++) {
		if(clips[i]) {
			var date_time = clips[i].upload_date.split(' ');
			var date = date_time[0].split('-')
			var time = date_time[1].split(':')
			var date = new Date(date[0], date[1], date[2], time[0], time[1], time[2]);
			var date = prettyDate(dateFormat(date, "isoDateTime"));
			html += "<li><a href=\"#\" onclick=\"loadScript(oEmbedUrl + '?width=480&color=dd4499&url=" + encodeURIComponent(clips[i].url) + "&callback=' + oEmbedCallback); return false;\"><img src=\"" + clips[i].thumbnail_medium + "\" /> " + clips[i].title + "</a><br />by <a href=\"" + clips[i].user_url + "\">" + clips[i].user_name + "</a><br /> " + date + "</li>";
		};
	}
}

function embedVideo(video) {
	videoEmbedCode = video.html;
	document.getElementById('embed').innerHTML = unescape(video.html);
}

function loadScript(url) {
	var js = document.createElement('script');
	js.setAttribute('type', 'text/javascript');
	js.setAttribute('src', url);
	document.getElementsByTagName('head').item(0).appendChild(js);
}

window.onload = loadScript(clipsUrl);*/