[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

7.7

XHTML page with Spry won't validate

Asked by CJ74 in Scripting Languages, Web Languages/Standards, WebApplications

Tags: spry, javascript, xhmtl, photo gallery

Hi again, I had good responses to my last question, so I'm posting again. I am validating a website and have all the pages validated except the page with the photo gallery. When I try to validate with the w3.org validator all the error messages I get are related to the various "spry:-----" not being valid attribute....I will post the entire code for the page...any assistance or guidance would be greatly appreciated.
THANKS!
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:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:
637:
638:
639:
640:
641:
642:
643:
644:
645:
646:
647:
648:
649:
650:
651:
652:
653:
654:
655:
656:
657:
658:
659:
660:
661:
662:
663:
664:
665:
666:
667:
668:
669:
670:
671:
672:
673:
674:
675:
676:
677:
678:
679:
680:
681:
682:
683:
684:
685:
686:
687:
688:
689:
690:
691:
692:
693:
694:
695:
696:
697:
698:
699:
700:
701:
702:
703:
704:
705:
706:
707:
708:
709:
710:
711:
712:
713:
714:
715:
716:
717:
718:
719:
720:
721:
722:
723:
724:
725:
726:
727:
728:
729:
730:
731:
732:
733:
734:
735:
736:
737:
738:
739:
740:
741:
742:
743:
744:
745:
746:
747:
748:
749:
750:
751:
752:
753:
754:
755:
756:
757:
758:
759:
760:
761:
762:
763:
764:
765:
766:
767:
768:
769:
770:
771:
772:
773:
774:
775:
776:
777:
778:
779:
780:
781:
782:
783:
784:
785:
786:
787:
788:
789:
790:
791:
792:
793:
794:
795:
796:
797:
798:
799:
800:
801:
802:
803:
804:
805:
806:
807:
808:
809:
810:
811:
812:
813:
814:
815:
816:
817:
818:
819:
820:
821:
822:
823:
824:
825:
826:
827:
828:
829:
830:
831:
832:
833:
834:
835:
836:
837:
838:
839:
840:
841:
842:
843:
844:
845:
846:
847:
848:
849:
850:
851:
852:
853:
854:
855:
856:
857:
858:
859:
860:
861:
862:
863:
864:
865:
866:
867:
868:
869:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry/">
 
<!-- #BeginTemplate "Templates/template.dwt" -->
 
<head>
<!-- #BeginEditable "meta" -->
<title>Photo Gallery</title>
<meta name="Keywords" content="Houston Catering,Houston Caterers,Catering in Houston,Houston Reception Caterers,Reception Caterers in Houston,Corporate Caterers in Houston,Catering for Weddings in Houston,Houston Catering Weddings, Quinceanera Catering in Houston, Houston Quinceanera Catering, Quinceanera Catering Houston, Wedding Catering in Houston,Houston Catering for Weddings,Houston Wedding Catering,Houston Weddings,Houston Wedding,Houston Quinceanera,Quinceanera in Houston,Quinceaneras in Houston,Weddings in Houston" />
<meta name="Description" content="Catering in Houston for any occasion" />
 
<link href="Site/styles/alternate1.css" rel="stylesheet" type="text/css" />
<link href="Site/gallery/scripts/styles.css" rel="stylesheet" type="text/css" />
 
 
<!-- #EndEditable -->
 
<!-- language content -->
<meta name="language" content="en-US" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 
<!-- shared style sheets -->
<link href="Site/styles/template.css" rel="stylesheet" type="text/css" />
<link href="Site/styles/content.css" rel="stylesheet" type="text/css" />
<link href="Site/styles/menu.css" rel="stylesheet" type="text/css" />
<link href="Site/styles/fonts.css" rel="stylesheet" type="text/css" />
 
<!-- alternate style -->
<!-- #BeginEditable "template style" -->
<!-- #EndEditable -->
 
<!-- IE6 style -->
<!--[if IE 6]>
<link href="Site/styles/ie6-template.css" rel="stylesheet" type="text/css" />
<![endif]-->
 
<!-- #BeginEditable "flash_variables" -->
<script type="text/javascript">
//<![CDATA[
// if this page is in:
//   the root folder, then set this variable to ./
//   a sub folder one level deep, then set this variable to ../
//   a sub folder two levels deep, then set this variable to ../../
var rootFlashLocation = "./";
 
// define the "themed" image
// define the "themed" image
var imgURL          = "Site/themed_images/template_header_left.jpg";
var imgURL2         = "Site/themed_images/template_header_right.jpg";
 //]]>
</script>
 
<script type="text/javascript" src="Site/gallery/scripts/xpath.js"></script>
<script type="text/javascript" src="Site/gallery/scripts/SpryData.js"></script>
<script type="text/javascript" src="Site/gallery/scripts/SpryEffects.js"></script>
<script type="text/javascript">
//<![CDATA[ 
var dsAlbumBook = new Spry.Data.XMLDataSet("Site/gallery/slideshow.xml", "/AlbumBook");
var dsAlbums = new Spry.Data.XMLDataSet("Site/gallery/slideshow.xml", "/AlbumBook/Album");
var dsSlides = new Spry.Data.XMLDataSet("Site/gallery/slideshow.xml", "/AlbumBook/Album[@path = '{dsAlbums::@path}']/Slide");
 //]]>
</script>
<script src="Site/gallery/scripts/gallery.js"  type="text/javascript"></script>
 
 
 
<!-- #EndEditable -->
 
<!-- javascript files -->
<script type="text/javascript" src="Site/javascript/special_functions.js"></script>
<script type="text/javascript" src="Site/javascript/menu.js"></script>
<script type="text/javascript">AC_FL_RunContent = 0; </script>
<script type="text/javascript">DetectFlashVer = 0; </script>
<script type="text/javascript" src="Site/javascript/AC_RunActiveContent.js"></script>
<script type="text/javascript">
//<![CDATA[
<!--
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Revision of Flash required
var requiredRevision = 0;
// -->
 //]]>
</script>
 
<script type="text/javascript" src="Site/javascript/jquery-1.2.2.pack.js"></script>
<script type="text/javascript" src="Site/javascript/ddaccordion.js">
//<![CDATA[
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
 //]]>
</script>
 
<script type="text/javascript">
//<![CDATA[
ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='Site/graphics/menu/plus.gif' class='statusicon' />", "<img src='Site/graphics/menu/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "normal" //speed of animation: "fast", "normal", or "slow"
})
 //]]>
