var cancel_sub = false; var fix_img = ""; var fix_position = ""; var sub_timeout = ""; var successfully_cancelled = false; function bg_selection(current_position) { var bg_array = new Array("/images/page/large_380.jpg","/images/page/large_381.jpg","/images/page/large_382.jpg","/images/page/large_383.jpg","/images/page/large_384.jpg","/images/page/large_385.jpg","/images/page/large_386.jpg","/images/page/large_387.jpg","/images/page/large_388.jpg"); var alts_array = new Array("","","","","","","","",""); var titles_array = new Array("","","","","","","","",""); if(current_position == null) { current_position = -1; } //get the total number of bgs var array_len = bg_array.length; // alert(array_len); current_position++; if(current_position >= array_len) { current_position = 0; } //alert(current_position); var return_array = new Array(); return_array["current_position"] = current_position; return_array["image_name"] = bg_array[current_position]; return_array["image_alt"] = alts_array[current_position]; return_array["image_title"] = titles_array[current_position]; return return_array; } function cancel_substitutions(fix_img_int, fix_pos_int) { cancel_sub = true; fix_img = fix_img_int; fix_position = fix_pos_int; sub_timeout = ""; window.clearTimeout(sub_timeout); } function substitute(backgroundImagePath, current_position, current_z_index, backgroundOverlay_remove, alt, title) { if(!cancel_sub) { if(backgroundImagePath == "") { current_array = bg_selection(current_position); substitute(current_array["image_name"], current_array["current_position"], current_z_index, null, current_array["image_alt"], current_array["image_title"]); //break; } else { current_z_index++; var imageUrl = 'url(' + backgroundImagePath + ') center 0px no-repeat'; //alert(imageUrl ); var backgroundOverlay = $('background-overlay_' + current_position); if(backgroundOverlay != null) { backgroundOverlay.setStyle('background', imageUrl); } else { try { tmp_height = $('inner_container').getHeight(); } catch(err) { tmp_height = "3036"; } backgroundOverlay = new Element('div', { 'id': 'background-overlay_' + current_position, 'style': 'background: ' + imageUrl + '; z-index: '+current_z_index+'; position: absolute; left:0px; top:0px; width: 100%; height:'+tmp_height+'px;' }); backgroundOverlay.setOpacity(0); var outerContainer = $('container'); Element.insert($('container'), {'before':backgroundOverlay} ); new Effect.Fade($('info_bar_left'), { duration: 0.5, afterFinish: function() { $('info_bar_left').innerHTML = ""; } }); new Effect.Fade($('info_bar_right'), { duration: 0.5, afterFinish: function() { $('info_bar_right').innerHTML = ""; } }); new Effect.Morph($('js_image_gallery_info_bar'), { style: 'opacity:0.0;filter:alpha(opacity=0)', duration: 0.5 }); new Effect.Appear(backgroundOverlay, { duration: 3.0, afterFinish: function() { //$('info_bar_left').innerHTML = "Test"; //$('info_bar_right').innerHTML = "Test2"; var stylebg = backgroundOverlay.getStyle('background-image'); if(backgroundOverlay_remove != null) { backgroundOverlay_remove.remove(); var zminus = backgroundOverlay.getStyle('zIndex') - 1; backgroundOverlay.setStyle({zIndex: zminus}); } current_array = bg_selection(current_position); $('info_bar_left').innerHTML = alt; $('info_bar_right').innerHTML = title; new Effect.Morph($('js_image_gallery_info_bar'), { style: 'opacity:1.0;filter:alpha(opacity=100)', duration: 0.5, afterFinish: function() { new Effect.Appear($('info_bar_left'), { duration: 0.5 }); new Effect.Appear($('info_bar_right'), { duration: 0.5 }); } }); //alert(current_array["image_alt"] + ' ' + current_array["image_title"]); sub_timeout = function() { substitute(current_array["image_name"], current_array["current_position"], backgroundOverlay.getStyle('z-index'), backgroundOverlay, current_array["image_alt"], current_array["image_title"]); } sub_timeout.delay(3); } } ); } } } else { sub_timeout = ""; cancel_sub = false; sub_timeout = function() { tmp = bg_selection(fix_position - 1); substitute(fix_img, fix_position, current_z_index, backgroundOverlay_remove, tmp["image_alt"], tmp["image_title"]); }; sub_timeout.delay(0); } }