Question : Load flash element first in page?

Hi there,

I'm trying to make flash one of the first elements to load in my page. I'm using swfobject to switch flash content with javascript.

The problem: It's taking too long for the gallery to fully load.

Any thoughts?

Site: http://www.impact-photo.org/portfolio/wedding.html



1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!-- InstanceBegin template="/Templates/portfoliotemplate.dwt" codeOutsideHTMLIsLocked="false" --><head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Impact Photo - Portrait</title>
<!-- InstanceEndEditable -->



<meta http-equiv="content-type" content="text/html; charset=utf-8" />


<!-- start general styling -->
<link href="../CSS/newglobal.css" rel="stylesheet" type="text/css" />
<link href="../CSS/dropdownmenu.css" rel="stylesheet" type="text/css" />

<!-- end general styling -->








<!-- InstanceBeginEditable name="head" -->
   
  <script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
   var flashvars = {}
   var params = { 
      base: ".",
	  allowfullscreen: "true",
	  	  wmode: "opaque"

	     }              
   var attributes = {}
   swfobject.embedSWF("swfgal/preloader.swf", "portgallery", "840", "720", "9.0.0", false, flashvars, params, attributes);
      swfobject.createCSS("#portgallery","outline:none"); 
</script>

<!-- InstanceEndEditable --><!-- InstanceParam name="id" type="text" value="content" -->

 
<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>



	<!-- start contact thickbox -->
<link type="text/css" media="screen" rel="stylesheet" href="http://www.impact-photo.org/CSS/colorbox.css" />
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script src="http://www.impact-photo.org/colorbox/jquery.colorbox.js"></script>
		
        
        
        <script type="text/javascript">
			$(function()
				{
					$('.colorbox').colorbox({width:"675px", height:"475px", iframe:true});
				}
			);
		</script>

        
<!-- end contact thickbox -->



<!-- start sliding gallery portfolio -->

<link href="stylesheet" type="text/css" href="../CSS/view.css" media="all">
<!-- end sliding gallery portfolio -->

 



<!-- start google tracking -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10089811-3");
pageTracker._trackPageview();
} catch(err) {}</script>
<!-- end google tracking -->

</head> 

 <BODY onload="init()">
<div id="loading" style="position:absolute; width:100%; text-align:right; top:0; right:0"><img src="../images/loading2.gif" border=0></div>
<script>
var ld=(document.all);

var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;

if (ns4)
	ld=document.loading;
else if (ns6)
	ld=document.getElementById("loading").style;
else if (ie4)
	ld=document.all.loading.style;

function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script> 

<div id="header">
    <div id="blogheader"><a href="../index.html"><img src="../images/impactlogo.gif" alt="" width="185" height="160" border="0"/></a></div>  
<div id="dropdownmenu">
<ul id="nav">

	<li><a href="http://www.impact-photo.org/portfolio/wedding.html">Portfolio</a>
		<ul>
			<li><a href="http://www.impact-photo.org/portfolio/wedding.html">Weddings</a>
			</li>
			<li><a href="http://www.impact-photo.org/portfolio/portrait.html">Portrait</a>
			</li>
			<li><a href="http://www.impact-photo.org/portfolio/journalism.html">Journalism</a>
			</li>
            
			<li><a href="http://www.impact-photo.org/portfolio/commercial.html">Commercial</a>
			</li>
            
			<li><a href="http://www.impact-photo.org/portfolio/oilwax.html">Projects &rarr; </a>
				<ul>
					<li><a href="http://www.impact-photo.org/portfolio/newlandscape.html">New Landscapes</a></li>
					<li><a href="http://www.impact-photo.org/portfolio/oilwax.html">Oil and Wax</a></li>
			  </ul>

		  </li>

	  </ul>
	</li>

	<li><a href="http://www.impact-photo.org/about.html">About</a>
	</li>


	<li><a href="http://www.impact-photo.org/clients.html">Clients</a>
	</li>
    
    <li><a class='colorbox' href="http://impact-photo.org/contact.html">Contact</a>
	</li>
    
	<li><a href="http://www.impact-photo.org/photojournal">Blogs</a>
		<ul>
			<li><a href="http://www.impact-photo.org/photoblog">Photo Blog </a></li>

			<li><a href="http://www.impact-photo.org/journal"> Journal</a></li>
			
		</ul>
	</li>