</script>
<!-- IE6 png fix -->
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="Site/javascript/pngfix.js"></script>
<![endif]-->
 
</head>
 
<body>
<div id="main" style="width:100%">
<!--SEO H1 -->
<div id="seo_1" style="top: 35px; position:absolute; width:900px; z-index:200; text-align:left; left: 50px;">
<!-- #BeginEditable "seo_h1" -->
<div class="style101"><h1><font face="Papyrus" size="3">Catering in Houston can 
	be a lot of fun..... Choose your caterer wisely.</font></h1></div>
<!-- #EndEditable -->
</div>
<!--SEO H2 -->
<div id="seo_2" style="top: 290px; position:absolute; width:500px; z-index:200; text-align:left; left: 80px;">
<!-- #BeginEditable "seo_h2" -->
<div class="style102"><h2><font face="Monotype Corsiva" size="3">Some samples of 
	Catering Events in Houston</font></h2></div>
<!-- #EndEditable -->
</div>
 
<table id="outer_wrapper" style="width: 100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td class="top1">&nbsp;</td>
		<td class="top2">
		<table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td class="top2_left">&nbsp;</td>
				<td class="top2_center">&nbsp;</td>
				<td class="top2_right">&nbsp;</td>
			</tr>
		</table>
		</td>
		<td class="top3">&nbsp;</td>
	</tr>
	<tr>
		<td class="center1"><div class="center1_top">&nbsp;</div></td>
		<td class="center2">
<!-- /header -->		
		<div id="header">
	<div class="header2">
		<div class="header3">
			<div class="header1">
				<div class="header_wrapper">
