//
// ********** Fill the following config  **********

var flickr_user = '.CK';	// Your screen name at flickr
var photo_num = 2;		// number of photos to display at the badge
var timeout = 10000;		// milliseconds to show next photos

// ********** Dont modify anything below **********

var flickr_photoset;
var flickr_photoset_id = '';
var owner;
var i,lastrand=0,ticket=1;
var photo;

document.write('<div id="setBoxPics">  </div>');

flickrUtils.userCallbacks["flickr.people.findByUsername"] =
function (result)
{
    owner = result.nsid;
    flickrAPI.photosets.getList(result.nsid); 
}

flickrUtils.userCallbacks["flickr.photosets.getList"] =
function (result)
{
    flickr_photoset = result.photoset;
    if( flickr_photoset_id == '' ) {
	flickrAPI.photosets.getPhotos(result.photoset[0].id); 
    } else flickrAPI.photosets.getPhotos(flickr_photoset_id);
}

flickrUtils.userCallbacks["flickr.photosets.getPhotos"] = 
function(result)
{
    var str = '';
    var setBox = document.getElementById( 'setBoxPics' );

    photo = result.photo;
    morePhotos();
}

function morePhotos() {

    var str = '';
    var setBox = document.getElementById( 'setBoxPics' );

    str += '<div class="photoCase">';
    for( x=0; x<photo_num; x++ ) {
	i = Math.round( (photo.length-1) * Math.random() );
	while ( i == lastrand && photo_num != 1 ) {
	    i = Math.round( (photo.length-1) * Math.random() );
	}
	lastrand = i;
	var id = photo[i].id;
	var secret = photo[i].secret;
	var server = photo[i].server;
	var title = photo[i].title;
	var photo_url = 'http://www.flickr.com/photos/' + owner + '/' + id 
	str += '<a target="_blanl" href="' + photo_url + '"><img src="'+ photo[i].img_s +'" title="'+photo[i].title+'" /></a>'
    }
    str += '</div>';

    str += '<div class="photoCtr">';
    str += '<select onchange="ticket=0;changeSet(this)">';
    if( flickr_photoset_id == '' ) flickr_photoset_id = flickr_photoset[0].id;;
    for( i=0; i<flickr_photoset.length; i++ ) {
	if( flickr_photoset[i].id == flickr_photoset_id ) cur_set = 'selected';
	else cur_set = '';
	str += '<option value="' + flickr_photoset[i].id + '" ' + cur_set + '>' + flickr_photoset[i].title + '</option>';
    }
    str += '</select> ';
    str += '<span id="morepic" onMouseOver="changeFont(this);" onClick="ticket=0;morePhotos();" onMouseOut="changeBgcolor(this);">More</span>';
    str += '</div>';
    setBox.innerHTML = str;
    if( ticket==0 ) ticket = 1;
    else window.setTimeout('morePhotos()', timeout);
}

function changeSet(x) {
    flickr_photoset_id = x.value;
    document.getElementById('morepic').innerHTML = 'Loading...';
    flickrAPI.photosets.getPhotos(flickr_photoset_id);
}

function changePic() {
    document.getElementById('morepic').innerHTML = 'Loading...';
    flickrAPI.photosets.getPhotos(flickr_photoset_id);
}

function changeBgcolor(x) {
    x.style.textDecoration = 'none';
}

function changeFont(x) {
    x.style.textDecoration = 'underline';
}

flickrAPI.people.findByUsername(flickr_user);