</ul>

  
 
 


  
</div>
</div>
 
<div id="centermaincontent"> 
  <div id="portgallery"><!-- InstanceBeginEditable name="EditRegion3" -->
   

   
    <link rel="stylesheet" href="../CSS/style.css" type="text/css" media="screen" />


	<script src="../js/jquery-easing.1.2.pack.js" type="text/javascript"></script>

	<script src="../js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
	<script src="../js/coda-slider.1.1.1.js" type="text/javascript"></script>
	<script src="../js/swfobject.js" type="text/javascript"></script>
	<script type="text/javascript">
		jQuery(window).bind("load", function() {
			jQuery("div#mid").codaSlider()
		});
	</script>
    <div id="portwrapper">
  <div id="mid" class="index">
    
    <!-- Start slider -->
    <div class="stripViewer">
      <div class="panelContainer">
      
      
          
        
               <div class="panel" id="save" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/20090927-IMG_0307-Edit.jpg"  />
          </div>
          </div>
      
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/rings.jpg"  />
          </div>
          </div>
      
                            <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/veil.jpg"  />
          </div>
          </div>
      
          
                   <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/patkis.jpg"  />
          </div>
          </div>
      
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/behindflowers.jpg"  />
          </div>
          </div>
      
      
     
         
      
           <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/knuck.jpg" />
          </div>
          </div>
      
      
           <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/bible.jpg" />
          </div>
          </div>
          
          
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/makeup.jpg"  />
          </div>
          </div>
          
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/bows.jpg"  />
          </div>
          </div>
          
          
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/ready.jpg" />
          </div>
          </div>
          
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/button.jpg"  />
          </div>
          </div>
          
          
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/kiss.jpg" />
          </div>
          </div>
          
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/wine.jpg" />
          </div>
          </div>
          
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/cake.jpg"  />
          </div>
          </div>
          
          
               <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/pose.jpg"  />
          </div>
          </div>
          
            
                       <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/beck.jpg"  />
          </div>
          </div>
          
            
              <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/groomsfun.jpg"  />
          </div>
          </div>
            
            
              <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/bridesfun.jpg"  />
          </div>
          </div>
            
            
            
              <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/candles.jpg"  />
          </div>
          </div>
            
            
            
              <div class="panel" id="post-37" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/hug.jpg" />
          </div>
          </div>
            
            
            
                       <div class="panel" id="holdren" title="Behind the scenes">
          <div class="wrapper"><img src="../images/Portfolio/wedding/holdren.jpg" />
          </div>
          </div>
           
          
      
      
        </div><!-- .panelContainer -->
      </div><!--.stripViewer -->
    
    
    
  </div><!-- .mid -->
  <div class="stripNavR" id="stripNavR0"><a href="#"><img src="../images/right.png" alt="Right" /></a></div>

	<div class="stripNavL" id="stripNavL0"><a href="#"><img src="../images/left.png" alt="Left" /></a></div>
    
    </div>

   


<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="../CSS/style.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable --> </div>
 </div>
    <div id="pricing"><!-- InstanceBeginEditable name="textbelowgallery" -->
    <h1>Why choose Impact for your wedding?</h1><h4>We put the focus  on you.</h4><br />
   You can enjoy your wedding knowing that every detail will be saved for years to come. We're proud of our  award winning photographers, and know they will preserve your day just as you want.
<br />
We also know that your wedding will be unique, and one photo package dosen't fit all - give us a call and we'll create a package that fits you, and your wedding budget <em>perfectly</em>. <br/>
   <br />
<h2>Example wedding package</h2>
<ul>