<!--header image-->
<div id="header_image" style="left: 0px; top: 0px; position:absolute;">
<script type="text/javascript">
//<![CDATA[
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '400',
			'height', '210',
			'src', rootFlashLocation + 'Site/flash/header_left_bg',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'transparent',
			'devicefont', 'false',
			'id', 'header_left_bg',
			'bgcolor', '#ffffff',
			'name', 'header_left_bg',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', rootFlashLocation + 'Site/flash/header_left_bg',
			'salign', '', 
			'FlashVars', 'imgURL=' + rootFlashLocation + imgURL
			); //end AC code
	}
	 //]]>
</script>
<noscript>
<div>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="210" id="header_left_bg">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="Site/flash/header_left_bg.swf" />
	<param name="src" value="Site/flash/header_left_bg.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="base" value="Site/flash/" />
	  <!--[if !IE]-->       
      <object type="application/x-shockwave-flash" data="Site/flash/header_left_bg.swf" width="400" height="210">
	    <param name="quality" value="high" />
	    <param name="allowScriptAccess" value="sameDomain" />
	    <param name="allowFullScreen" value="false" />
	    <param name="wmode" value="transparent" />
	    <param name="base" value="Site/flash/" />
        <!--[endif]-->          
      <!--[if !IE]-->       
      </object>        
      <!--[endif]-->      	 
	</object>
  </div>
</noscript>	
</div>
<!--header image-->
<div id="header_image2" style="right: 15px; top: -9px; position:absolute;">
<script type="text/javascript">
 //<![CDATA[
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '400',
			'height', '230',
			'src', rootFlashLocation + 'Site/flash/header_right_bg',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'transparent',
			'devicefont', 'false',
			'id', 'header_right_bg',
			'bgcolor', '#ffffff',
			'name', 'header_right_bg',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', rootFlashLocation + 'Site/flash/header_right_bg',
			'salign', '', 
			'FlashVars', 'imgURL2=' + rootFlashLocation + imgURL2
			); //end AC code
	}
	//]]>
</script>
<noscript>
<div>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="230" id="header_right_bg">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="Site/flash/header_right_bg.swf" />
	<param name="src" value="Site/flash/header_right_bg.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="base" value="Site/flash/" />
	  <!--[if !IE]-->       
      <object type="application/x-shockwave-flash" data="Site/flash/header_right_bg.swf" width="400" height="230">
	    <param name="quality" value="high" />
	    <param name="allowScriptAccess" value="sameDomain" />
	    <param name="allowFullScreen" value="false" />
	    <param name="wmode" value="transparent" />
	    <param name="base" value="Site/flash/" />
        <!--[endif]-->          
      <!--[if !IE]-->       
      </object>        
      <!--[endif]-->      	 
	</object>
  </div>
</noscript>	
</div>
 
<!--themed image-->
<div id="themed_image" style="left: 240px; top: -30px; position:absolute; height: 131px;">
<!-- #BeginEditable "themed_image" -->
<!--webbot bot="Include" U-Include="Library/themed_image.htm" TAG="BODY" startspan -->
 
<!--webbot bot="Include" i-checksum="96" endspan --><!-- #EndEditable --></div>
 
<!--logo-->
<div id="logo" style="text-align:left; position:absolute; left:45px; top:25px;">
<!--webbot bot="Include" U-Include="Library/logo.htm" TAG="BODY" startspan --> 
 
<!-- for text logo - remove this line
 
<div class="logo">  Website Name  </div> 
 
for text logo - remove this line -->
<img src="Site/logo/logo.png" width="162" height="189" alt="logo" />
 
 
<!--webbot bot="Include" i-checksum="42486" endspan --></div>
 
<!-- dropmenu -->
<div id="dropmenu" style="right: 6px; top: -70px; position:absolute">
<!--webbot bot="Include" U-Include="Library/drop_menu.htm" TAG="BODY" startspan -->
<div id="slidemenu" class="style104">
<ul>
 
<!--1st section: THESE IS THE MAIN MENU BUTTONS -->
 
