'+
products[i]['portrait'] +'TM
');
$("#timerContainer").append('
'+ products[i]['portrait'] +
'TM
');
}
panelWidth = container.find("div.panel").width();
var stripViewerWidth = panelWidth*panelCount;
container.find("div.sliderContainer").css("width", stripViewerWidth);
$('.timerPanel').each(function(z){$(this).bind('click', function(){changeSlide(z);});});
}
//
// Create slides after both files are loaded
//
var ajaxDone = function() {
ajaxD++;
if (ajaxD > 1) {
createSlides();
}
}
//
// Parse Products into an array of objects
// products[i] = {portrait: 'DNA', price: '$399', ...};
//
var parseProducts = function(data) {
if ($.browser.msie) {
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.loadXML(data);
for (var i=0;i < xmlDoc.childNodes.length;i++) {
var node = xmlDoc.childNodes[i];
if (node.baseName == 'language') {
for (var j=0; j < node.attributes.length;j++) {
var attr = node.attributes[j];
switch(attr.name) {
case 'currency':
currency = attr.value;
break;
case 'exploreLabel':
exploreLabel = attr.value;
break;
case 'purchaseLabel':
purchaseLabel = attr.value;
break;
}
}
for (var j=0;j < node.childNodes.length;j++) {
var product = node.childNodes[j];
var po = '';
var pr = '';
var ex = '';
var pu = '';
for (var k=0;k < product.attributes.length;k++) {
var attr = product.attributes[k];
switch(attr.name) {
case 'portrait':
po = attr.value;
break;
case 'price':
pr = attr.value;
break;
case 'exploreLink':
ex = attr.value;
break;
case 'purchaseLink':
pu = attr.value;
break;
}
}
products.push({
portrait: po,
price: pr,
exploreLink: ex,
purchaseLink: pu
});
}
}
}
} else {
currency = $(data).children().parent().attr('currency');
exploreLabel = $(data).children().parent().attr('exploreLabel');
purchaseLabel = $(data).children().parent().attr('purchaseLabel');
$(data).find('product').each(function(){
products.push({
portrait: $(this).attr('portrait'),
price: $(this).attr('price'),
exploreLink: $(this).attr('exploreLink'),
purchaseLink: $(this).attr('purchaseLink')
});
});
}
}
//
// Parse Photos into array of objects
// slides[i] = ['url1', 'url2', ...];
//
var parsePhotos = function(data) {
if ($.browser.msie) {
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.loadXML(data);
for (var i=0;i < xmlDoc.childNodes.length;i++) {
var node = xmlDoc.childNodes[i];
if (node.baseName == 'slideshow') {
for (var i=0;i < node.childNodes.length;i++) {
var slide = node.childNodes[i];
var s = [];
for (var j=0;j < slide.childNodes.length;j++) {
var img = slide.childNodes[j];
var url = '';
for (var k=0;k < img.attributes.length;k++) {
var attr = img.attributes[k];
if (attr.name == 'url') url = attr.value;
}
s.push(url);
}
slides.push(s);
}
}
}
} else {
$(data).children().each(function(){
var s = [];
$(this).children().each(function(){s.push($(this).attr('url'));});
slides.push(s);
});
}
}
//
// Load XML
//
return this.each(function(){
container = $(this);
slideSettings = settings;
$.ajax({
url: settings.siteRoot + settings.infoXML,
dataType: ($.browser.msie) ? "text" : "text/xml",
success: function(data){
parseProducts(data);
ajaxDone();
}
});
$.ajax({
url: settings.siteRoot + settings.photosXML,
dataType: ($.browser.msie) ? "text" : "text/xml",
success: function(data){
parsePhotos(data);
ajaxDone();
}
});
});
}
$(window).load(function(){
//$('#loadingMask').fadeOut('slow', function() {
setTimeout("beginSlides()", slideSettings.introTime)
//loadCount = $('#loadingSlides').children().length;
//$('#loadingSlides').css({width: loadCount * panelWidth});
//loadTimer = setTimeout("slideLoader(0)", slideSettings.introTime);
});
var beginSlides = function() {
$('#loadingContainer').fadeOut('slow', function() {
startSlideFade(0);
return;
});
}
var slideLoader = function(i) {
clearTimeout(loadTimer);
if (i < loadCount) {
$('#loadingSlides').animate({left: -panelWidth * (i+1)}, slideSettings.easeTime, function() {
if (i >= loadCount) {
$('#loadingContainer').hide();
startSlideFade(0);
return;
}
});
i++;
loadTimer = setTimeout("slideLoader("+i+")", slideSettings.introTime);
}
}
var startMask = function(i) {
if (i < 0 || i > 2) return;
d = new Date();
startTime = d.getTime();
totalTime = (slideCount * (slideSettings.photoDelay + slideSettings.easeTime)) - slideSettings.easeTime;
$('#timer_'+i+' .timerMask').css({left: 0});
maskTimer = setTimeout('updateMask('+i+')', 25);
}
var updateMask = function(i) {
if (i < 0 || i > 2) return;
d = new Date();
currentTime = d.getTime();
timeDiff = currentTime - startTime;
var leftOffset = timeDiff / totalTime * 320;
$('#timer_'+i+' .timerMask').css({left: leftOffset});
maskTimer = setTimeout('updateMask('+i+')', 25); // 1000 ms / 40 fps = 25ms
}
var clearMasks = function() {
clearTimeout(maskTimer);
$('.timerMask').animate({left: 0}, slideSettings.easeTime, slideSettings.easeFunc);
}
var nextSlide = function() {
if (currentSlide == 2) changeSlide(0);
else changeSlide(currentSlide+1);
}
var changeSlide = function(i) {
if (i == currentSlide || i < 0 || i > 2) return;
clearMasks();
clearTimeout(fadeTimer);
currentSlide = i;
$('.slideImage_'+i).not('#slideImage_'+i+'_0').hide();
var w = - (panelWidth * i);
$("div#panelContainer").animate({left: w}, slideSettings.easeTime, slideSettings.easeFunc, function() {startSlideFade(i);});
$("div#infoContainer").animate({right: w}, slideSettings.easeTime, slideSettings.easeFunc);
}
var startSlideFade = function(i) {
clearTimeout(fadeTimer);
slideCount = $('.slideImage_'+i).length;
startMask(i);
currentSlide = i;
currentPhoto = 0;
$('.slideImage_'+i).removeClass('hidden').not('#slideImage_'+i+'_0').hide();
fadeTimer = setTimeout("fadeNextPhoto()", slideSettings.photoDelay);
}
var fadeNextPhoto = function() {
clearTimeout(fadeTimer);
currentPhoto++;
if (currentPhoto == slideCount) {nextSlide(); return;}
$('#slideImage_'+currentSlide+'_'+currentPhoto).fadeIn(slideSettings.easeTime, function(){
fadeTimer = setTimeout("fadeNextPhoto()", slideSettings.photoDelay);
});
}
...