<li>Engagement photos session with 15+ images and your favorite printed to 12&quot; x 18&quot; </li><br />
<li>        Journalistic coverage of the entire wedding preperation, ceremony, and reception </li><br />
<li>        A wedding party studio portrait session </li><br />
<li>        Creative re-touching/photoshopping of all photos</li><br />
<li>        DVD with  all high resolution  photos from the event </li><br />
 <li>       11&quot; x 13&quot; hard-bound Photo album, or equivilant photo print credit to make your own album</li><br />
    <li>    Custom website for 2 years where family can purchase prints of your photos</li><br /></ul>
<br />
    <em> Small event (less than 30 guests) $1,800<br />
Full event  (30+ guests)</em><em> $2,450</em></p>
<p><em>Above prices are  for reference, you tell us what you want in a wedding, and we'll set the perfect price for <strong>you</strong>.<br />
  <br />
  
</em></p>
<h2>Wedding Package Details</h2>
  <strong>Engagement photos</strong>
<p>Before the wedding we meet up at a  location of your choice and create beautiful wedding engagment photos. At the end of the shoot we'll send you 15+ images and let you pick one for us to print at 12&quot; by 18&quot;.<br/>
  <br />
  <strong>Journalistic coverage of the ceremony and reception</strong>
 Our photographers are pro-photo journalists; we take pictures without intrusion. We’re quiet and out of the way, but capture every detail as it unfolds.
  <br /><br />
  <strong>A wedding party studio session</strong>
 After the ceremony, we gather the whole wedding party for a group photo studio session. There’s no limit to who’s in the photo or how many pictures you want, we get everyone! 
  <br /><br />
  <strong>Creative re-touching of photos</strong>
Many of your pictures will speak out, and our photoshop skills will kick in. Not just black and white pictures with a red rose… we push your photos up a level with true inspiration and creativity. 
  <br /><br />
  <strong>DVD with all photos</strong>
After we process all the photos from the event, we send you high resolution copies straight from our darkroom with full rights to print as you want.<br />
  <br />
  <strong>Custom set of prints</strong>
When all the pictures are done, we meet up and assemble a comprehensive set of prints, tailored to your needs. Our printing capabilities are extreme; from wallets to large canvas prints, you get what you want. <br /><br />
  <strong>Photo album</strong>
 We take the event photos and assemble a hard bound photo album to cherish for years to come. What’s more, friends and family can order aditional copies  for their bookshelf. The perfect gift.<br /><br />
  <strong>Website</strong>
All the pictures are put online. Friends, family and anyone you want can purchase prints or downloads from a custom photo gallery. 

  <h4 align="center">How do you want to remember your wedding?</h4>

  <!-- InstanceEndEditable --></div>



<div id="footer">

<div class="photoblogfeed">
<a href="http://www.impact-photo.org/photoblog" >Recent posts from our Photo Blog</a><br />
<!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="http://impact-photo.org/photoblog/?feed=rss";
rssmikle_frame_width="200";
rssmikle_frame_height="600";
rssmikle_target="_blank";
rssmikle_font_size="12";
rssmikle_border="off";
rssmikle_css_url="";
rssmikle_title="off";
rssmikle_title_bgcolor="#0066FF";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="http://";
rssmikle_item_bgcolor="#FFFFFF";
rssmikle_item_bgimage="http://";
rssmikle_item_title_length="20";
rssmikle_item_title_color="#666666";
rssmikle_item_border_bottom="off";
rssmikle_item_description="on";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_description_tag="on";
rssmikle_item_podcast="off";
//-->
</script>
<script type="text/javascript" src="../Scripts/feed.js"></script>

</div>



<div class="photoblogfeed">

 <b> Outstanding photos - for you. </b>
<br /><br />
 Let <b>Impact</b> know about your ideal photo shoot, and <b> we'll make it happen. </b>
			<br />

<form method="post" action="http://www.impact-photo.org/contactenginefooter.php">
				<br />