<li><a href="index.htm" 					title="Home"><span>Home</span></a></li>
<li><a href="alta.htm" 				title="Catalog" rel="dropmenu2_c"><span>Menus</span></a></li>
<li><a href="services.htm" 				title="Services" rel="dropmenu1_c"><span>Services</span></a></li>
<li><a href="quote.htm" 				title="Get a Quote"><span>Get a Quote</span></a></li>
<li><a href="photo_gallery.htm" 			title="Photo Gallery"><span>Photos</span></a></li>
<li><a href="$_alternate1.htm"	title="Optional Pages" rel="dropmenu3_c"><span>Events</span></a></li>
 
<!--END MAIN BUTTONS -->
</ul>
</div>
 
<br style="clear: left;" /><br class="IEonlybr" />
 
<!--2nd section: THESE IS THE SUB MENU BUTTONS -->
 
<!--1st sub menu -->                                                   
<div id="dropmenu2_c" class="style105" style="width:150px">
 
<a href="corpb.htm" 	title="Item 1">Corporate Breakfast</a>
<a href="corpl.htm" 	title="Item 2">Corporate Lunch</a>
<a href="horsc.htm" 	title="Item 3">Hors D' Oeuvres A la Carte</a>
<a href="horsp.htm" 	title="Item 4">Hors D' Oeuvres Packages</a>
<a href="italian.htm" 	title="Item 5">Italian Menus</a>
<a href="casual.htm" 	title="Item 6">Casual Menu</a>
<a href="alta.htm" 	title="Item 6">Alta Menu</a>
<a href="elite.htm" 	title="Item 6">Elite Menu</a>
<a href="sides.htm" 	title="Item 6">Side Choices</a>
</div>
 
<!--2nd sub menu -->                                                   
<div id="dropmenu1_c" class="style105" style="width:150px">
 
<a href="services.htm" 			title="Silver">Service Types</a> 
<a href="details.htm" 				title="Gold">Event Details</a>
<a href="terms.htm" 			title="Platinum">Terms</a>
</div>
 
<!--3rd sub menu -->                                                   
<div id="dropmenu3_c" class="style105" style="width:133px">
 
<a href="$_alternate1.htm" 		title="Layout 1">Corporate Events</a>
<a href="$_alternate2.htm" 		title="Layout 2">Weddings</a>
<a href="$_alternate3.htm" 		title="Layout 3">Fundraisers</a>
<a href="$_alternate4.htm" 		title="Layout 4">Holiday Parties</a>
<a href="$_alternate5.htm" 		title="Layout 7">Outdoor Events</a>
<a href="$_alternate6.htm" 		title="Layout 7">Production Catering</a>
</div>
 
<!--4th sub menu -->                                                   
<div id="dropmenu4_c" class="style105" style="width:150px">
</div>
 
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("slidemenu", "auto")
</script>
 
<!--webbot bot="Include" i-checksum="6240" endspan --></div>
<!-- dropmenu end -->	
 
<!--search-->
<div id="search" style="left: 26px; top: -61px; position:absolute">
<!--webbot bot="Include" U-Include="Library/search.htm" TAG="BODY" startspan -->
 
<!-- Google CSE Search Box Begin222s -->
<script type="text/javascript">
 
// Google Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
 
//Enter domain of site to search.
var domainroot="www.mycateringcompany.com"
 
function Gsitesearch(curobj){
  
  if (domainroot == "www.mycateringcompany.com") {
    if (window.location.href.indexOf("http")) {
      alert("This search box is not yet set up -- to edit, go to the 'Library/search.htm' file and configure the domain root");
      return false;
    } else {
      domainroot = location.hostname;
    }
  } else {
  
    curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
  }
}
 
function submitSearchForm() {
  var myForm = document.getElementById("searchForm");
  
  if (Gsitesearch(myForm)) {
    myForm.submit();
  }
}
</script>
<form id="searchForm" action="http://www.google.com/search" method="get" onsubmit="return Gsitesearch(this)">
<div class="search-container"><input name="q" type="hidden" />
<input name="qfront"  class="searchbox" type="text" style="width: 128px" /> 
<a href="javascript:submitSearchForm()"><img alt="" class="search" src="Site/graphics/elements/search.png" /></a>
</div></form>
 
<!--webbot bot="Include" i-checksum="8540" endspan --></div>
 
