/*
JavaScript slideshow by Cheri
http://avatars.imvu.com/Cheri
http://www.triggerless.com/imvu/slideshow.js

2010-01-15 Initial release to public
2010-01-20 Added support of onSwap event

*/

var o_img_left = Math.floor((o_options.boxWidth - o_options.imageWidth)/2);
var o_isMSIE = (navigator.userAgent.indexOf('MSIE') > -1);
var o_iePad = o_isMSIE ? 40 : 0;
var o_newLine = o_isMSIE ? '\r\n' : '\n';
if (o_options.path.substr(o_options.path.length - 1) != '/') o_options.path += '/';
document.write('<style type="text/css">\n');
document.write('#o_slide {position: relative; width: ' + (o_options.boxWidth + o_iePad) + 'px; height: ' + (o_options.imageHeight + o_iePad) + 'px; background-color: ' + o_options.backgroundColor + '; padding:20px;}\n');
document.write('#o_slide img {position: absolute; top: 20px; left: ' + (o_img_left + 20) + '; height: ' + o_options.imageHeight + 'px; width: ' + o_options.imageWidth + 'px; z-index: 8; border: solid 0px transparent;}\n');
document.write('#o_slide img.o_active {z-index: 10;}\n');
document.write('</style>\n');
document.write('<div>\n');
document.write('<div id="o_slide">\n');
document.write('<img id="outfit_tgt_ping" class="o_active" src="' + o_options.path + o_options.files[0] + '"/>\n');
document.write('<img id="outfit_tgt_pong" src=""/>\n');
document.write('</div>\n');

var last_o = 0;
var o_iter = 0;
var o_img = [$('#outfit_tgt_ping'), $('#outfit_tgt_pong')];
o_img[1].fadeOut();

function change_o() {
	if (o_options.onSwap) {
		o_options.onSwap();
	}
	var idx = last_o;
	if (o_options.method == 'cycle') {
		idx = (idx + 1) % o_options.files.length;
	} else {
		while(idx == last_o) idx = Math.floor(Math.random() * o_options.files.length);
	}
	last_o = idx;
	var o = o_options.files[idx];
	var src = o_options.path + o;
	
	var incoming = o_img[(o_iter + 1) % 2];
	var outgoing = o_img[(o_iter) % 2];
	incoming[0].src = src;
	incoming.addClass('o_active');
	outgoing.removeClass('o_active');
	incoming.fadeIn(o_options.fadeDelay, function(){});
	outgoing.fadeOut(o_options.fadeDelay, function(){});
	o_iter++;
	o_swap();
}

function o_swap() {
	window.setTimeout('change_o();', o_options.swapDelay);
}

$(document).ready(function() {
	o_swap();
});