<label for="Name">Name:</label>
				<input type="text" name="Name" id="Name" /><br /><br />
				
			<label for="City">Phone:</label>
				<input type="text" name="City" id="City" /><br /><br />
	
				<label for="Email">Email:</label>
				<input type="text" name="Email" id="Email" /><br /><br />
				
				<label for="Message">Message:</label><br />
				<textarea name="Message" rows="15" cols="30" id="Message"></textarea><br /><br /><br />

				<input type="submit" name="submit" value="Submit" class="submit-button" /><br /><br />
  </form>
</div>


<div class="photoblogfeed">
<a href="http://www.impact-photo.org/journal">Recent posts from our journal</a><br />
<!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="http://impact-photo.org/journal/?feed=rss";
rssmikle_frame_width="200";
rssmikle_frame_height="600";
rssmikle_target="_blank";
rssmikle_font_size="12";
rssmikle_border="off";
rssmikle_css_url="";
rssmikle_title="off";
rssmikle_title_bgcolor="#0066FF";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="http://";
rssmikle_item_bgcolor="#FFFFFF";
rssmikle_item_bgimage="http://";
rssmikle_item_title_length="20";
rssmikle_item_title_color="#666666";
rssmikle_item_border_bottom="off";
rssmikle_item_description="on";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_description_tag="on";
rssmikle_item_podcast="off";
//-->
</script>
<script type="text/javascript" src="../Scripts/feed.js"></script>
</div>
</div>





<div id="socialnetworksurrounding">
<div id="socialnetwork">

<div id="twitterlink"> <a href="http://www.twitter.com/impactphoto"> What Impact Photo is saying <br />
on twitter: </a></div>

<div id="socialicons">

<a href="http://www.twitter.com/impactphoto" class="socialicon"><img src="../images/twitter/twittericon.gif" alt="Twitter" border="0" /></a>
<a href="http://delicious.com/impactphoto" class="socialicon"><img src="../images/twitter/deliciousicon.gif" alt="Delicious" border="0" /></a>
<a href="http://www.facebook.com/pages/Fort-Collins-CO/Impact-Photo/324776696576?v=wall&vm=all" class="socialicon"><img src="../images/twitter/facebookicon.gif" alt="Twitter" border="0" /></a>
<a href="http://www.flickr.com/photos/christopher_schall/" class="socialicon"><img src="../images/twitter/flickricon.gif" alt="Flickr" border="0" /></a>
See what we're up to on the web :&nbsp &nbsp
</div>

</div>
<div id="twitter_div">
                         
	<ul id="twitter_update_list">
	
	</ul>
 </div>
	
   

    
</div>


	
<div id="footernav">
<ul id="bottomnav">

	<li><a href="http://www.impact-photo.org/portfolio/wedding.html">Portfolio</a>
		
	</li>

	<li><a href="http://www.impact-photo.org/about.html">About</a>
	</li>


	<li><a href="http://www.impact-photo.org/clients.html">Clients</a>
	</li>
    
    <li><a class='colorbox' href="http://impact-photo.org/contact.html">Contact</a>
	</li>
    <li><a href="http://impact-photo.org/photoblog">Photo blog</a>
	</li>
    
  <li><a href="http://impact-photo.org/journal">Journal</a>
	</li>
 </ul>
</div>
  

 
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
     
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/ImpactPhoto.json?callback=twitterCallback2&amp;count=1"></script>
</body>
<!-- InstanceEnd -->

Answer : Load flash element first in page?

I would also look at the number of files and the file size.  Many of your images are 60 - 80k and a good handful are 100 to 200k each.   What happens with these galleries is you are really loading all the images at once even though you may physically only see 1 at a time.

Example, this photo http://impact.slideshowpro.com/albums/013/950/album-98705/cache/670623467_holdren_wedding-68.sjpg_840_540_0_80_1_50_50.sjpg?1267805077  is showing up as over 200K and you can get it down to 45K to 75k with very little loss.  Save your high res high quality images for when you are only showing one image at a time.  I mean loading one image at a time.
Random Solutions  
 
programming4us programming4us