<!--icons-->
<div id="icons" style="right: 20px; top: 229px; position:absolute; width:218px; height:17px;">
<!--webbot bot="Include" U-Include="Library/icons.htm" TAG="BODY" startspan -->
<div class="style103">
<a href="index.htm" class="icon1">HOME</a>
<a href="contact.htm" class="icon2">CONTACT</a>
<a href="sitemap.htm" class="icon3">SITEMAP</a>
</div>
<!--webbot bot="Include" i-checksum="34863" endspan --></div>
 
</div></div></div></div></div>
		
<!-- /header -->
<!-- content  -->
<div id="content"><div class="layout1c2"><div class="layout1c6"><div class="layout1c4"><div class="layout1c8"><div class="layout1c5"><div class="layout1c7"><div class="layout1c3"><div class="layout1c1">
 
<!-- content containers -->
<table class="content_wrapper" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td class="left_padding">&nbsp;</td>
				<td class="content1">
 
<div class="body1" style="width: 100%">				
<!-- #BeginEditable "body1" -->
 
<div class="menu_container" style="width: 100%; position:relative; z-index:5;">
<div class="m-heading"><span class="style102">Photo</span>
	<span class="style106">Controls</span></div>
 
<!--start contentg-->
	<div class="contentg_wrapper1">
		<div class="contentg_2">
		<div class="contentg_6">
		<div class="contentg_4">
		<div class="contentg_8">
		<div class="contentg_5">
		<div class="contentg_7">
		<div class="contentg_3">
		<div class="contentg_1">
		
		<div class="contentg_wrapper2">
		<!-- header -->
		<div class="contentg_h_wrapper"></div>
		<!-- content -->	
		<div class="contentg_c_wrapper">
 
<!-- thumbnails -->
<table style="width: 100%" border="0" cellpadding="15" cellspacing="0">
	<tr>
		<td><div id="previews">
    <div id="galleries" spry:detailregion="dsAlbums" spry:if="{ds_RowCount} &gt; 1"><div>
      <p class="descTitle">Select Album:</p>
      <select name="select" id="gallerySelect" onchange="dsAlbums.setCurrentRowNumber(this.selectedIndex);" 
      spry:repeatchildren="dsAlbums">
        <option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected">{@title}</option>
        <option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}">{@title}</option>
      </select>
      <p>&nbsp;</p>
      <p class="descTitle" spry:if="'{@description}' != ''">Album name:<span class="albumBookDesc" 
      spry:if="'{@description}' != ''">{@description}</span></p>
      <p>&nbsp;</p>
	  </div>
	  </div>
    <div id="controls">
      <ul id="transport">
        <li><a href="#" onclick="StopSlideShow(); AdvanceToNextImage(true);" title="Previous"> &lt;&lt;</a></li>
        <li class="pausebtn"><a href="#" onclick="if (gSlideShowOn) StopSlideShow(); else StartSlideShow();" title="Play/Pause" id="playLabel">Play</a></li>
        <li><a href="#" onclick="StopSlideShow(); AdvanceToNextImage();" title="Next">&gt;&gt; </a></li>
      </ul>
    </div>
    <div id="thumbnails" spry:region="dsSlides dsAlbums">
      <div spry:repeat="dsSlides" onclick="HandleThumbnailClick('{ds_RowID}');" onmouseover="GrowThumbnail(this.getElementsByTagName('img')[0], '{@thumbWidth}', '{@thumbHeight}');" onmouseout="ShrinkThumbnail(this.getElementsByTagName('img')[0]);"> <img id="tn{ds_RowID}" alt="thumbnail for {@src}" src="{dsAlbums::@path}/{@src}" width="24" height="24" style="left: 0px; right: 0px;" /> </div>
      <p class="ClearAll"></p>
    </div>
  </div></td>
	</tr>
</table>
 
 
	</div></div></div></div></div></div></div></div></div></div></div>
<!--end contentg-->
 
 
<div class="m-heading"><span class="style106">Main</span><span class="style107">Menu</span></div>
 
