///
var image = new Array();
var c = 0, grp = 0, grpc = 0, grpw = 125, _e;
var play = true, ppbutton = true, fullscr = false;
var duration = 6000, t;
var top, left;
var scrollTop, scrollLeft;
var $J = jQuery.noConflict();
var _pntrimg = new Image();
_pntrimg.src = 'http://www.miamiarch.org/images/slideshow/_imgpointer.png';
/* ********************** images to operate the slideshow ********************** */
var toolBK = 'images/slideshow/toolBK.gif';
var thumbBK = 'images/slideshow/thumBK.png';
var backward = 'images/slideshow/img_Backward.png';
var back = 'images/slideshow/img_Minus.png';
var next = 'images/slideshow/img_Plus.png';
var forward = 'images/slideshow/img_Forward.png';
var playpause = 'images/slideshow/img_PlayPause.png';
var fullscreen = 'images/slideshow/img_FullScreen.png';
/* ********************** dimensions ********************** */
//var _cntHeight = 360, _cntWidth = 450; /* container: height; width - editable, all - dependant */
var _cntHeight = 390, _cntWidth = 450; /* container: height; width - editable, all - dependant */
var _div00_height = 290; /* height - editable, imageshow - dependant */
var _isHeight = _div00_height; /* imageshow: height - editable, window; tools - dependant */
var _tlHeight = 29; /* tools: height - editable, window - dependant (dont change this value) */
var pbStyle = 'font-family: Courier New; font-size: smaller; font-style: italic;'; // style for 'Photo By'
$J.fn.slideShow = function () {
/* ********************** do not edit the skeleton ********************** */
var skeleton = '';
$J(this).append(skeleton);
$J.ajax({
type: "GET",
url: xmlfile,
dataType: "xml",
success: function (xml) {
$J(xml).find('Image').each(function (e) {
image[e] = new Array();
image[e][0] = new Image();
image[e][0].src = $J(this).find('Url').text();
image[e][1] = $J(this).find('Data').text();
image[e][2] = (jQuery.trim(image[e][1]) != '' ? '
' : '') + 'Photo By: ' + $J(this).find('PhotoBy').text() + '';
if ((_e = e % 4) == 0) {
grp++;
}
if (_e == 0)
left = 17 * _e + (grp - 1) * grpw;
else
left = 17 * _e + 5 * _e + (grp - 1) * grpw;
$J('.imgThmbCntnr div').append('
');
});
rotate();
$J(window).resize(function () {
scrollTop = $J(window).scrollTop();
scrollLeft = $J(window).scrollLeft();
if (fullscr) {
$J('.fullwin').css({
'top': scrollTop,
'left': scrollLeft,
'height': $J(window).height(),
'width': $J(window).width()
});
$J('.window').css({
'height': $J('.fullwin').height() - 29,
'width': $J('.fullwin').width()
});
$J('.window div img').css({
'height': $J('.window').height()
});
}
});
$J('.imgThmbCntnr img').hover(function () {
var center = $J(this).position().left + Math.round($J(this).width() / 2);
var middle = $J(this).position().top;
var _pointerimg = '
';
var pointer = '';
$J('.imgThmbCntnr').parent().append($J(pointer));
var imgthumbpre = '.attr('src') + ')
' +
'
').attr('src') + ')
');
$J('.window div').addClass('remove').removeClass('add');
$J('.window div.remove').fadeOut(function () { $J('div.remove').remove(); });
$J(_thisImg).css({ 'height': v_madita_altura, 'border': '0px none' });
$J('.window').append('');
$J('.window div.add').append($J(_thisImg));
$J('.window div.add').fadeIn();
$J('.textshow').html(image[c][1] + ' ' + image[c][2]);
}
}
function rotate() {
if (fullscr)
{
v_madita_altura=$J('.window').height();
}
else
{
v_madita_altura=(_isHeight - _tlHeight);
}
clearTimeout(t);
if (c == image.length)
c = 0;
$J('.imgThmbCntnr img').removeClass('selected').css({ 'cursor': 'pointer', 'border-color': 'Gray' });
$J('.imgThmbCntnr img:eq(' + c + ')').addClass('selected').css({ 'cursor': 'default', 'border-color': 'Red' });
if ($J('.window div img').attr('src') != $J('.imgThmbCntnr img:eq(' + c + ')').attr('src')) {
var _thisImg = $J('');
$J('.window div').addClass('remove').removeClass('add');
$J('.window div.remove').fadeOut(function () { $J('div.remove').remove(); });
$J(_thisImg).css({ 'height': v_madita_altura, 'border': '0px none' });
$J('.window').append('');
$J('.window div.add').append($J(_thisImg));
$J('.window div.add').fadeIn();
$J('.textshow').html(image[c][1] + ' ' + image[c][2]);
}
fn_buttons();
if (play) {
if (c % 4 == 0 && grpc < grp - 1 && !ppbutton) {
grpc++;
$J('.imgThmbCntnr div').animate({ 'left': '-=' + grpw }, 500, function () { });
} else if (c == 0) {
grpc = 0;
$J('.imgThmbCntnr div').animate({ 'left': grpc }, 500, function () { });
}
t = setTimeout(function () {
ppbutton = (c % 4 == 3) ? false : true;
c++;
rotate();
}, duration);
}
}
function fn_buttons() {
if (play) $J('.playpause').css({ 'background-position': '0 0' }).attr({ 'title': 'Pause' });
else if (!play) $J('.playpause').css({ 'background-position': '0 -20px' }).attr({ 'title': 'Play' });
if (fullscr) $J('.fullscr').css({ 'background-position': '0 -20px' }).attr({ 'title': 'Restore' });
else $J('.fullscr').css({ 'background-position': '0 0' }).attr({ 'title': 'Full Screen' });
if (grpc == grp - 1) $J('.nxtImgs').css({ 'background-position': '0 0' }).removeAttr('title');
else $J('.nxtImgs').css({ 'background-position': '0 -20px' }).attr({ 'title': 'Last' });
if (grpc == 0) $J('.prvImgs').css({ 'background-position': '0 0' }).removeAttr('title');
else $J('.prvImgs').css({ 'background-position': '0 -20px' }).attr({ 'title': 'First' });
if (c == image.length - 1) $J('.nxtImg').css({ 'background-position': '0 0' }).removeAttr('title');
else $J('.nxtImg').css({ 'background-position': '0 -20px' }).attr({ 'title': 'Next' });
if (c == 0) $J('.prvImg').css({ 'background-position': '0 0' }).removeAttr('title');
else $J('.prvImg').css({ 'background-position': '0 -20px' }).attr({ 'title': 'Prev' });
}
}
});
};