<!--webbot bot="Include" U-Include="Library/vertical_slidemenu.htm" TAG="BODY" startspan -->
  
  
<!-- menu  -->
<div class="glossymenu">
 
<!-- button 1 -->
<a class="style108" href="index.htm">Welcome</a>
 
<!-- button 2  -->
<a class="style108 submenuheader" href="alta.htm" >Menus</a>
<div class="submenu">
	<ul>
	<li><a href="corpb.htm">Corporate Breakfast</a></li>
	<li><a href="corpl.htm">Corporate Lunch</a></li>
	<li><a href="horsc.htm">Hors D' Oeuvres A la Carte</a></li>
	<li><a href="horsp.htm">Hors D' Oeuvres Packages</a></li>
	<li><a href="italian.htm">Italian Menus</a></li>
	<li><a href="casual.htm">Casual Menu</a></li>
	<li><a href="alta.htm">Alta Menu</a></li>
	<li><a href="elite.htm">Elite Menu</a></li>
	<li><a href="sides.htm">Side Choices</a></li>
	</ul>
</div>
 
<!-- button x -->
<a class="style108" href="quote.htm">Get a Quote</a>
 
 
<!-- button 3 with sub menu -->
<a class="style108" href="photo_gallery.htm">Photos</a>
<!-- button 4 with sub menu -->
<a class="style108 submenuheader" href="services.htm" >Services</a>
<div class="submenu">
	<ul>
	<li><a href="services.htm">Service Types</a></li>
	<li><a href="details.htm">Event Details</a></li>
	<li><a href="terms.htm">Terms</a></li>
	</ul>
</div>
 
<!-- button 4 with sub menu -->
<a class="style108 submenuheader" href="sitemap.htm" >Sitemap</a>
<div class="submenu">
	<ul>
	<li><a href="about.htm">Company Bio</a></li>
	<li><a href="contact.htm">Contact</a></li>
	<li><a href="index.htm">Home</a></li>
	<li><a href="photo_gallery.htm">Photos</a></li>
	<li><a href="privacy.htm">Our Experience</a></li>
	<li><a href="services.htm">Services</a></li>
	</ul>
</div>
 
<!-- button 5 with sub menu -->
<a class="style108" href="contact.htm" >Contact</a>
<!-- button 6 with sub menu -->
<a class="style108 submenuheader" href="$_alternate1.htm" >Events</a>
<div class="submenu">
	<ul>
	<li><a href="$_alternate1.htm">Corporate Events</a></li>
	<li><a href="$_alternate2.htm">Weddings</a></li>
	<li><a href="$_alternate3.htm">Fundraisers</a></li>
	<li><a href="$_alternate4.htm">Holiday Parties</a></li>
	<li><a href="$_alternate5.htm">Outdoor Events</a></li>
	<li><a href="$_alternate6.htm">Production Catering</a></li>
	</ul>
</div>
 
<!-- button 7  -->
<a class="style108" href="about.htm">Company Bio</a>
 
 
</div>
<!-- /menu  -->
 
 
  <!--webbot bot="Include" i-checksum="46791" endspan --><div class="m-heading"><span class="style110">What's</span><span class="style111">New</span></div>
 
<!--start content4-->
	<div class="content4_wrapper1">
		<div class="content4_2">
		<div class="content4_6">
		<div class="content4_4">
		<div class="content4_8">
		<div class="content4_5">
		<div class="content4_7">
		<div class="content4_3">
		<div class="content4_1">
 
		<div class="content4_wrapper2">
		<!-- header -->
		<div class="style112"><h3><font color="#008000">We are going GREEN!</font></h3></div>
		<!-- content -->
		<div class="style113">
 
				<p align="left"><b><font color="#008000">A big decision, and a big gamble, but customers love doing....</font></b>.</p>
		<span class="style114"><a href="green.htm">...more</a></span></div></div></div></div></div></div></div></div></div></div></div>
<!--end content4-->
 
<p>&nbsp;</p>
<div class="m-heading"><span class="style110">We</span><span class="style111">Recommend</span></div>
 
<!--start content4-->
	<div class="content4_wrapper1">
		<div class="content4_2">
		<div class="content4_6">
		<div class="content4_4">
		<div class="content4_8">
		<div class="content4_5">
		<div class="content4_7">
		<div class="content4_3">
		<div class="content4_1">
 
		<div class="content4_wrapper2">
		<!-- header -->
		<div class="style112"><h3>Need a banquet hall?</h3></div>
		<!-- content -->
		<div class="style113">
 
				<p>Banquet Halls in Houston - 
				We recommend The Chateau at Midtown, ideal for 80 to 150 guests.</p>
		<span class="style114">
				<a target="_blank" href="http://www.mybanquethall.com/">...visit 
				the Chateau At Midtown</a></span></div></div></div></div></div></div></div></div></div></div></div>
<!--end content4-->
 
<p>&nbsp;</p>
<div class="m-heading"><span class="style110">Useful</span><span class="style111">News</span></div>
 
<!--start content4-->
	<div class="content4_wrapper1">
		<div class="content4_2">
		<div class="content4_6">
		<div class="content4_4">
		<div class="content4_8">
		<div class="content4_5">
		<div class="content4_7">
		<div class="content4_3">
		<div class="content4_1">
 
		<div class="content4_wrapper2">
		<!-- header -->
		<div class="style112"><h3>Should I book soon?</h3></div>
		<!-- content -->
		<div class="style113">
 
				<p style="text-align: center">SAVE UP TO $950.00 ON A LAST 
				MINUTE BANQUET HALL BOOKING</p>
		<span class="style114">
				<a target="_blank" href="http://www.mybanquethall.com/Promo.htm">...learn 
				more about it</a></span></div></div></div></div></div></div></div></div></div></div></div>
<!--end content4-->
<p>&nbsp;</p>
<!--end content4-->
 
</div>
 
 
 
 
 
 
<p>&nbsp;</p>
 
<!-- #EndEditable -->
</div>
				
				</td>
				<td class="content2">
				
<div class="body2" style="width: 100%">
<!-- #BeginEditable "body2" -->	
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
 
				</td>
				<td class="content3">
				
<div class="body3" style="width: 100%">				
<!-- #BeginEditable "body3" -->
 
<font face="Papyrus" size="2">
 
<!--start content3-->
	</font>
	<div class="content3_wrapper1">
		<div class="content3_2">
		<div class="content3_6">
		<div class="content3_4">
		<div class="content3_8">
		<div class="content3_5">
		<div class="content3_7">
		<div class="content3_3">
		<div class="content3_1">
		
		<div class="content3_wrapper2">
		<font face="Papyrus" size="2">
		<!-- header -->
		</font>
		<div class="content3_h_wrapper"><h3><font face="Papyrus" size="2">
			<span class="style115">Catering your corporate event or your special 
			Event in Houston should be easy!&nbsp; Let&#39;s us show you how.</span></font></h3></div>
		<!-- content -->	
		<div class="style117">
		
<a name="photo"></a>
<table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
		<div><div spry:region="dsAlbumBook dsAlbums" spry:choose="">
    <div spry:when="{dsAlbums::ds_RowCount} &gt; 1">
      <p class="albumName">{@title}</p>
      <p class="albumDesc">{@description}</p>
    </div>
    <div spry:default="">
      <p class="albumName">{dsAlbums::@title}</p>
      <p class="albumDesc">{dsAlbums::@description}</p>
    </div>
  </div></div>
</td>
	</tr>
</table>
 
<!--body1 start-->
 
	<div id="gallery">
<noscript>
<h1>This page requires JavaScript. Please enable JavaScript in your browser and reload this page.</h1>
</noscript>
<div id="wrap">
 
<!--
  <div spry:region="dsAlbumBook dsAlbums" spry:choose="">
    <div spry:when="{dsAlbums::ds_RowCount} &gt; 1">
      <p class="albumName">{@title}</p>
      <p class="albumDesc">{@description}</p>
    </div>
    <div spry:default="">
      <p class="albumName">{dsAlbums::@title}</p>
      <p class="albumDesc">{dsAlbums::@description}</p>
    </div>
  </div>
 
-->
 
  <div id="picture">
    <div id="mainImageOutline" style="width: 0px; height: 0px;"><img src="" id="mainImage" alt="main image" />
    </div>
	<div align="center" id="caption" spry:detailregion="dsSlides">{@caption}</div>
  </div>
  <p class="clear"></p>
</div>
 
 
 
</div>
	<!--body1 end-->
	
	
	</div></div></div></div></div></div></div></div></div></div></div>
<!--end content3-->
 
 
<p>&nbsp;</p>
 
<!-- #EndEditable -->
</div>
				
				</td>
				<td class="content4">
				
<div class="body4" style="width: 100%">				
<!-- #BeginEditable "body4" -->
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
 
				</td>
				<td class="content5">
				
<div class="body5" style="width: 100%">				
<!-- #BeginEditable "body5" -->
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
				</td>
				<td class="right_padding">&nbsp;</td>
			</tr>
		</table>
	
 </div></div></div></div></div></div></div></div></div>
 
<!-- /content  -->
<!-- footer -->
 
<div id="footer"><div class="layout1f2"><div class="layout1f6"><div class="layout1f4"><div class="layout1f8"><div class="layout1f5"><div class="layout1f7"><div class="layout1f3"><div class="layout1f1">
 
<!-- footer containers -->
 		<table class="footer_wrapper" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td class="footer1">&nbsp;</td>
				<td class="footer2">
				
<!-- copyright_links -->
	<div id="copyright_links">
		<!--webbot bot="Include" U-Include="Library/copyright_links.htm" TAG="BODY" startspan -->
<div class="style118">
Copyright © 2008. My Catering Company.com LTD. CO - Catering in Houston TX.&nbsp; All Rights Reserved.
</div>
<br />
<br />
<div class="style119">
<a href="index.htm">Home</a> | 
<a href="catalog.htm">Menus</a> | 
<a href="services.htm">Services</a> | 
<a href="faqs.htm">FAQs</a> | 
<a href="contact.htm">Contact</a> | 
<a href="about.htm">About</a> | 
<a href="privacy.htm">Privacy</a> | 
<a href="sitemap.htm">Sitemap</a>
</div>
<!--webbot bot="Include" i-checksum="21881" endspan --><br />
		<br />
	<div id="contact_bookmark">
		<!--webbot bot="Include" U-Include="Library/contact_bookmark.htm" TAG="BODY" startspan -->
<a href="contact.htm">
<img src="Site/graphics/elements/contact_us.gif" class="contact_button" alt="contact us" width="70" height="50" /></a>
<a href="javascript:bookmark()">
<img src="Site/graphics/elements/favorites.gif" class="favorites_button" alt="bookmark" width="70" height="50" /></a>
<!--webbot bot="Include" i-checksum="24036" endspan --></div>
				</div>
 
<div class="special1">					
<!-- #BeginEditable "special1" -->
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
 
				</td>
				<td class="footer3">&nbsp;</td>
			</tr>
		</table>
<!-- end footer containers -->
		
 </div></div></div></div></div></div></div></div></div>
<!-- end footer -->
		</td>
		<td class="center3"><div class="center3_top">&nbsp;</div></td>
	</tr>
	<tr>
		<td class="bottom1">&nbsp;</td>
		<td class="bottom2">
		<table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td class="bottom2_left">&nbsp;</td>
				<td class="bottom2_center">&nbsp;</td>
				<td class="bottom2_right">&nbsp;</td>
			</tr>
		</table>
		</td>
		<td class="bottom3">&nbsp;</td>
	</tr>
</table>
 
 
</div>
</body>
<!-- #EndTemplate -->
</html>
[+][-]02/12/09 01:38 AM, ID: 23620447Accepted Solution

View this solution now by starting your 30-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

About this solution

Zones: Scripting Languages, Web Languages/Standards, WebApplications
Tags: spry, javascript, xhmtl, photo gallery
Sign Up Now!
Solution Provided By: nativestudios
Participating Experts: 1
Solution Grade: B
 
[+][-]02/12/09 09:27 AM, ID: 23624372Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]02/16/09 09:01 AM, ID: 23651500Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091021-EE-VQP-81 - Hierarchy / EE_QW_3_20080625