Build stunning trip slideshows

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="htt p://www.facebook.
com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/"> <head> <title>TripWow Build Your Own Trip Slideshow</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="msvalidate.01" content="97A3FC961E4DE7DBC86FF794783F76CF" /> <link rel="shortcut icon" href="http://images.travelpod.com/bin/tripwow/imag es/branding/tripadvisor/tripwow.ico" /> <link rel="alternate" type="application/rss+xml" title="Recent TripWow Updat es" href="http://tripwow.tripadvisor.com/slideshow/rss/recent" /> <meta propert y="fb:app_id" content="111769535518503" /> <meta name="robots" content="noinde x, nofollow" /> <script type="text/javascript"> if (typeof TW == 'undefined') { var TW = { Const : { load_time: (new Date).getTime() }, debug : { log : function() {} }, error : function(m,t,l,u){if(!m){return};t=t 'i';l=l m.length ;if(!u){try{u=window.location.href}catch(e){u='http\x3A\x2F\x2Ftripwow.tripadvis or.com\x2Ftripwow\x2Fbuilder\x2F\x3Fcs\x3Dihnfb\x26ssid\x3Dta\x2Ddemo\x26theme\x 3D\x26affinity\x3D'}};var eu=encodeURIComponent;var i=new Image();i.src='http\x3 A\x2F\x2Ftripwow.tripadvisor.com/tripwow/js-exception/'+parseInt(Math.random()*1 000000)+'?m='+eu(m)+';t='+eu(t)+';l='+eu(l)+';u='+eu(u);} }; TW.MP=[['init','5747cad66da47e551fb3020315b92909',{"Country": "Turkey","Seed":"Google Content Network Ad \x28Campaign \x2374\x29","Browser":"I E 8","Seed\x5FType":"Ad \x2D Paid","bucket":"B","Campaign":"AdWords Contextual"} ]]; TW.ga=[['_setAccount','UA\x2D84539\x2D10'],['_trackPageview'],['_trackPag eLoadTime']]; try{window.onerror=function(m,u,l){TW.error(m,'e',l,u);return tr ue;}}catch(e){} } </script> <link rel="stylesheet" href="http://images.travelpod.com/bi n/tripwow/combined/css/global:overlay:builder:forms:swfupload:download:music:sea rch_map_interstitial:embed:login:1314025341.css" type="text/css" media="screen,t v,projection" charset="utf-8" />      <style type="text/css" media="screen"> #askembed{text-align:center}#askembed .img{height:200px}#askembed .img a{display :block;background:url(/bin/tripwow/images/sprites/tripwow_themes_and_samples_spr ite.jpg) no-repeat;background-position:-310px -135px;width:287px;height:181px;ma rgin:0 auto}</style>  <style type="text/css"> a.button{text-decoration:none !important}</style> <style type="text/css" media=" screen"> #askwalls{text-align:center}#askwalls .img{height:200px}#askwalls .img a{display :block;background:url(/bin/tripwow/images/sprites/tripwow_themes_and_samples_spr ite.jpg) no-repeat;background-position:0 -135px;width:300px;height:200px;margin: 0 auto}</style> <style type="text/css" media="screen">::selection{background:#5c 8db9}::-moz-selection{background:#5c8db9}::-webkit-selection{background:#5c8db9} .clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow :hidden}.clearfix:after{clear:both}.clearfix{zoom:1}#facebook_do_walls_overlay.o verlay{padding:0 !important;-moz-border-radius:0 !important;-webkit-border-radiu s:0 !important;border-radius:0 !important;overflow:hidden !important}#facebook_d o_walls_overlay.overlay .close{right:3px;top:8px}#wallpost *{-webkit-user-select :none;-khtml-user-select:none;-o-user-select:none;user-select:none}#wallpost{mar gin:0;text-align:left;height:585px;width:800px;overflow:hidden !important}#wallp ost .card{float:left;overflow:hidden;padding:0;width:131px;height:61px;color:#3B 5998;text-align:left;font-size:11px;background:url(/bin/tripwow/images/sprites/t ripwow_ui-sprite-v2.png) no-repeat;background-position:0 -476px}#wallpost .card: hover,#wallpost .card.hover{cursor:pointer;background:url(/bin/tripwow/images/sp rites/tripwow_ui-sprite-v2.png) no-repeat;background-position:-131px -476px}#wal lpost .card.sent:hover{cursor:default !important;background:url(/bin/tripwow/ima ges/sprites/tripwow_ui-sprite-v2.png) no-repeat !important;background-position:262px -476px !important}#wallpost #fb_walls_shared .card.sent,#wallpost #fb_wall s_mosaic .card.sent{background:url(/bin/tripwow/images/sprites/tripwow_ui-sprite -v2.png) no-repeat !important;background-position:-262px -476px !important}#wall post #fb_walls_shared .card.unsent{background:url(/bin/tripwow/images/sprites/tr ipwow_ui-sprite-v2.png) no-repeat !important;background-position:0 -405px !impor tant;cursor:default !important;opacity:0.7}#wallpost #fb_walls_shared .card.you{ background:url(/bin/tripwow/images/sprites/tripwow_ui-sprite-v2.png) no-repeat ! important;background-position:0 -405px !important;cursor:default !important;opac ity:1;color:#cccccc}#wallpost #fb_walls_mosaic .card{margin:0 0 11px 11px}#wallp ost #fb_walls_shared .card{margin:0 0 11px 15px;float:none}#wallpost .imgwrap{po sition:relative;float:left;margin:4px;padding:0;width:50px;height:50px}#wallpost #fb_walls_mosaic .imgwrap span{position:absolute;bottom:0;left:0;height:15px;wi dth:50px;margin:0;padding:0}#wallpost #fb_walls_shared .imgwrap span{position:ab solute;bottom:0;left:0;height:15px;width:50px;margin:0;padding:0}#wallpost .name wrap{float:left;margin:4px 0 0 0;padding:0;width:66px;height:50px}#wallpost .bla nk{margin:0 0 11px 11px;padding:0;width:131px;height:61px}#wallpost .groupheader {padding:0;margin:0 0 10px;width:554px;font-family:"lucida grande",tahoma,verdan a,arial,sans-serif;font-weight:normal;font-size:14px;line-height:1.1em;color:#33 3333}#wallpost .groupheader span{display:block;vertical-align:middle;float:left; margin:1px 7px 0 0;padding:0;background:url('/bin/tripwow/images/sprites/tripwow _icons-sprite.png') no-repeat;background-position:-259px 0;width:15px;height:14p x}#wallpost .groupheader strong{font-weight:bold}#wallpost .message .groupheader {width:140px !important;float:left;margin:12px 10px 0 0}#wallpost .message .grou pheader span{background-position:-382px 0;width:16px;height:16px}#wallpost .sect ionfriends .groupheader{margin:0 0 15px}#wallpost .header{padding:0;margin:0px;h eight:40px;width:100%;overflow:hidden;background:#698cbb;background:-moz-lineargradient(top,#789dc5 0%,#5a7bb1 100%);background:-webkit-gradient(linear,left to
p,left bottom,color-stop(0%,#789dc5),color-stop(100%,#5a7bb1));background:-webki t-linear-gradient(top,#789dc5 0%,#5a7bb1 100%);background:-o-linear-gradient(top ,#789dc5 0%,#5a7bb1 100%);background:-ms-linear-gradient(top,#789dc5 0%,#5a7bb1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#789dc5', endColorstr='#5a7bb1',GradientType=0);background:linear-gradient(top,#789dc5 0%, #5a7bb1 100%);border-bottom:1px solid #426090;font-family:"lucida grande",tahoma ,verdana,arial,sans-serif;font-weight:normal;font-size:17px;line-height:40px;tex t-indent:37px;color:white;text-shadow:0px -1px 0px #5a779b;text-shadow:0px -1px 0px rgba(0,0,0,0.2);cursor:default}#wallpost .header span{display:block;position :absolute;left:15px;top:13px;height:14px;width:14px;background:url(/bin/tripwow/ images/sprites/tripwow_icons-sprite.png) no-repeat;background-position:-130px 0} #wallpost .message{margin:0;padding:7px 7px 6px 15px;width:778px;height:38px;ove rflow:hidden;border-top:1px solid white;border-bottom:1px solid #b7c1d2;backgrou nd:#f3f3f3}#wallpost input[type="text"]{outline:none;border:none;-webkit-appeara nce:none;-moz-appearance:none;appearance:none;-webkit-user-select:text !importan t;-khtml-user-select:text !important;-moz-user-select:text !important;-o-user-se lect:text !important;user-select:text !important;background:white;border:1px sol id #b7c0d1;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;line-heig ht:1.1em;color:#828282}#wallpost input[type="text"].focus,#wallpost input[type=" text"]:focus{color:#1f1f1f;outline:none}#wallpost input[type="button"],#wallpost input[type="submit"],#wallpost a.button,#wallpost div.button{outline:none !impo rtant;border:none;-webkit-appearance:none !important;-moz-appearance:none !impor tant;appearance:none !important;-webkit-border-radius:0px !important;-moz-border -radius:0px !important;border-radius:0px !important;cursor:pointer !important;te xt-decoration:none !important;display:block;background:#eeeeee;background:-moz-l inear-gradient(top,#ffffff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,l eft top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#e5e5e5));background: -webkit-linear-gradient(top,#ffffff 0%,#e5e5e5 100%);background:-o-linear-gradie nt(top,#ffffff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top,#ffffff 0%,#e 5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff ffff',endColorstr='#e5e5e5',GradientType=0);background:linear-gradient(top,#ffff ff 0%,#e5e5e5 100%);-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,1);-mo z-box-shadow:inset 0px 1px 0px rgba(255,255,255,1);box-shadow:inset 0px 1px 0px rgba(255,255,255,1);border:1px solid #a1a1a1;font-family:"lucida grande",tahoma, verdana,arial,sans-serif;line-height:1.1em;color:#393939;text-shadow:0 1px 0 whi te;text-align:center}#wallpost a.button.primary{background:#567db0;background:-m oz-linear-gradient(top,#6b94be 0%,#466aa4 100%);background:-webkit-gradient(line ar,left top,left bottom,color-stop(0%,#6b94be),color-stop(100%,#466aa4));backgro und:-webkit-linear-gradient(top,#6b94be 0%,#466aa4 100%);background:-o-linear-gr adient(top,#6b94be 0%,#466aa4 100%);background:-ms-linear-gradient(top,#6b94be 0 %,#466aa4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= '#6b94be',endColorstr='#466aa4',GradientType=0);background:linear-gradient(top,# 6b94be 0%,#466aa4 100%);-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0. 4);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4);box-shadow:inset 0px 1px 0px rgba(255,255,255,0.4);border:1px solid #1a5697;color:white;text-shadow:0 -1px 0 #4f7195}#wallpost input[type="button"]:hover,#wallpost input[type="submi t"]:hover,#wallpost a.button:hover{background:#d6d6d6;background:-moz-linear-gra dient(top,#d6d6d6 0%,#bcbcbc 100%);background:-webkit-gradient(linear,left top,l eft bottom,color-stop(0%,#d6d6d6),color-stop(100%,#bcbcbc));background:-webkit-l inear-gradient(top,#d6d6d6 0%,#bcbcbc 100%);background:-o-linear-gradient(top,#d 6d6d6 0%,#bcbcbc 100%);background:-ms-linear-gradient(top,#d6d6d6 0%,#bcbcbc 100 %);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6',end Colorstr='#bcbcbc',GradientType=0);background:linear-gradient(top,#d6d6d6 0%,#bc bcbc 100%);color:black}#wallpost a.button.primary:hover{background:#3b7cba;backg round:-moz-linear-gradient(top,#3b7cba 0%,#2857a3 100%);background:-webkit-gradi ent(linear,left top,left bottom,color-stop(0%,#3b7cba),color-stop(100%,#2857a3)) ;background:-webkit-linear-gradient(top,#3b7cba 0%,#2857a3 100%);background:-o-l inear-gradient(top,#3b7cba 0%,#2857a3 100%);background:-ms-linear-gradient(top,# 3b7cba 0%,#2857a3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startC olorstr='#3b7cba',endColorstr='#2857a3',GradientType=0);background:linear-gradie
nt(top,#3b7cba 0%,#2857a3 100%);color:white}#wallpost input[type="button"]:focus ,#wallpost input[type="submit"]:focus,#wallpost a.button:focus{outline:none !imp ortant}#wallpost #wall_message{font-size:15px;margin:0;padding:7px 11px 9px;widt h:603px;float:left;background-color:white;background-image:url(/bin/tripwow/imag es/sprites/tripwow_ui-sprite-v2.png);background-repeat:no-repeat;background-posi tion:400px -365px}#wallpost #wall_message:focus,#wallpost #wall_message.focus{ba ckground-image:none}#wallpost #friendsearch{float:left;margin:0;padding:3px 25px 4px 20px;height:13px;width:179px;font-size:11px;background:url(/bin/tripwow/ima ges/sprites/tripwow_icons-sprite.png) no-repeat 4px -17px;border-left:none !impo rtant}#wallpost .searchfriends .button{float:left;text-indent:0 !important;margi n:0;padding:4px 1px 3px 2px;height:13px;width:45px;font-size:11px;line-height:11 px;font-weight:bold;cursor:default !important;z-index:100}#wallpost #clearsearch {display:none;position:absolute;top:3px;right:3px;height:16px;width:13px;padding :0 0 0 4px !important;margin:0;cursor:pointer;background:white;color:#5c8dba;fon t-weight:bold;font-size:13px;font-family:Verdana,Tahoma,Arial,sans-serif;text-in dent:0 !important;line-height:14px}#wallpost #clearsearch:hover{background:#5c8d ba;color:white}#click_arrow{position:absolute;top:45px;left:160px;height:50px;wi dth:250px;background:url(http://images.travelpod.com/bin/tripwow/images/sprites/ tripwow_ui-sprite-v2.png) no-repeat;background-position:0 -547px}#wallpost .sear chfriends{position:relative;float:right;margin:-5px 0 10px 0;padding:0;width:275 px;height:22px}#fb_walls_mosaic{position:relative;float:left;margin:0;padding:0; width:599px;height:445px;overflow:auto;overflow-x:hidden !important;border-right :1px solid #B7C1D2}#wallpost .section{position:inherit;width:570px;margin:0;marg in-top:-1px !important;padding:15px 15px 4px 15px;border-top:1px solid #b7c1d2}# wallpost .section.anim{border-top:1px solid white;padding-top:14px;background:no ne !important}#fb_walls_mosaic .list{margin-left:-11px}#fb_walls_shared{position :relative;float:left;margin:0;padding:0;width:200px;height:445px;overflow:hidden ;overflow-x:hidden !important}#xofy{padding:0;margin:15px 0 10px 15px;width:160p x;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-weight:normal ;font-size:14px;line-height:1.1em;color:#333333}#progress_wrapper{margin:0 0 15p x 15px;padding:0;width:150px;height:13px;overflow:hidden;background:url(http://i mages.travelpod.com/bin/tripwow/images/sprites/tripwow_ui-sprite-v2.png) no-repe at;background-position:0 -607px}#listsent{width:180px;height:auto}#xofy strong{f ont-weight:bold}#xofyprogress{margin:0;padding:0;height:13px;background-image:ur l(http://images.travelpod.com/bin/tripwow/images/sprites/tripwow_ui-sprite-v2.pn g);background-repeat:none}#xofyprogress.red{background-position:0 -653px}#xofypr ogress.yellow{background-position:0 -676px}#xofyprogress.green{background-positi on:0 -630px}#xofyprogress.empty{background-position:0 -607px}#fb_walls_footer{po sition:relative;margin:-1px 0 0 0;padding:0;width:100%;height:45px;border-top:1p x solid #b7c1d2;background:#f3f3f3}#fb_walls_footer a.button{position:absolute;t op:7px;right:7px;font-size:14px;padding:7px 5px;width:75px}#donesharing{display: none;position:absolute;top:7px;right:7px;font-size:14px;padding:7px 5px 7px 25px ;width:auto;font-weight:bold;background:url('/bin/tripwow/images/overlay/throbbe r.gif') no-repeat 0px 5px}#finished_sharing{width:350px;margin:0;padding:125px;t ext-align:center;font-size:18px;color:#666;line-height:1.3em}#finished_sharing a {width:25%;margin:0 auto;font-size:17px}#wallpost.twoclick{width:750px !importan t;height:581px !important}#wallpost.twoclick .message{padding:5px 5px 5px 10px;w idth:735px}#wallpost.twoclick #wall_message{width:560px;background-position:357p x -365px}#wallpost.twoclick .section{width:544px;padding:15px 10px 4px 10px}#wal lpost.twoclick #fb_walls_mosaic{width:565px}#wallpost.twoclick .groupheader{widt h:527px}#wallpost.twoclick .searchfriends{width:246px}#wallpost.twoclick #friend search{width:150px}#wallpost.twoclick #fb_walls_mosaic .list{margin-left:-2px}#w allpost.twoclick #fb_walls_mosaic .card{margin:0 0 11px 2px}#wallpost.twoclick # fb_walls_shared{width:184px}#wallpost.twoclick #xofy{margin:15px 0 10px 15px}#wa llpost.twoclick #progress_wrapper{margin:0 0 15px 10px}#wallpost.twoclick #fb_wa lls_shared .card{margin:0 0 11px 10px}#wallpost.twoclick #finished_sharing{width :314px}a.red{color:red !important}</style> <style type="text/css" media="screen" > #ask_overflow{margin-top:5px;text-align:center}</style> <style type="text/css" m edia="screen">
#auto_overflow{margin-top:5px;text-align:center}</style> <style type="text/css" media="screen"> #askwall{text-align:center}#askwall .img{height:110px}#askwall .img a{display:bl ock;background:url(/bin/tripwow/images/sprites/tripwow_themes_and_samples_sprite .jpg) no-repeat;background-position:-925px -135px;width:200px;height:101px;margi n:0 auto}</style> <style type="text/css" media="screen"> #share_email_v2{margin-top:5px;text-align:left}#share_email_v2 .password_msg{fon t-size:12px;padding-top:5px}#share_email_v2 .error_msg{font-size:12px;padding-to p:5px;color:red;display:none}#share_email_v2 .header{margin:5px 10px 25px;font-s ize:20px;font-weight:bold;border:none;background:#FFFFFF;clear:both;text-align:c enter}#share_email_v2 th{vertical-align:top;padding:8px 5px 5px 5px;font-size:14 px;font-weight:bold}#share_email_v2 td{vertical-align:top;padding:5px}#share_ema il_v2 .instructions{padding-bottom:20px;font-size:16px}#share_email_v2 .no-store {padding-top:15px}#share_email_v2 .jumpto{font-weight:bold;font-size:12px;paddin g-top:15px;padding-bottom:2px}#share_email_v2 .jumpto a{color:green;padding:1px 2px 0px;margin-left;2px;text-decoration:none;border:1px solid #f8f8f8}#share_ema il_v2 .jumpto a:hover{border:1px solid #bbb;background:#ddd}#share_email_v2 .jum pto span{color:#ccc;padding:1px 2px 0px;margin-left;2px}#share_email_v2 .service icon img{vertical-align:text-bottom}#share_email_v2 .buttons{padding:20px 2px 10 px;font-size:13px}#share_email_v2 .waiting{background:url(http://images.travelpo d.com/bin/tripwow/images/overlay/throbber.gif) no-repeat 0px 50%;margin:20px 0 0 40px;padding:10px 2px 10px 32px;font-size:14px;font-weight:bold;display:none;co lor:black}#share_email_v2 .v2_compose,.v2_getcontacts,.v2_gotcontacts,.v2_getoau th{display:none}#v2_email{display:none}#v2_oauth_check{color:orange}#v2_oauth_li nk{color:red;display:none}#v2_oauth_granted{display:none;color:green}#contact_li st .row{width:1000px;padding:4px}#contact_list .odd{background-color:#f8f8f8}#co ntact_list{width:380px;height:235px;overflow-x:hidden;overflow-y:auto;padding:2p x 5px;border:solid 1px #ccc}#contact_list div{cursor:pointer}#contact_list div s pan{color:#999999}#manual_contacts{width:260px}#manual_contacts input{width:250p x;margin-bottom:4px}#email_message{width:380px}</style> <script src="http://ima ges.travelpod.com/bin/tripwow/js/jquery-1.6.1.min.js" type="text/javascript"></s cript> </head> <body> <div id="fb-root"></div> <div id='flashie8warning' style="padding: 15px 0pt; font-size: 14px; background-color: yellow; display: none"> <b style="font-size: 18px;">Internet Explorer Users!</b> &nbsp ; Please <b>update to the latest version of Adobe Flash</b> if you experien ce any problems. <a href="http://get.adobe.com/flashplayer/" target="_blank">htt p://get.adobe.com/flashplayer/</a> </div> <div id="header" class="builder noPngFix "> <div class="content"> <a href="/" title="Make a free slideshow with music" class="logo noPngFi x"></a> <div id="login_edit_controls" class="logged_in has_slides"> <span class ='dynamic'> <span class='if_has_slides showOnReady'> <a id="my_slideshows" href="#" onclick="return this.href != '#'; ">My Slideshows</a> <span class="bar"> </span> </span> <span class='create_new showAfterThemePicker'> <a href="/tripwow/builder/?cs=&ssid=ta-demo&create_new=b&amp ;theme=&affinity=">Create a Slideshow</a> <span class="bar showOnReady"> </span> </span> <span class='indicator showOnReady'> </span> <span class='if_logged_in showOnReady'> <a class="logout_button" href="#" onclick="return false;">Logout</a> </span> <span class='if_facebook fb_icons showOnReady'> <a href='#' target='_blank' onclick="return this.href != '#';" c lass="noPngFix"></a>
</span> <span class='if_logged_out showOnReady'> <a class="login_button" href="#" onclick="return false;">Login</a> </span> </span> <span class="bar showOnTender showAfterThemePicker"> </span> <a class="showOnTender showAfterThemePicker" href="#" id="launch_help">H elp</a> </div> </div> </div> <noscript class="js_required"> <div class="wrapper"> <p><big>JavaScript Required</big></p> <p>Enable JavaScript and reload the page to continue</p> </div> </noscript> <script type="text/javascript">document.write(unescape("%3Cdiv class='js_rev ealer'%3E"))</script> <div id="page_load_throbber" class="hideOnReady"><div>Loa ding...</div></div> <div id="main_content" class="js_hider showOnReady"> <div id="main_build er" >  <div id="upload_vtab" class="vtab"> <h1><span>Step 1 </span> Add pictures</h1> <ul class="ul_tab"> <li class="li_tab facebook selected" tab_for="facebook_content"><span cl ass="noPngFix"></span>Facebook</li> <li class="li_tab upload" tab_for="upload_content"><span class="noPngFix "></span>My Computer</li> <li class="li_tab picasa" tab_for="picasa_content"><span class="noPngFix "></span>Picasa</li> <li class="li_tab flickr" tab_for="flickr_content"><span class="noPngFix "></span>Flickr</li> <li class="li_tab tp" tab_for="tp_content"><span class="noPngFix"></span >TravelPod</li> </ul> <div class="tab_content_container">  <div class="tab_content facebook_content"> <div class="connect throbber" style='display: block'>Loading Faceboo k</div> <div id="fb_connect" class='hidden'> <div id='fb_connect_div'> <a class='fb-login-button' onclick="my_builder.trackAddInten t('Facebook'); TW.FB.connect({origin:'fb_connect'}); return false;"><span>Get my Facebook pictures</span></a> <div class="fb_activity hidden"><span>Connecting</span></div> </div> </div> <div id="fb_album" class='hidden'> <div class="throbber" style='width: 200px'>Getting pictures</div> <div class="notfound hidden"> We couldnt retrieve your Facebook pictures.<br><br> <a class = fb_retry_albums href="#">Try again</a> or you can always <a href= # onclick= $("#upload_vtab .li_tab.upload").click(); return false; >upload pictures</a>. </div> <div class="failed_to_get_albums hidden"> We couldnt retrieve your Facebook pictures.<br><br> <a class = fb_retry_albums href="#">Try again</a> or you can always <a href= # onclick= $("#upload_vtab .li_tab.upload").click(); return false; >upload pictures</a>.
</div> <div class="albums">  </div> </div> <div class="fb_down hidden"> Facebook is currently having some difficulties.<br><br> <a clas s= fb_retry_albums href="#">Try again</a> or you can always <a href= # onclick = $("#upload_vtab .li_tab.upload").click(); return false; >upload pictures</a>. </div> <div id= fb_stuck class= hidden > Facebook is currently having some difficulties.<br><br> <a clas s= fb_retry_albums href="#">Try again</a> or you can always <a href= # onclick = $("#upload_vtab .li_tab.upload").click(); return false; >upload pictures</a>. </div> <div id= fb_slow class= hidden > Were still trying to contact Facebook </div> <div class="facebook_error failed"> Facebook is currently having some difficulties.<br><br> <a clas s= fb_retry_albums href="#">Try again</a> or you can always <a href= # onclick = $("#upload_vtab .li_tab.upload").click(); return false; >upload pictures</a>. </div> <div class="facebook_error init"> Were still trying to contact Facebook </div> <div class="clear"><br /></div> </div>  <div class="tab_content upload_content flashHide"> <div class="upload_panel"> <div id="file_upload_wrap" style="margin-top: -6px;"> <div class="throbber hideOnSWFUploadInit" style="position:absolu te;display:block;">Loading</div> <div style="width: 200px; height:28px; padding: 0;" class="file_ upload_button showOnSWFUploadInit"> <span id="uploadButtonPlaceholder"></span> </div> </div> <div class="clear"><br /></div> <div class="progressContainer" id="divFileProgressContainer" style=" display:none;" > <a id="mainCancelButton" class="progressCancel noPngFix" href="# "></a> <img style="float: left; margin: 1px 3px;" src="http://images.tr avelpod.com/bin/tripwow/images/overlay/throbber.gif" alt="" /> <div class="progressMessage"> </div> <div class="progressBarWrapper"> <div class="progressBar" style="width: 0%;"></div> </div> </div> <div class="clear"><br /></div>
<div id="instructions_pre_upload">  <p>10 to 20 pictures will make for a great slideshow.</p> <p class="light">Feel free to add just a couple try it out first. </p> </div> <div id="complete_error_message">There was a problem uploading some of your pictures. Try uploading them again or add using one of the other methods . Sorry!</div> <div id="instructions_while_uploading"> <p>Go ahead and customize your slideshow while your pictures upl oad ➨</p> </div> <div id="instructions_post_upload"> <p>You can keep adding pictures at any time.</p> <p class="light">Add less than 150 pictures total for best resul ts.</p> </div> </div> </div>  <div class="tab_content picasa_content flashHide"> <div id="picasa_alb um"> <div class="credentials"> <p><b>Enter your Picasa/Google/Gmail username:</b></p> <input type="text" id="Email" name="Email" size="18" autocom plete="on"/> <input type="button" id="picasa_submit" class="marg10left" o nclick="var user = $( #Email ).val(); if (user) { my_builder.googleUsername(user ); my_builder.get_picasa_albums(); }; my_builder.trackAddIntent( Picasa ); retur n false;" value="Get my pictures" /> </div> <span class="throbber">Getting pictures</span> <div class="albums">  </div> </div> <div class="hidden" id="picasa_help"><p><b>Tip!</b> Your Picasa user name is the same as your Gmail email address.</p><p>Your Picasa albums <a href=" http://picasa.google.com/support/bin/answer.py?hl=en&answer=39551" target="_ blank">must be Public</a> to use them with TripWow.</p></div> <div class="switch_user" id="switch_picasa"><a href="#" onclick="ret urn my_builder.switch_picasa();">Change Picasa user</a></div> <div class="clear"><br /></div> </div>  <div class="tab_content flickr_content flashHide"> <div id="flickr_alb um"> <div class="credentials"> <p><b>Enter your Flickr username:</b></p> <input type="text" id="flickr_user" name="flickr_user" size= "18" autocomplete="on"/> <input type="button" id="flickr_submit" class="marg10left" o nclick="var user = $( #flickr_user ).val(); if (user) { my_builder.get_flickr_ns id(user, function() {}); }; my_builder.trackAddIntent( Flickr ); return false;"
value="Get my pictures" /> </div> <span class="throbber">Getting pictures</span> <div class="albums">  </div> </div> <div class="switch_user" id="switch_flickr"><a href="#" onclick="ret urn my_builder.switch_flickr();">Change Flickr user</a></div> <div class="clear"><br /></div> </div>  <div class="tab_content tp_content flashHide"> <div id="tp_album"> <div class="credentials"> <p><b>Enter your TravelPod username:</b></p> <input type="text" id="uid" name="uid" size="18" autocomplet e="on"/> <input type="button" id="tp_submit" class="marg10left" oncli ck="var tp_user = $( #uid ).val(); if (tp_user) { my_builder.get_tp_albums(tp_us er, function() {}); }; my_builder.trackAddIntent( Travelpod ); return false;" va lue="Get my pictures" /> </div> <div id="travelpod_ad">Next time you travel, preserve your trave l memories and share your adventures with friends and family.<br /><br /><a href ="http://www.travelpod.com/cgi-bin/new_user1.pl" target="_blank">Start your own TravelPod travel blog</a></div> <span class="throbber">Getting pictures</span> <div class="albums">  </div> </div> <div class="switch_user" id="switch_tp"><a href="#" onclick="return my_builder.switch_tp();">Change TravelPod user</a></div> <div class="clear"><br /></div> </div>   <div id="album_template" class="fb_album_item hidden template"> <div> <table class="fb_album_cover_thumb" cellpadding="0" cellspacing= "0"> <tr> <td valign="middle" class="fb_album_cover_td"> <span style="color: black;" class="hidden">No Cover< /span> </td> <td valign="middle" class="fb_album_name_td"> <div class= fb_album_info > <div class="fb_album_name"></div> <div class="fb_album_act"> <a href= # onclick="return false;">Add <spa n class="one">this picture</span><span class="many">these <span class="count"></ span> pictures</span></a> </div> <div class="throbber" style="margin-top: 5px;">A dding</div>
<div class="done">Added below</div> </div> </td> </tr> </table> </div> </div>  </div>  </div>   <div id="landing_cta" style="width: 420px; display: none ;"> <p><b>Create this in minutes!</b></p> <div id="tripslide-inner" style="width: 420px; height: 272px"></div> <p style="font-size: 28px"><b>Add your pictures</b> to get started</ p> <p style="font-size: 24px;text-align: right">or <a href="/tripwow" o nclick= cancel_obu(); return true; >learn more</a></p> </div> <div id="prompt_area" style="display: none;"> <div class="clear"><br /></div> <h1><span>Step 2 Pick music & customize theme</span></h1> <h1><span>Step 3 Done! Share it with your friends</span></h1> </div>  <div id="customize_vtab" class="vtab hidden"> <h1><span>Step 2 </span> Customize</h1> <ul class="ul_tab"> <li class="li_tab meta selected" tab_for="meta_content"><span class="noP ngFix"></span>About You</li> <li class="li_tab costars" tab_for="costars_content"><span class="noPngF ix"></span>Co-Stars</li> <li class="li_tab music" tab_for="music_content"><span class="noPngFix"> </span>Music</li> <!-<li class="li_tab maps" tab_for="maps_content"><span class="noPngFix"></ span>Maps</li> --> <li class="li_tab themes" tab_for="themes_content"><span class="noPngFix "></span>Themes</li> </ul> <div class="tab_content_container">  <div class="tab_content meta_content"> <label for="presenter">Your Name</label> <input type="text" name="presenter" default="Your name" value="Your name" id="presenter" onclick="return selectAllIfUnchanged(this)" maxlength="40"/ > <br/> <br/> <label for="title">Slideshow Title</label> <input type="text" name="title" default="Your slideshow title" value ="Your slideshow title" id="title" onclick="return selectAllIfUnchanged(this)" m axlength="60"/> <br/>
<br/> <label for="avatar"></label> <input type="hidden" name="avatar" value="" id="avatar"/> <div id="avatar_img_wrapper"> <img src="http://images.travelpod.com/bin/tripwow/images/blank.g if" id="avatar_img" alt=""/> <div id="avatar_img_reset"><a href="#" onclick="my_builder.reset Avatar();">Change picture</a></div> </div> <div id="avatar_upload_wrap" style="width: 180px; height: 22px; posi tion: relative; float: left; margin-top: 6px"> <div style="width: 180px; height:22px; padding: 0;" class="file_ upload_button"> <span id="avatarUploadButtonPlaceholder"></span> </div> </div> <div class="clear"><br/></div> <div class="progressContainer" id="divAvatarProgressContainer" style ="display:none;" > <a id="avatarCancelButton" class="progressCancel noPngFix" href= "#" ></a> <img style="float: left; margin: 1px 3px;" src="http://images.tr avelpod.com/bin/tripwow/images/overlay/throbber.gif" alt="" /> <div class="progressMessage"> </div> <div class="progressBarWrapper"> <div class="progressBar" style="width: 0%;"></div> </div> </div> </div>  <div class="tab_content costars_content"> <div id="costar_template" class="hilite costar_template"> <form class="default" action=""> <ul> <li class="row narrow"> <label>Co-Star #<span class="costar_num">1</span> Name:< /label> <input onfocus="this.onfocus=null; new_costar(); return false;" type="text" name="costar" value="" maxlength="40" class="costar_name"/> <div class="clear"></div> </li> <li class="costar_email_container row narrow hide"> <label>Their email<span class="costar_why_email"> (<a hr ef="#" onclick="TW.Overlay.show( why_costar_email ); return false;">why ?</a>)</ span>:</label> <input type="text" name="costar_email" value="" maxlengt h="128" class="costar_email"/> <div class="clear"></div> </li> </ul> </form> </div> <p><b>Who else is in your pictures?</b></p> <div id="costars_container"></div> </div>
 ide">
<div id="music" class="tab_content music_content flashH
<div id="music_no_set_city"> Music is based on the cities you visited.<br/><br/> Click "Set city" on the pictures below. </div> <div id="music_upload_container"> <div id="music_warning" class="hidden"> Please do not upload copyrighted music </div> <div id="music_upload_wrap" style="width: 185px; height: 28p x; position: relative;" title="Make sure you have the right to distribute the m usic you upload." alt="Make sure you have the right to distribute the mus ic you upload."> <div style="width: 185px; height: 28px; padding: 0;" cla ss="file_upload_button" onmouseover="$( #music_warning:not(:visible) ).slideDown ()"> <span id="musicUploadButtonPlaceholder"></span> </div> </div> <div id="builtin_music" class="button primary" style ="height: 18px; width: 165px; margin-top: 15px; font-weight: bold; font-size: 14 px; line-height: 18px;" onclick="$(this).fadeOut( fast , function() {$( #music_c hoices ).fadeIn();});">Choose from our music</div> <div class="progressContaine r" id="divMusicProgressContainer" style="display:none;" > <a id="musicCancelButton" class="progressCancel noPngFix " href="#" ></a> <img style="float: left; margin: 1px 3px;" src="http://i mages.travelpod.com/bin/tripwow/images/overlay/throbber.gif" alt="" /> <div class="progressMessage"> </div> <div class="progressBarWrapper"> <div class="progressBar" style="width: 0%;"></div> </div> </div> </div> <div id="music_error_message" style="line-height:1.3em; font-wei ght:bold;">Your song is not an mp3 or m4a file or is copyright protected. Please try another song.</div> <div id="music_choices" style="display: none; padding: 10px 0 20 px 0;"> <form action="" method="post"> <table id="music_groups"> <tr><td width="200"><span class="loading"><b>Loading music choices</b></span></td></tr> </table> </form> </div> <div id="jquery_jplayer"></div> </div>   <div class="tab_content themes_content f lashHide"> <div class="preference"> <div class="themeItem clouds curTheme" the meName="clouds"> <a title=""></a> </div> <div class="themeItem passport" themeName="passport"
> <a title=""></a> </div> <div class="themeItem beach" themeName="beach"> <a title=""></a> </div> <div class="themeItem family" themeName="family"> <a title=""></a> </div> <div class="themeItem cruise" themeName="cruise"> <a title=""></a> </div> <div class="themeItem outdoors" themeName="outdoors" > <a title=""></a> </div> <div class="themeItem backpacking" themeName="backpa cking"> <a title=""></a > </div> <div class="themeItem romantic" themeName="romantic" > <a title=""></a> </div> <div class="themeItem celebration colourized" themeN ame="celebration"> <a title=""></a > </div> <div class="themeItem photojourney" themeName="photo journey"> <a title=""></ a> </div> <div class="themeItem generic colourized" themeName= "generic"> <a title=""></a> </div> <div class="themeItem simplesophisticated" themeName ="simplesophisticated"> <a title=""></a> </div> <div class="themeItem simplestars colourized" themeN ame="simplestars"> <a title=""></a > </div> <div class="themeItem simplehighlight colourized" th emeName="simplehighlight"> <a title=""></a > </div> <div class="clear"><br /></div>
</div> </div>  </div>  </div>  <div class="clear"><br /></div>  <div id="loading_area"><center><div class="throbber">Loading...</div></center></ div> <div id="middle_page"> <div id="preview_area"> <div id="preview_button" class="button" onclick="preview()">Preview</div > </div> <div id="tagger_instructions"><span>Step 3 optional</span><br/>Add captions, change cities & drag to re-order</div> <div id="save_area"> <span class="throbber">Saving</span> <div id="save_button" class="button primary" style="line-height:24px">Do ne!</div> <div id="start_over_area">or <a href="#" id="start_over">Start over</a>< /div> <div id="save_failed" class="hidden">An error happened while saving. Cli ck Done to try again.</div> </div> <div class="clear"><br /></div>  <div id= selectdialog class= minidialog > <ul> <li class= counter ><span class= count ></span><span style= font-sty le: bold > selected</span></li> <li class= command mdbutton > <input type= button class= cmd_set value= Set City /> </li> <li class= command mdbutton > <input type= button class= cmd_del value= Remove /> </li> <li class="command"> <a href="#" class= cmd_close >Clear selection</a> </li> </ul> </div> </div>
 <div id="builder_area"> <div id="slide_pics"> <ul id= sorter ><li id="location-1" class="ft_loc"> <div class="loc"> <div class="location"> Start of trip<br/><br/> <a href= # >Istanbul</a> </div> <div class="remove"> <a href="#" class="noPngFix"></a> </div> </div> </li></ul> </div> <ul id= selrow > <li><div><a href= # >Select Row</a></div></li> </ul> <ul id="frame-templates" class="hidden"> <li id="loc-template" class="ft_loc_template hidden"> <div class="loc"> <div class="location"> Start of trip<br/><br/> <a href= # ></a> </div> <div class="remove" class="noPngFix"> <a href="#" title="Remove this picture"></a> </div> </div> </li> <li id="photo-template" class="ft_photo_template hidden"> <div class="picture"> <div class="image"> <div class= uploaded > <div style= background-position: center center; ></div> </div> <div class= imported > <img src= http://images.travelpod.com/bin/tripwow/images /blank.gif onerror= this.className=this.className+" failed"; class= hidden fbi alt="" /> <div class= fbibg style= background-position: center ce nter; ></div> </div> </div> <div class="location"> <a href= # ></a> </div> <div class="caption"> <a href="#"></a> </div> <div class="remove" class="noPngFix"> <a href="#" title="Remove this picture"></a> </div> <input class= clickhappy value= 1 type= checkbox /> <div class="rotate hidden"> <a href="#" class="rotate_ccw noPngFix" title="Rotate photo 90° counter-clockwise"></a> <a href="#" class="rotate_cw noPngFix" title="Rotate photo 9
0° clockwise"></a> </div> </div> </li> </ul> </div>  <div id="citydialog" class= minidialog > <ul> <li class="instructions click-many">Select multiple pictures to set many at once</li> <li class="counter"><b><span class= one >This picture is from</span><span class= many >These <span class= count >0</span> pictures are from</span></b></li > </ul> <ul> <li class="cityname"> City: <input type="text" name="city" value="" id="city" class="city_ ac" /> <input type= button class= setcity disabled="disabled" value= Set /> <a href="#" class= cancel marg10left >Cancel</a> </li> </ul> </div>  <div id="locationdialog" class= minidialog > <ul class="instructions"> <li><b>I started my trip from</b></li> </ul> <ul> <li class="cityname"> City: <input type="text" name="city" value="" id="loccity" class="ci ty_ac" /> <input type= button disabled="disabled" class= setcity value= Set / > <a href="#" class= cancel marg10left >Cancel</a> </li> </ul> </div>  <div id= captiondialog class= minidialog > <ul> <li class= instructions ><b>Enter a caption</b></li> <li class= caption_name > <input type="text" name="caption_text" value="" id="caption_text" ma xlength="50"/> <input type= button id= set_caption value= Set /> <a href="#" class= cancel style="padding-left:10px">Cancel</a> </li> </ul> </div> </div>  </div> <script type="text/javascript"> setTimeout(function() { var e = document.getElementById( page_load_throbber );
if (e.style.display != none ) e.style.visibility = visible ; }, 500); </script> <script type="text/javascript">document.write(unescape("%3C/d iv%3E"))</script> <div id="footer" style= background:none > <div class="legal">Copyright ©2011 - Patent Pending <a href="http ://www.tripadvisor.com/pages/terms.html" target="_blank">Terms of Use</a> <a h ref="http://www.tripadvisor.com/pages/privacy.html" target="_blank">Privacy Poli cy</a></div> </div>  <div id="map_overlay_container" class="over lay"> <div id="map_overlay"> <div class="map_overlay_header"> <div class="map_overlay_title">Click the map <span style='color: #b5 a98f'>or search</span></div> <div style="height: 33px; float: right;"> <form action="#" onsubmit="search_map.search($('#search_input'). val()); return false;"> <input id="search_input" style="width: 150px;" type="text" / > <a class="button primary" href="#" onclick="search_map.searc h($('#search_input').val()); return false;"><span>Search</span></a> </form> </div> <div class="clear"><br /></div> </div> <div id="map_overlay_canvas"></div> <div id="search_results_container"> <div id="search_results_loading" class="hide"><img src="http://image s.travelpod.com/bin/tripwow/images/overlay/throbber.gif" alt=""/> Loading locati ons...</div> <div id="search_results_manual" class="hide"> <div id="search_results_error"></div> </div> <div id="search_results"></div> </div> <div class="clear"><br /></div> </div> </div>  <div id="flick_no_albums_overlay" class="modal overlay"> <p class="title">We couldnt find any Flickr photo sets to import</p> <div style="border: 1px solid #ccc; margin-bottom: 10px; padding: 2px; t ext-align:center;"> <span class="sample noPngFix"></span><br> <i>Create a Flickr photo set to import to TripWow</i><br/><br/> </div> <div style="text-align: left;"> <p>To import your Flickr photos, please create a Flickr <b>photo set </b> on <a href="http://www.flickr.com">Flickr.com</a>.</p> <p>Well fetch those photos for you from Flickr and presto, well whip u p a shiny new slideshow from your Flickr photos.</p> </div> <div class="clear"> </div> <br/> <div><span class= button primary onclick="$( .close ).click();">Ok</spa
n></div> </div>  <div id="no_blog_overlay" class="modal overlay"> <p class="title">All your TravelPod blogs are private.<br/><br/>You can either make your blog public,<br/>or use one of the other picture sources.</p> <p><span class= button primary onclick="$( .close ).click();">Ok</span> </p> </div>  <div id="no_tp_user_overlay" class="modal overlay"> <p class="title">Couldnt find a TravelPod user by that name.</p> <p> <span class= button primary onclick="$( .close ).click();">Ok</span > </p> </div>  <div id="why_costar_email_overlay" class="modal overlay"> <p class="title">Once youre done your slideshow well send out a nice invit ation to your co-stars so they can have a look at your creation.</p> <br/> <p> <span class= button primary onclick="$( .close ).click();">Thanks, very convenient</span> </p> </div>  <div id="city_overlay" class="modal overlay" style= padding:40px 100px > <p class="title">Which city are these pictures from?</p> <p class="subtle">Dont worry, you can make changes later.</p> <p> <b>City:</b> <input type="text" value="" class="city_ac"/> <input type="button" id="set_city" disabled="disabled" class= marg10 left value="Set City"/> </p> </div>  <div id="only_one_overlay" class="modal overlay"> <p class="title">To upload more than one picture at a time</p> <p>Press Click to upload again, then <b>while holding the CTRL key</b><br/ >on your keyboard, single click on all the images you want to upload.</p> <p>If your pictures are in <b>different folders</b>, add the pictures fr om one<br/>folder and then repeat the upload process for the other folders.</p> <br/> <p> <span class= button primary onclick="$( .close ).click(); show_cust omize_panel();">Ok, thanks</span> </p>
</div>  <div id="no_uploads_overlay" class="modal overlay"> <p class="title">Ooops!</p> <p>We couldnt upload any of your files. You could try using a Picasa or F acebook album. Sorry!</p> <br/> <p> <span class= button primary onclick="$( .close ).click();">Ok, than ks</span> </p> </div>  <div id="clear_overlay" class="modal overlay"> <p class="title">Delete everything and upload your pictures again?</p> <br/> <p> <a class= button yes onclick= my_builder.cancel_save(); cancel_obu( ); return true; style= text-decoration: none href= /tripwow/builder/?cs=&s sid=ta-demo&create_new=b&theme=&affinity= >Yes, delete everything</a > <span class= button cancel marg20left primary onclick="$( .close ). click();">No, cancel</span> </p> </div>  <div id="confirm_logout_overlay" class="mod al overlay"> <p class="title">Abandon changes and logout?</p> <br/> <p><span class="throbber">Logging out</span></p> <p class= logout_buttons > <a class= button yes onclick= return false; style= text-decoration : none href= /tripwow/builder/?cs=&ssid=ta-demo&create_new=b&theme= &affinity= >Yes, log out</a> <span class= button cancel marg20left primary onclick="$( .close ). click();">No, stay here</span> </p> </div>  <div id="abandon_changes_overlay" class="m odal overlay"> <p class="title"> You havent saved your slideshow yet </p> <p> To save, click Stay here and then Done! </p> <p class= logout_buttons tall style= margin-top: 2.5em > <span class= button cancel marg20right primary onclick="$( .close ) .click();">Stay here</span> <span class= button yes marg20left onclick= return false; style= t ext-decoration: none >Continue and lose everything</span> </p> <p><span class="throbber">Loading</span></p> </div>
 <div id="save_overlay" class="modal overlay"> <div class= form > <ul class="hidesave fb_login_form ua"> <li> <div> <a class= fb-login-button big onclick="return false;" i d="login_with_facebook_btn"><span>Login with Facebook</span></a> <strong style= font-size: 14px; padding-left: 3em >OR</s trong> </div> <div style= padding-top: 1em class="fb_activity"><span>Conn ecting</span></div> </li> </ul> <center> <ul id="save_form" style="width: 525px"> <li class="hidesave ua"> <div class="heading"><label for="email_edit">Your email: </label></div> <div><input type="text" name="email_edit" value="hayatnu r84@hotmail.com" id="email_edit" /></div> </li> <li class="hidesave ua"> <div class="heading"><label for="password">Password:</la bel></div> <div> <input type="password" name="password" value="" id=" password" /> <span class="light" style="margin-left:50px">Returni ng user?</span> <a class="pwrecovery" href= # onclick= return false; >Forget yo ur password?</a> </div> </li> <li id= form_error class= error hidesave ></li> <li class= fatal error >Oops! An error occurred while savin g your TripWow. Our web gurus have been informed of the problem. In the meanti me, we suggest you try again.</li> <li id="save_buttons" class="hidesave"> <div class="heading"> </div> <div> <span id="save_overlay_yes" class= button yes primar y ua onclick="save_overlay_submit();">Submit</span> <span id="terms_privacy_policy"> <input type="checkbox" id="terms_check" checked= "checked"/> <label for="terms_check"> <span class="subtle"> I agree to the <a href ="http://www.tripadvisor.com/pages/terms.html" target="_blank">Terms of Use</a> & <a href="http://www.tripadvisor.com/pages/privacy.html" target="_blank">Pr ivacy Policy</a></span> </label> </span> </div> </li> <li class="hidesave ua_show"> <div style= margin: 3em 0em >
<center><span id="ua_continue" class= button yes pri mary onclick="perform_save();">Continue</span></center> </div> </li> <li class= showsave ua_margin > <center><span class="throbber">Saving your slideshow</spa n></center> </li> </ul> </center> </div> </div>  <div id="preview_overlay" class="modal overlay"> <div id="preview_tripslide"><div id="tripslide-preview"><center><div cla ss="throbber black">Preparing preview</div></center></div></div> <div style="text-align: left; color: white; padding: 15px 0px; line-heig ht: 1.3em"> <b>Free Video Download</b><a class= marg20left href="#" onclick="$( #more-share-tip ).toggle(); return false;">Learn more »</a> <div id="more-share-tip" style="display: none; padding-top: 10px;"> When you re done your slideshow, you can share it online with all of your friends. If you d also like to download your slideshow to your PC, we ll g enerate a downloadable version of any slideshows that have been viewed 10 times online. So, get it out there! </div> <div style= line-height: 2em; padding-top: 1.8em > <center> <span id="save_button_preview" class="button primary marg20r ight">Save & Share</span> or <span class="button primary marg20left" onClick= TW.Overlay. close("preview"); my_builder.autopreview_pic_mpattrs = undefined >Customize</spa n> </center> </div> </div> </div>  <div id="post_save_overlay" class="overlay modal postsave"><div class="load"></d iv></div>  <div id="download_overlay" class="overlay modal postsave"><div class="load"></di v></div> <div id="ask_embed_overlay" class="overlay modal postsave"> <div class="content"> <div id= askembed style= width: 620px > <p class="title" style="margin: 15px, 0px; font-size: 20px"> <span class= bold >Embed this slideshow on your non-Facebook* blog or we bsite?</span><br /> <span style="font-size: 14px"><b>*</b> These embeds are for use on sites such as Blogger, WordPress, LiveJournal, and others</span> </p> <div class= img ><a href= # class= do_embed noPngFix ></a></div> <p style= padding-top: 20px > <a href= # onclick="return true" class= button primary do_embed ><span >Embed on your site</span></a> <a href= # onclick="return false" class= marg30left button primary afte
r_embed ><span>Skip</span></a> </p> </div> </div> </div>  <div id="embed_overlay" class="overlay modal postsave"> <div class="content"> <div class="embed_overlay" > <div class="embed_title" >Embed your awesome new SLIDESHOW on your website or blog <div class= content st yle= float: right; ><a href= # class= button after_embed onclick="return false ;" ><span>Done</span></a></div> </div> <div id="slideshow-lg-container" class="noPngFix"> <div id="slideshow-lg-clip-container" class="clip-container"> <div id="slideshow-lg-clip-button" class="clipboard-button b utton primary" style="width: 175px;" share_type="Embed" embed_value="large">Clic k to Copy Embed Code</div> </div> <div id="slideshow-lg"><div class="video_size">680×425</di v></div> </div> <div id="slideshow-med-container" class="noPngFix"> <div id="slideshow-med-clip-container" class="clip-container"> <div id="slideshow-med-clip-button" class="clipboard-button button primary" share_type="Embed" embed_value="medium">Copy Code</div> </div> <div id="slideshow-med"><div class="video_size">420×272</d iv></div> </div> <div id="slideshow-sm-container" class="noPngFix"> <div id="slideshow-sm-clip-container" class="clip-container"> <div id="slideshow-sm-clip-button" class="clipboard-button button primary" share_type="Embed" embed_value="small">Copy Code</div> </div> <div id="slideshow-sm"><div class="video_size">340×225</di v></div> </div> <div class="clear"><br/></div> <div style="text-align: left; padding-top: 10px; padding-left: 10px; "> <label id="auto_play_check_label" style="float: left; font-weigh t: normal; vertical-align: top;"><input type="checkbox" id="auto_play_check" val ue="1" /> Start playing the slideshow automatically</label> <div style="float: left; position: relative; padding-left: 10px; "> <img src="http://images.travelpod.com/bin/famfamfam_silk/gif s/help.gif" class="help" alt="" /> <div class="help_content below"> Keep Start playing the slideshow automatically checked to have the slideshow start playing as soon as your visitors see it.<br/><br/> By unchecking the box, your guests will have to click th e slideshow for it to start playing. </div> </div> </div> </div> <div id="badge_container" class="embed_overlay" > <div class="clear"><br/></div>
<div class="embed_title">or perhaps youd prefer a nice BADGE for your sidebar.</div> <div id="badge-lg-container"> <div id="badge-lg-clip-container" class="clip-container"> <div id="badge-lg-clip-button" class="clipboard-button bu tton primary" share_type="Embed_Badge" embed_value="badge_large">Copy Code</div> </div> <div id="badge-lg"></div> </div> <div id="badge-med-container"> <div id="badge-med-clip-container" class="clip-container"> <div id="badge-med-clip-button" class="clipboard-button b utton primary" share_type="Embed_Badge" embed_value="badge_medium">Copy Code</di v> </div> <div id="badge-med"></div> </div> <div id="badge-sm-container"> <div id="badge-sm-clip-container" class="clip-container"> <div id="badge-sm-clip-button" class="clipboard-button bu tton primary" share_type="Embed_Badge" embed_value="badge_small">Copy Code</div> </div> <div id="badge-sm"></div> </div> <div class="clear"><br/></div> </div> </div> </div>  <div id="facebook_ask_walls_overlay" class="overlay modal postsave"> <div class="content"> <div id= askwalls style= width: 550px > <p class="title" style="margin: 15px; font-size: 22px"><span class= bold >Sh are your slideshow with friends on Facebook?</span></p> <div class= img ><a href= # class= facebook_post_walls noPngFix ></a></div> <p style= padding-top: 20px > <a href= # onclick="return true" class= fb-login-button facebook_do_wal ls id= post_on_facebook_wall_btn ><span>Post on Facebook Wall</span></a> <a href= # onclick="return false" class= marg30left fb-skip-button face book_after_walls id= skip_post_on_facebook_wall_btn ><span>Skip</span></a> </p> </div> </div> </div> <div id="facebook_do_walls_overlay" class="overlay modal postsave"> <div class="content">  <div id= wallpost > <div class="header"><span></span> Share on Facebook</div> <div class="message"> <div class="groupheader"><span></span><strong>Add a Message:</strong <form action= onsubmit= return false; > <input id="wall_message" type="text" value="Write something ..." onfocus="var v = $(this).val(); $(this).val( v === this.defaultValue ? : v ) .addClass( focus );" onblur="var v = $(this).val(); $(this).val( v.match(/^\s+$ ^$/) ? this.defaultValue : v ); if ( v == '') $(this).removeClass('focus');" /> </form> </div>
></div>
<div class="clearfix"> <div id="fb_walls_mosaic"> <div id='sectionyou' class="section" style="display:none;"> <div class="groupheader"><span></span>Share on <strong>Your Wall :</strong></div> <div id='listyou' class="list clearfix"></div> </div> <div id='sectioncostars' class="section" style="display:none;"> <div class="groupheader"><span></span>Share on your <strong>Cost ars's Wall:</strong></div> <div id='listcostars' class="list clearfix"></div> </div> <div id='sectionfriends' class="section" style="display:none;"> <div class="groupheader"> <span></span>Share on your <strong>Friend's Wall:</strong> <div class="searchfriends"> <div class="button">Search</div> <form action="" onsubmit="return false;"> <input id="friendsearch" type="text" value="Search for friends" onfocus="$(this).val('').keyup(function(){typeahead();}); typeahead(); " onblur="var v = $(this).val(); $(this).val( v.match(/^\s+$ ^$/) ? this.default Value : v ); if ( v == '') $(this).removeClass('focus');" /> </form> <div id="clearsearch" onclick="clearsearch();">x</div> </div> </div> <div id='listfriends' class="list clearfix"></div> </div> <div id="finished_sharing" style="display:none;">Wow, you shared y our slideshow with all your Facebook friends. Thanks! <br><br> <a href="#" class ="button primary facebook_after_walls" onclick="return false">Done</a></div> <img id='throbber' style="margin: 30px;" src="http://images.travel pod.com/bin/tripwow/images/overlay/throbber.gif" alt="" /> </div> <div id="fb_walls_shared"> <div id="xofy"><strong>25 Shares Remaining</strong></div> <div id="progress_wrapper"> <div id="xofyprogress" style="width: 100%;" class="green "></div> </div> <div id='listsent' class="list"> <div class="card you"> <div class="imgwrap"></div><div class="namewrap"></div> </div> <div class="card unsent"> <div class="imgwrap"></div><div class="namewrap"></div> </div> <div class="card unsent"> <div class="imgwrap"></div><div class="namewrap"></div> </div> <div class="card unsent">
<div class="imgwrap"></div><div class="namewrap"></div> </div> <div class="card unsent"> <div class="imgwrap"></div><div class="namewrap"></div> </div> <div class="card unsent"> <div class="imgwrap"></div><div class="namewrap"></div> </div> </div> </div> </div> <div id="fb_walls_footer"> <a id="skipordone" class='button facebook_af ter_walls' href='#' onclick="return false"><span>Skip</span></a> <div id="donesharing">Sharing ...</div> </div> </div> </div> </div> <div id="facebook_ask_overflow_overlay" class="overlay modal postsave"> <div class="content"> <div id='ask_overflow' style="width:400px"> <div style="padding: 10px 0px"> <span class='title' style='font-size: 20px">'>Daily Sharing Limit Exceeded </span> </div> <div style='padding-top: 10px'> <span id='overflow_info'> </span> <div style="display: inline; position: relative; padding: 2px 10px;"> <img src="http://images.travelpod.com/bin/famfamfam_silk/gifs/help.gif" class="help" alt="" /> <div class="help_content below"> <p><b><u>Share Limit Exceeded</u></b></p> <p>Facebook limits the number of times that you may share your slidesh ows in any given day.</p> <p>If you would still like to share this slideshow with the rest of th e friends that you selected on the previous screen, we can do it automatically f or you later.</p> </div> </div> </div> <p id='ask_overflow_buttons' style='padding-top: 20px'> <a href='#' class='fb-login-button facebook_do_overflow' onclick="return true"><span>Share Later on Facebook</span></a> <a href='#' class='marg30left fb-skip-button facebook_after_overflow' on click="return false" ><span>Skip</span></a> </p> </div> </div> </div> <div id="facebook_auto_overflow_overlay" class="overlay modal postsave"> <div class="content"> <div id='auto_overflow' style="width:500px"> <div style="padding: 10px 0px"> <span class='title' style='font-size: 20px">'>Thanks for sharing!</span> </div> <div style='padding-top: 10px'> <span id='auto_overflow_info'>We'll deliver your shares over the next few days.</span> <div style="display: inline; position: relative; padding: 2px 10px;"> <img src="http://images.travelpod.com/bin/famfamfam_silk/gifs/help.gif"
class="help" alt="" /> <div class="help_content below"> <p><b><u>Share Limit Exceeded</u></b></p> <p>Facebook limits the number of times that you may share your slidesh ows in any given day.</p> <p>We will attempt to deliver the rest of your shares as soon as possi ble. Please note, that in some cases this can take a few days to complete.</p> </div> </div> </div> <p id='ask_overflow_buttons' style='padding-top: 20px'> <a href='#' class='marg30left fb-skip-button facebook_after_overflow' on click="return false" ><span>Continue</span></a> </p> </div> </div> </div>  <div id='facebook_ask_costars_overlay' class="modal overlay postsave"> <div class="content"> <p class="title" style="font-size: 22px"><span class='bold'>We made a mo vie poster of your slideshow!</span></p> <div id='costars'></div> <span class="throbber painting">Painting your personalized movie poster<b r /><br /></span> <p class='csbuttons' style="margin-top:30px"> <a href='#' class='fb-login-button facebook_do_costars' onclick="ret urn true;"><span>Share this on Your Wall</span></a> <a href='#' class='marg20left fb-skip-button facebook_after_costars' onclick='return false;'><span>Skip</span></a> </p> <p> <span class="throbber sharing">Sharing your movie poster</span> </p> <div class="clear"><br /></div> </div> </div>  <div id="facebook_ask_wall_overlay" class="overlay modal"> <div class="content"> <div id='askwall' style='width: 550px'> <p class="title" style="margin: 15px 0px; font-size: 22px"><span class='bold '>Share this slideshow on your Facebook news feed?</span></p> <div class='img'><a href='#' class='facebook_post_wall noPngFix'></a></div> <p style='padding-top: 20px'> <a href='#' onclick="TW.Overlay.close('facebook_ask_wall');ret urn false;" class='fb-login-button facebook_do_wall'><span>Share on Facebook</sp an></a> <a href='#' onclick="TW.Overlay.close('facebook_ask_wall');ret urn false;" class='marg30left fb-skip-button facebook_after_wall'><span>Skip</sp an></a> </p> </div> </div> </div>  <div id="share_email_v2_overlay" class="overlay modal"> <div class="content"> <div id="share_email_v2" class="section" style="width: 510px"> <div class="header">
Email this slideshow to your friends </div> <form class="default" action="" onsubmit="return false;"> <table id="v2_email"> <tr class="v2_askemail"><td colspan=2 class="instructions">Enter you r email address</td></tr> <tr class="v2_getcontacts"><td colspan=2 class="instructions">Login to <span class="domainname"></span> to use your address book</td></tr> <tr ><th><span class="serviceicon"></span><span class="servicename"> </span> Email:</th> <td><input id="v2_email_from" style="width:200px;" name="email_f rom" class="textfield" type="text" value="" onblur="set_from_email(this.value);" /> <a href='#'id="v2_email_clear" onclick="ask_from_email();re turn false;">Other email?</a> <div id="from_error" class="error_msg"></div> </td></tr> <tr class="v2_askemail"><td colspan=2> <div class="buttons center"> <a class='button primary' href='#' onclick="return false;" s tyle="margin-left: 20px" ><span>Next</span></a> </div> </td><tr> <tr class="v2_getcontacts"><th><span class="serviceicon"></span><spa n class="servicename"></span> password:</th> <td><input id="v2_password" style="width:200px;" class="textfiel d" name="pw" style="color: #666" type="password" value="" autocomplete="off" > <div id="getcontacts_error" class="error_msg"></div> </td></tr> <tr class="light v2_getcontacts"><td colspan=2 class="no-store">We d o not store this password. It is only used to get your address book.</td></tr> <tr class="v2_getcontacts"><td colspan=2> <div class="waiting">getting contacts…</div> <div class="buttons center"> <a id="get_contacts" class='button primary' href='#' onclick ="return false;" ><span>Get My Address Book</span></a> <a id="skip" class='button after_email_v2' href='#' onclick= "TW.Overlay.close('share_email_v2');return false;" style="margin-left: 20px" ><span>Skip</span></a> </div> </td><tr>  <tr class="v2_getoauth"><td colspan=2> <div class="waiting">Getting contacts…</div> <div class="buttons center"> <a id="get_oauth_contacts" class='button primary' href='#' o nclick="yahoo_oauth();return false;" ><span>Get My Contact List</span></a> <a class='button after_email_v2' href='#' onclick="TW.Overla y.close('share_email_v2');return false;" style="margin-left: 20px" ><s pan>Skip</span></a> </div> </td><tr>  <tr class="v2_gotcontacts"><th></th><td id='v2_letters' class='jumpt o'><span><br/></span></td></tr> <tr class="v2_gotcontacts"><th>To:</th> <td style='padding-top:1px; margin-top:1px;'><div id="contact_li st" style="margin-bottom: 4px;"></div> <span style="font-size: 12px;"><a href="#" onclick="check_al l(true); return false;">Select All</a>   <a href="#" onclick="check_all(false); return false;">Select None</a></span><br/><br/> </td></tr> <tr class="v2_manualcontacts"><th>To:</th><td><div id="manual_contac ts"> <input id="mail_to_1" name="mail_to_1" class="textfield" type="t ext" onblur="shuffle_fields();" /> </div></td></tr> <tr class="v2_compose"><th>Message:</th> <td><textarea id="email_message" name="email_message" class="tex tarea" rows="6" custom="0">Check out my amazing travel slideshow!</textarea> <div id="send_error" class="error_msg"></div> </td></tr> <tr class="v2_compose"><td colspan=2> <div class="sending waiting">Sending email…</div> <div class="buttons center"> <a id="email_submit" class='button primary' href='#' onclick=" return false;" ><span>Send Email</span></a> <a id="skip2" class='button after_email_v2' href='#' onclick=" TW.Overlay.close('share_email_v2');return false;" style="margin-left: 20px"><span>Skip</span></a> </div> </td></tr> </table> </form> <div class="clear"><br /></div> </div> <div class="clear"><br /></div> </div> </div>  <div id='feedback_overlay' class="modal overla y postsave" > <div style="width: 550px; text-align: center; margin: auto; "> <center> <p class="title" style='line-height: 1.2em;'>Do you have any suggest ions on how to improve TripWow? </p> </center> <div id="feedback" style="padding: 10px; margin-bottom: 10px;"> <form method="post" action="/tripwow/feedback"> <input type="hidden" name="feedback_origin" value="" id="feedbac k_origin" /> <div id='ff_form'> <textarea id="feedback_text" name="feedback_text" style="ver tical-align:middle; width: 300px; height: 40px;" rows="2" cols="40"></textarea> <span class="button marg20left primary" style="vertical-alig n:middle;">Send Feedback</span> <span class='marg20left button secondary' style="vertical-al ign:middle;" onclick="TW.Overlay.close('feedback'); return false;">Skip</span> <div id='fbemailcontainer' style='padding: 3px; text-align: left'><label for="feedback_email" style='display: inline'><b>Your email:</b> </l
abel> <input type="text" id="feedback_email" name="feedback_email" style="width: 200px;vertical-align:middle;" value="hayatnur84@hotmail.com"/></div> </div> </form> </div> </div> </div>  <div id="too_many_pics_overlay" class="modal overlay" style='width: 550px;'> <p class="title">Wow! Thats a lot of pictures!</p> <ul style= line-height: 1.4; margin-bottom: 2em; list-style: none; > <li>You ve added <span class= numpics ></span> pictures which w ill make your slideshow approximately <span class= howlong ></span> minutes long .</li> <li><strong>We recommend that you keep your slideshow to less than 1 50 pictures.</strong></li> <li>This is for performance reasons and so that your friends and fam ily dont fall asleep.</li> <li>Feel free to create as many slideshows as you want! It wont cost you a thing!</li> <li style= margin-top: 1em ><strong>To remove pictures,</strong> cli ck all the pictures you want to remove and then click Remove.</li> </ul> <p> <span class= button primary onclick="$( .close ).click();">Ok, less than 150 pictures for best results</span> </p> </div>  <div id="pic_chooser_overlay" class="modal overlay" style="width: 700px;"> <div id="pic_template" class="pic_template"> <img src="http://images.travelpod.com/bin/tripwow/images/blank.gif" alt="" /> </div> <div id="pic_chooser_header"> <div style="float: left; text-align: left; font-size: 18px; line-hei ght: 1.2em;"> <b>Click the pictures you want to use</b><br/> <span class="subtle" style="font-size:0.8em">For best results pi ck less than 150 pictures</span> </div> <div class="button primary" style="float: left; margin-left: 15px;" id="rand_select">Randomly Select <span id="rand_select_num"></span></div> <div style="float: right;"> <div id="selected_container"><span id="selected"></span> pi cture<span id="selected_s" style="display: none">s</span> selected</div> <div id="pic_chooser_done" class="button primary" style="float: left;">Done Selecting</div> </div> <div class="clear"> </div> </div> <div id="pic_chooser_container"> </div> </div> <div id="cant_do_that_overlay" class="modal overlay" style= width: 500px >
<ul class= no_geo hidden cdto_text style= line-height: 1.4; margin-bott om: 2em; list-style: none; > <li>Before saving your slideshow, you need to tell us where your pic tures are from.</li> <li style= margin-top: 1em ><strong>Click Set City on your pictures be low.</strong></li> </ul> <ul class= no_photos hidden cdto_text style= line-height: 1.4; margin-b ottom: 2em; list-style: none; > <li>You should add some pictures to your slideshow or else it wont be very entertaining.</li> </ul> <ul class= wait_to_save hidden cdto_text style= line-height: 1.4; margi n-bottom: 2em; list-style: none; > <li>You should wait for your upload to finish before you continue. C lick the red X on the upload box to cancel your uploads.</li> </ul> <p> <span class= button primary onclick="$( .close ).click();">Ok</span > </p> </div>  <div id= group_by_city_overlay class="modal overlay"> <p class="title">Group these pictures from <span class= city >city</span > together?</p> <br/> <p> <span class= button yes primary >Yes, group them together</span> <span class= button cancel marg20left >No, thanks</span> </p> </div> <div id= fb_relink_denied_overlay class="modal overlay"> <p class="title">Sorry, we can t log you in</p> <p style= line-height: 1.5em > This slideshow was created using a different Facebook account.<br /> You need to login using that account to edit this slideshow. </p> <br /> <p> <span class= button primary onclick="$( .close ).click();">Ok</span > </p> </div> <div id= fb_no_email_overlay class="modal overlay" style= width: 525px > <p class="title">To use Facebook with TripWow, we need your email addres s.</p> <p>Try again and "Allow" the additional permissions.</p> <br /> <p> <span class= button primary onclick="$( .close ).click();">Ok</span > </p> </div> <div id="login_overlay" class="modal overlay"> <form method= get action= onsubmit= return false; >
<ul class="fb_login_form"> <li> <div> <a class= fb-login-button big onclick="TW.FB.connect({origi n: overlay }); return false;"><span>Login with Facebook</span></a> <strong style= font-size: 14px; padding-left: 3em >OR</stron g> </div> <div style= padding-top: 1em class="fb_busy hidden"><span>Conne cting</span></div> </li> </ul> <center> <ul id="login_form" style= width: 435px > <li> <div class="heading"><label for="login_email">Email:</label> </div> <div><input type="text" name="login_email" value="hayatnur84 @hotmail.com" id="login_email" /></div> </li> <li> <div class="heading"><label for="login_pass">Password:</labe l></div> <div> <input type="password" name="login_pass" value="" id="lo gin_pass" /> <a class= marg20left pwrecovery href= # onclick= retur n false; >Can t find your password?</a> </div> </li> <li id= login_form_error class= error ></li> <li class= tall > <div class="heading"><label> </label></div> <div class="save_buttons"> <span id="login_yes" class= button yes primary >Login</s pan> <a href= # id="login_no" class= secondary marg20left o nclick="TW.Overlay.close( login ); return false">Cancel</a> </div> <span class="throbber">Logging in</span> </li> </ul> </center> </form> </div> <div id="mismatch_overlay" class="modal overlay login-alert" style= widt h: 575px > <p class="title">Your Facebook account is already linked to a different Trip Wow user.</p> <p>Do you want to link your Facebook account to this TripWow user instead?</ p> <br/> <p> <span class= button cancel onclick="return false;">No, cancel</span> <a class= marg20left button yes primary onclick= return false; style= text-decoration: none >Yes, change to this user</a> </p> </div>
<div id="password_recovery_overlay" class="modal overlay"> <div class="load" id="_tripwow_account_password-recovery"></div> </div> <script src="http://images.travelpod.com/bin/tripwow/combined/js /base:builder_all:jquery.jplayer:ZeroClipboard:mixpanel:tw.ga:forms:1314037215.j s" type="text/javascript" charset="utf-8"></script> <script type="text/javascr ipt"> var my_builder = new Builder( #slide_pics , { edit_key : , slide_id : , session_id : 20110822203614\x2Dd446dc69c1b0c0831a2ac5841a1781 13 , image_server : http\x3A\x2F\x2Fimages.travelpod.com , upload_server : , builtin_music : [ { name : "Agify Cute", url : "\x2Faudio\x2Fmusic\x2Floopable\x2F\x5Fhi\x2Fagify\x 5Fcute.wow", order : 1 }, { name : "Acoustic Jitterbug", url : "\x2Faudio\x2Fmusic\x2Floopable\x2F\x5Fhi\x2Facousti c\x5Fjitterbug.wow", order : 2 }, { name : "Advantage", url : "\x2Faudio\x2Fmusic\x2F\x5Fhi\x2Fadvantage.wow", order : 3 }, { name : "Sunrise", url : "\x2Faudio\x2Fmusic\x2Floopable\x2F\x5Fhi\x2Fsunrise .wow", order : 4 }, { name : "Buzzy Doo Da", url : "\x2Faudio\x2Fmusic\x2F\x5Fhi\x2Fbuzzy\x5Fdoo\x5Fda. wow", order : 5 }, { name : "Summer Rain", url : "\x2Faudio\x2Fmusic\x2F\x5Fhi\x2Fsummer\x5Frain.wow" , order : 6 }, { name : "Snatchers", url : "\x2Faudio\x2Fmusic\x2F\x5Fhi\x2Fsnatchers.wow", order : 7 }, { name : "Brazilian Dawn", url : "\x2Faudio\x2Fmusic\x2Floopable\x2F\x5Fhi\x2Fbrazili an\x5Fdawn.wow", order : 8 }, { name : "Mr. Dynamite", url : "\x2Faudio\x2Fmusic\x2F\x5Fhi\x2Fmr\x5Fdynamite.wow" , order : 9 } ], asset_href_base : "http\x3A\x2F\x2Fimages.travelpod.com\x2Fbin\x2Ft ripwow", preview_url_base : "http\x3A\x2F\x2Ftripwow.tripadvisor.com\x2Ftw\x5 Fslides2\x2Ftemp\x2Duploads\x2F614\x2F20110822203614\x2Dd446dc69c1b0c0831a2ac584 1a178113", referral_slide : ta\x2Ddemo , create_new : false, pagegen_md_ver : 1 }); $.ajaxSetup({ cache: false, data: { twbrid: TlLE1AAOiL0 onnect_defaults.mode = builder_new ; /* Auth event bindings */ TW.Auth.bind( login , function(data) { init_share_email_v2(data.email); } }); TW.FB.c
$("#save_overlay #email_edit").val(data.email); $("#feedback_email").val(data.email); }); $("#my_slideshows, #login_edit_controls .create_new a, #header .content a:first").click(function() { var me = this; if (my_builder.has_changes()) { abandon_changes(function() { cancel_obu(); window.location.href = me.href; }); return false; } cancel_obu(); return true; }); if (my_builder.slide_id) { TW.Auth.preLogout = function() { TW.Overlay.show( confirm_logout ); return false; } TW.Auth.bind( logout , function(opts) { window.location.href = \x2Ftripwow\x2F ; }); } var costars_initialized = 0; function initialize_costars() { if (costars_initialized) return; $.each(my_builder.costars.collection(), function(index, value) { value.paint({ template: #costar_template , container: #costars _container }); var input = value.container().find( input.costar_name ); $(input).attr( onfocus , null); }); costars_initialized = 1; } function new_costar() { var last = my_builder.costars.last(); var num = (last) ? last.num() + 1 : 1; if (num > 10) return null; var new_costar = new CoStar({ num: num, name: , email: }); new_costar.paint({ template: #costar_template , container: #costar s_container }); my_builder.costars.add(new_costar); return new_costar; } function init_costars_tab() { for(var i = 0; i < 3; i++) { var costar = new_costar(); if (!costar) return; var input = costar.container().find( input.costar_name ); if (i < 2) $(input).attr( onfocus , null); }
} function hideCTA(now) { if (!doneReady) return; if (now) { swfobject.removeSWF("tripslide-inner"); $( #landing_cta, #prompt_area ).remove(); } else { $( #landing_cta, #prompt_area ).fadeOut( fast , function() { swfobject.removeSWF("tripslide-inner"); $(this).remove(); }); } } (function($){ var hideClassName = flashHide ; $.fn.extend({ flashHide: function() { return this.each(function(){ $(this).addClass(hideClassName); }); }, flashShow: function() { return this.each(function(){ $(this).removeClass(hideClassName); }); } }); })(jQuery); jQuery.fn.fadeToggle = function(speed, easing, callback) { return this.animate({opacity: toggle }, speed, easing, callback) ; }; $( #Email ).bind( keydown , function(e) { if (e.keyCode == 13) $( #picas a_submit ).click(); }); $( #flickr_user ).bind( keydown , function(e) { if (e.keyCode == 13) $( #flickr_submit ).click(); }); $( #uid ).bind( keydown , function(e) { if (e.keyCode == 13) $( #tp_subm it ).click(); }); $( #avatar ).bind( change , function(e) { if ($(this).val()) $( #avatar_img ).attr( src , $(this).val()).show(); else $( #avatar_img ).hide(); if ($(this).val()) { $( #avatar_img_wrapper ).show(); $( #avatar_upload_wrap ).hide(); } else { $( #avatar_img_wrapper ).hide(); $( #avatar_upload_wrap ).show(); } } ); function show_customize_panel() { hideCTA(true);
$( #customize_vtab:not(:visible) ).fadeIn(); } var var var var doneReady = false; upload_main; upload_avatar; upload_music;
/* *** BEGIN Document Ready *** */ $(document).ready(function() { $( #search_input ).keypress(function(event) { if (event.which == 13) { if ($(this).val()) { search_map.search($(this).val()); return false; } } }); $("#email_edit, #password").keypress(function(event) { $( #save_overlay_yes ).text( Submit ); $( #save_overlay_no ).hide(); if (event.which == 13) { if ($(this).val()) { $("#feedback_email").val($(this).val()); $("#save_overlay_yes").click(); } } }); $( #save_overlay_yes ).click(function () { $("#feedback_email").val($("#email_edit").val()); }); // Tab click binding for upload_vtab var $upload_vtab_items = $( #upload_vtab .li_tab ); var last_tab = facebook ; $upload_vtab_items.click(function(e) { //hideCTA(); $upload_vtab_items.removeClass( selected ); $(this).addClass( selected ); var tab_for = $(this).attr("tab_for"); var show_tab = tab_for; $( #upload_vtab .tab_content ).flashHide(); $( #upload_vtab .tab_content. +show_tab).flashShow(); var tabname = tab_for.replace("_content",""); my_builder.trigger_tab_event(tabname, tab_show , e); if (last_tab && last_tab != tabname) { my_builder.trigger_tab_event(last_tab, tab_hide , e); } last_tab = tabname; });
// Tab click binding for customize_vtab var $customize_vtab_items = $( #customize_vtab .li_tab ); var costars_tab_initialized = 0; $customize_vtab_items.click(function() { $customize_vtab_items.removeClass( selected ); $(this).addClass( selected ); var tab_for = $(this).attr("tab_for"); var show_tab = tab_for; if (tab_for == "costars_content" && my_builder.costars.size() >= 0 && my_builder.costars.size() <= 10) { if (!costars_tab_initialized) { init_costars_tab(); costars_tab_initialized = 1; } } if (tab_for == "music_content") { my_builder.showMusicPane(); } else { my_builder.stopAllMusic(); } $( #customize_vtab .tab_content ).flashHide(); $( #customize_vtab .tab_content. +show_tab).flashShow(); }).eq(0).click(); function showHidePanels(total, photos) { if (photos == 0) { $( #customize_vtab, #middle_page, #builder_area, #citydialog , #captiondialog ).fadeOut(); } else { $( #builder_area ).filter( :not(:visible) ).fadeIn( fast , f unction() { hideCTA(); $( #customize_vtab, #middle_page ).filter( :not(:visible ) ).fadeIn(); }); } } my_builder.init({ listContentsChanged: showHidePanels }); ////////////////////////////////////// // The upload stuff... // more handlers in swfupload.handlers.js... ////////////////////////////////////// function fileDialogStart () { //hideCTA(true); $( #complete_error_message ).hide(); my_builder.trackAddIntent( Uploader ); } var uploadQueue = [];
var newQueue = []; function fileQueuedLocal(file) { newQueue.push(file); fileQueued.call(this, file); } function fileDialogComplete(numFilesSelected, numFilesQueued) { try { if (numFilesQueued > 0) { newQueue.sort(function(a,b) { var la = a.name.toUpperCase(); var lb = b.name.toUpperCase(); if (la < lb) return -1; if (la > lb) return 1; return 0; }); uploadQueue.push.apply(uploadQueue, newQueue); newQueue = []; // Clear any old uploads and start uploading my_builder.batch_geo = undefined; show_customize_panel(); if ( numFilesQueued == 1 && typ eof fileDialogComplete.shown_only_one === undefined ) { my_builder.dialogQueue.addDialog( only_one ); } my_builder.dialogQueue.addDialog( city ); my_builder.trackAddStart( Uploader ); my_builder.uploadStatus( uploading ); fileDialogComplete.shown_only_one = 1; $( #instructions_pre_upload ).hide(); $( #instructions_while_uploading ).show(); $( #instructions_post_upload ).hide(); $( #divFileProgressContainer ).show(); var stats = this.getStats(); var total = stats.successful_uploads + stats.files_queue d; var sofar = stats.successful_uploads; uploadProgress( sofar,total ); this.startResizedUpload( uploadQueue.shift().id, this.cu stomSettings.maxPhotoWidth, this.customSettings.maxPhotoHeight, SWFUpload.RESIZE_ENCODING.JPEG, this.customSettings .jpegQuality ); } } catch (ex) { this.debug(ex); } } var upload_details = {}; // called for each file... function uploadComplete(file) { try { var stats = this.getStats(); var total = stats.successful_uploads + stats.files_queued; var sofar = stats.successful_uploads; if ( stats.files_queued > 0) { // One file complete uploadProgress( sofar,total );
// start the next file loading... this.startResizedUpload( uploadQueue.shift().id, this.cu stomSettings.maxPhotoWidth, this.customSettings.maxPhotoHeight, SWFUpload.RESIZE_ENCODING.JPEG, this.customSettings. jpegQuality ); my_builder.uploaded_photo(upload_details[file.id], funct ion() { /* nothing to see here */ }); } else { // All done uploadProgress( total, total ); my_builder.upload_done(upload_details, function() { $( #instructions_post_upload ).show(); $( #instructions_while_uploading ).hide(); $( #divFileProgressContainer ).hide(); my_builder.setCityNewUploads(); my_builder.uploadStatus( done ); }); this.cleanUp(); } } catch (ex) { this.debug(ex); } } function uploadProgress(n,m) { var status; if ( m == 0) { m = 1;} var percent = Math.ceil(( n / m ) * 100); if ( m === n ) { status = "Upload complete."; } else { status = "Uploading "+(n+1)+" of "+m; } $( #divFileProgressContainer ).find( .progressMessage ).html(sta $( #divFileProgressContainer ).find( .progressBar ).css( { width : percent + "%" } ); } function uploadSuccess(file, serverData) { try { var result = JSON.parse(serverData); if (serverData && result && result.status == "OK") { upload_details[file.id] = result; } else { uploadCancelAll(); alert( "SERVER ERROR: " + serverData); $( #complete_error_message ).show(); } } catch (ex) { this.debug(ex); } } if (swfobject.getFlashPlayerVersion().major) upload_main = new SWFUpload({ // Backend Settings upload_url: http\x3A\x2F\x2Fupload.travelpod.com/tripwow/builde
// //
tus);
r/do_upload/photo , post_params: { slide_id: , edit_key: , session_id: 20110822 203614\x2Dd446dc69c1b0c0831a2ac5841a178113 , ver: 2, twbrid: TlLE1AAOiL0 }, // Flash Settings prevent_swf_caching : true, flash_url : "/bin/tripwow/flash/swfupload.swf", // File Upload Settings file_types : "*.jpg;*.jpeg", file_types_description : "JPG Images", file_upload_limit : 0, // callback handlers swfupload_preload_handler : function() { if (preLoad.call(this) == false) return false; try { $(function() { $( .hideOnSWFUploadInit ).css({ display : none }); $( .showOnSWFUploadInit ).removeClass( showOnSWFUplo adInit ); }); } catch(e) {} }, swfupload_load_failed_handler : loadFailed, file_queued_handler : fileQueuedLocal, file_queue_error_handler : fileQueueError, file_dialog_start_handler : fileDialogStart, file_dialog_complete_handler : fileDialogComplete, upload_error_handler : uploadError, upload_success_handler : uploadSuccess, upload_complete_handler : uploadComplete, // Button Settings button_width: 200, button_height: 28, button_placeholder_id : "uploadButtonPlaceholder", button_text : <span class="btn">Click to upload</span> , button_text_style : .btn { color: #ffffff; font-weight: bold; f ont-size: 16px; font-family: Helvetica, Arial, sans-serif; } , button_text_top_padding: 2, button_text_left_padding: 36, button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT, button_cursor: SWFUpload.CURSOR.HAND, custom_settings : { maxPhotoWidth : 576, maxPhotoHeight : 576, jpegQuality: 95 }, // Debug Settings debug: false }); // arm the cancel button $("#mainCancelButton").mousedown(function() { uploadQueue = []; upload_main.uploadCancelAll(); TW.MP.push([ track , Build_Cancel_Upload , { Upload_Type $( .upload_content .instructions ).find( p ).show(); $( #divFileProgressContainer ).hide(); }); ////////////////////////////////////// // Avatar... blue aliens?...
: Ph
oto }]);
$( #avatar_upload_wrap ).hide(); }
function avatarDialogComplete(numFilesSelected, numFilesQueued) { try { if (numFilesQueued > 0) { $( #divAvatarProgressContainer ).show(); avatarUploadProgress( 0 ); this.startResizedUpload( undefined, this.customSettings. maxPhotoWidth, this.customSettings.maxPhotoHeight, SWFUpload.RESIZE_ENCODING.JPEG, this.customSettings .jpegQuality ); } } catch (ex) { this.debug(ex); } } var progTimerID=0; function fakeProg( percent ) { if ( percent >= 100 ) { if ( progTimerID ) clearTimeout( progTimerID ); percent = 100; } $( #divAvatarProgressContainer ).find( .progressBar ).css( { wid th: percent + "%" } ); if ( percent < 100 ) { percent = percent + 10; progTimerID = setTimeout( function(){fakeProg(percent)}, 500 ); } } function avatarUploadProgress(n) { if ( n == 0) { $( #divAvatarProgressContainer ).find( .progressMessage ).ht ml( "Uploading profile picture..."); fakeProg( 0 ); } else { $( #divAvatarProgressContainer ).find( .progressMessage ).ht ml( "Upload Complete."); fakeProg( 100 ); } } function avatarUploadSuccess(file, serverData) { try { $( #avatar ).val(serverData); } catch (ex) { this.debug(ex); } } function avatarUploadComplete(file) { try { // All done avatarUploadProgress( 1 ); this.cleanUp();
// ata) { // //
function avatarUploadComplete(event, queueID, fileObj, response, d
$( #divAvatarProgressContainer ).hide(); $( #avatar ).trigger( change ); } catch (ex) { this.debug(ex); } } if (swfobject.getFlashPlayerVersion().major) upload_avatar = new SWFUpload({ // Backend Settings upload_url: http\x3A\x2F\x2Fupload.travelpod.com/tripwow/builde r/do_upload/photo , post_params: { avatar: 1, slide_id: , edit_key: , session_id : 20110822203614\x2Dd446dc69c1b0c0831a2ac5841a178113 , twbrid: TlLE1AAOiL0 }, // Flash Settings prevent_swf_caching : true, flash_url : "/bin/tripwow/flash/swfupload.swf", // File Upload Settings file_types : "*.jpg;*.jpeg", file_types_description : "JPG Images", file_upload_limit : 1, // callback handlers swfupload_preload_handler : preLoad, swfupload_load_failed_handler : loadFailed, file_queued_handler : fileQueued, file_queue_error_handler : fileQueueError, //file_dialog_start_handler : fileDialogStart, file_dialog_complete_handler : avatarDialogComplete, upload_error_handler : uploadError, upload_success_handler : avatarUploadSuccess, upload_complete_handler : avatarUploadComplete, // Button Settings button_width: 180, button_height: 22, button_placeholder_id : "avatarUploadButtonPlaceholder", button_text : <span class="btn">Upload a profile picture</span> , button_text_style : .btn { color: #ffffff; font-weight: bold; f ont-size: 12px; font-family: Helvetica, Arial, sans-serif; } , button_text_top_padding: 2, button_text_left_padding: 20, button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT, button_cursor: SWFUpload.CURSOR.HAND, button_action: SWFUpload.BUTTON_ACTION.SELECT_FILE, custom_settings : { maxPhotoWidth : 576, maxPhotoHeight : 576, jpegQuality: 95 }, // Debug Settings debug: false }); // arm the cancel button... lol $("#avatarCancelButton").mousedown(function() { upload_avatar.uploadCancelAll(); }); //////////////////////////////// // Music function musicDialogComplete(numFilesSelected, numFilesQueued) {
ted +
function musicUploadProgress( file, complete, total ) { var percent = Math.ceil( complete / total * 100 ); if ( percent == 100 ) { $( #divMusicProgressContainer ).find( .progressMessage ).htm l( Adding song to list below... ); $( #divMusicProgressContainer ).find( .progressBar ).css( { width: percent + "%" } ); $("#musicCancelButton").hide(); } else { var stats = this.getStats(); var total = stats.successful_uploads + stats.files_queued; var n = 1 + stats.successful_uploads; $("#musicCancelButton").show(); $( #divMusicProgressContainer ).find( .progressMessage ).htm l( file.name + ( + n + of + total + ) ); $( #divMusicProgressContainer ).find( .progressBar ).css( { width: percent + "%" } ); } } var musicUploadStatus = {}; function musicUploadComplete(file) { try { var stats = this.getStats(); if ( stats.files_queued > 0) { // start the next file loading... this.startUpload( undefined ); } else { // All done $( #divMusicProgressContainer ).hide(); var first_photo; var user_set = 0; var frames = my_builder.getFrames( .ft_photo ); $.each(frames, function() { var photo = my_builder.getFrame(this.id); if (!photo) return; if (!first_photo) first_photo = photo; if (photo.music_user_set) user_set = 1; }); // If user has set 1 use first, if they ve set none set all to uploaded if (user_set) { first_photo.use_uploaded = 1;
try { if (numFilesQueued > 0) { $( #music_error_message ).hide(); $( #divMusicProgressContainer ).show(); this.startUpload( undefined ); } TW.error( Music upload: Dialog closed with files selected, + numFilesQueued + files queued ); } catch (ex) { this.debug(ex); } }
+ numFilesSelec
} else { $.each(frames, function() { var photo = my_builder.getFrame(this.id); if (photo) photo.use_uploaded = 1; }); } my_builder.load_new_music(); this.cleanUp(); if (musicUploadStatus[file]) { TW.error( Music upload: Successfully completed uploa } else { $( #music_error_message ).show(); TW.error( Music upload: Failed - resample/conversion } } } catch (ex) { this.debug(ex); } }
d );
error? );
function musicUploadSuccess(file, serverData) { try { var result = (serverData == "OK" ? { status: serverData } : JSON.parse(serverData)); if (serverData && result && result.status == "OK") { musicUploadStatus[file] = 1; } } catch (ex) { this.debug(ex); } } function musicUploadError(file, errorCode, message) { return uploadError(file, errorCode, message, $("#music_error_mes sage")); } if (swfobject.getFlashPlayerVersion().major) upload_music = new SWFUpload({ // Backend Settings upload_url: http\x3A\x2F\x2Fupload.travelpod.com/tripwow/builde r/do_upload/music , post_params: { slide_id: , edit_key: , session_id: 20110822 203614\x2Dd446dc69c1b0c0831a2ac5841a178113 , twbrid: TlLE1AAOiL0 }, // Flash Settings prevent_swf_caching : true, flash_url : "/bin/tripwow/flash/swfupload.swf", // File Upload Settings file_types : "*.mp3;*.m4a", file_types_description : "Music Files", file_upload_limit : 0, // callback handlers swfupload_preload_handler : preLoad, swfupload_load_failed_handler : loadFailed, file_queued_handler : fileQueued, file_queue_error_handler : fileQueueError, file_dialog_complete_handler : musicDialogComplete,
file_dialog_start_handler: function() { $( #builtin_music ).fadeOut( fast , function() { $( #music_choices ).fadeIn(); }); TW.error( Music upload: Dialog opened ); }, upload_error_handler : musicUploadError, upload_success_handler : musicUploadSuccess, upload_complete_handler : musicUploadComplete, upload_progress_handler : musicUploadProgress, // Button Settings button_width: 185, button_height: 28, button_placeholder_id : "musicUploadButtonPlaceholder", button_text : <span class="btn">Upload music</span> , button_text_style : .btn { color: #ffffff; font-weight: bold; f ont-size: 14px; font-family: Helvetica, Arial, sans-serif; } , button_text_top_padding: 4, button_text_left_padding: 45, button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT, button_cursor: SWFUpload.CURSOR.HAND, // Debug Settings debug: false }); // arm the cancel button... $("#musicCancelButton").mousedown(function() { upload_music.uploadCancelAll(); TW.MP.push([ track , Build_Cancel_Upload , { Upload_Type TW.error( Music upload: User cancelled ); }); /////////////////// $( #start_over ).bind_overlay( clear , click ); // Register facebook background image load failed even thandlers $( #sorter li img.fbi.failed ).each(function() { // Retry retryFBImage(this); }); $( #sorter li img.fbi ).error(function() { retryFBImage(this); }); bindFBTabEvents(); bindPicasaTabEvents(); bindFlickrTabEvents(); bindTPTabEvents(); my_builder.trigger_tab_event("facebook", doneReady = true;
: Mu
tab_show , undefined);
$("#save_button_preview").click(function() { $( #save_button ).click(); }); $( #save_button ).click(function () { if (my_builder.uploadStatus() == uploading ) { $( #cant_do_that_overlay .cdto_text ).hide(); $( #cant_do_that_overlay .wait_to_save ).show();
sic }]);
TW.Overlay.show( cant_do_that ); return false; } if (my_builder.numFrames( .ft_photo ) == 0) { $( #cant_do_that_overlay .cdto_text ).hide(); $( #cant_do_that_overlay .no_photos ).show(); TW.Overlay.show( cant_do_that ); return false; } if (my_builder.numFrames( .ft_loc ) == 0 && my_builder.numFrames WithGeos() == 0) { $( #cant_do_that_overlay .cdto_text ).hide(); $( #cant_do_that_overlay .no_geo ).show(); TW.Overlay.show( cant_do_that ); return false; } $("#preview_overlay:visible").length && TW.Overlay.show("save"); var skip_tc = TW.Auth.uid && (!TW.FB.uid TW.Auth.num_slides > 0); (function() { if (skip_tc) { save(); return; } if (TW.Auth.uid) { $("#save_overlay").addClass("auth_need_tc"); } else { $("#save_overlay").removeClass("auth_need_tc"); } my_builder.stopAllMusic(); $('#save_overlay .error').hide(); $("#preview_overlay:visible").length TW.Overlay.show( "save"); })(); }); }); /* *** END Document Ready *** */ TW.Overlay.create("group_by_city", undefined, { closeOnClick: false, closeOnEsc: false, top: 'center', close: '.button' }); var ignore_save_close = false; TW.Overlay.create("save", undefined, { top: 'center', closeOnClick: false, closeOnEsc: false, onBeforeClose: function (event) { return !ignore_save_close; }, onClose: function() { my_builder.autopreview_pic_mpattrs = undefined; }, onCreate: function(ol) { $(ol.selector).bind('onLoad', function() {
$("#save_overlay #email_edit").focus(); }); } }); // // // // // TW.Overlay.create('post_save', undefined, { onClose: function() { $("#post_save_overlay .load").html(""); } });
TW.Overlay.create('group_by_city', null, { closeOnClick : false, closeOnEsc : false, top : 'center', close : '.button' }); TW.Overlay.create('preview', null, { top : 'center', onClose : function(e) { swfobject.removeSWF("tripslide-preview"); // Clear autopreview_pic_mpattrs when closing the preview dialog via the close button if (e.originalEvent && e.originalEvent.target && e.originalEvent.target.className == "close" && e.originalEvent.target.parentElement && e.originalEvent.target.parentElement.id == "preview_overlay" ) { my_builder.autopreview_pic_mpattrs = undefined; } $('#preview_tripslide').html('<div id="tripslide-preview"><cente r><div class="throbber black">Preparing preview...</div></center></div>'); } }); TW.Overlay.create('city', null, { top : 'center', onBeforeClose : function() { my_builder.alertIfTooManyPhotos(); }, onCreate : function() { $('#city_overlay').bind('onLoad', function() { $('#city_overlay .city_ac').focus(); }); } }); TW.Overlay.create('only_one', null, { top: 'center' }); TW.Overlay.create('clear', null, {top: 'center'}); TW.Overlay.create('save', null, { top : 'center', closeOnClick : false, closeOnEsc : false, onBeforeClose : beforeSaveClose, onCreate : function() { $('#save_overlay').bind('onLoad', function() { $('#email_edit').focus(); }); }
}); var after_feedback = function() { }; TW.Overlay.create('feedback', null, { top : 'center', onClose : function() { after_feedback(); } }); var show_feedback_overlay = function(origin) { after_feedback(); }; var no_obu = false; function cancel_obu() { no_obu = false; window.onbeforeunload = null; } var ignore_save_close = false; function beforeSaveClose(event) { return !ignore_save_close; } // Facebook Co-Stars and Profile overlay process var fbpostsave; var loadedCalled = false, do_on_load; $(window).load(function () { // Facebook Co-Stars and Profile overlay process fbpostsave = new TW.FB.PostSave({ builder : my_builder }); function fbtimer() { setTimeout(function() { show_feedback_overlay("builder - exit"); }, 250); } window.onbeforeunload = function(event) { if (no_obu) return undef; cancel_obu(); // once only fbtimer(); if (my_builder.numFrames('.ft_photo') == 0) { return "PLEASE HELP! Why didn't you upload any pictures? CLI CK CANCEL to tell us!"; } return "You didnt save your slideshow. CLICK CANCEL to give feedb ack before you leave."; }; my_builder.preloadInit(); loadedCalled = true; if (do_on_load) { do_on_load(); } }); function save(email,password) { if (!$( #terms_check ).attr( checked )) { $( #save_overlay ).removeClass( saving ); alert("You must agree to the Terms of Use before continuing."); return false; } cancel_obu(); $( #save_overlay .error ).hide(); $( #save_overlay ).addClass( saving );
$( #middle_page ).addClass( saving ); my_builder.stopAllMusic(); ignore_save_close = true; function resetsave(nobuttons) { ignore_save_close = false; $( #save_overlay ).removeClass( saving ); $( #middle_page ).removeClass( saving ); } var track_share = fb_c_ + Math.floor((new Date()).getTime()/1000); $("#save_failed").hide(); my_builder.save({ success: function(data) { ignore_save_close = false; after_feedback = function() { window.location = data.url; } $( #post_save_overlay .load ).attr( id , data.post_save_over $( #download_overlay .load ).attr( id , data.download_overla y_url); data.title = $( #title ).val(); do_on_load = function() { if (fbpostsave) { fbpostsave.show( data, function() { show_feedback_ov erlay("builder - post save");} ); } else { show_feedback_overlay("builder - post save"); } }; if (loadedCalled) { do_on_load(); } TW.debug.log( Exit postsave.show ); //window.location = data.url; }, session_id: 20110822203614\x2Dd446dc69c1b0c0831a2ac5841a178113 , email: email "", password: password "", error: function() { resetsave(); if ($('#save_overlay:visible').length) { $('#save_overlay .fatal.error').show(); } else { $("#save_failed").show(); } }, badpassword: function(error) { resetsave(); $('#form_error').html(error).show(); }, session_expired: function(error) { resetsave(); $('#form_error').html("Your session has expired.").show(); $('#save_button').click(); lay_url);
} }); } function preview() { my_builder.stopAllMusic(); if (my_builder.numFrames() == 0) { return false; } my_builder.preview('tripslide-preview', 'http\x3A\x2F\x2Fimages.trav elpod.com\x2Fbin\x2Ftripwow\x2Fflash\x2Ftripwow.swf', 'http\x3A\x2F\x2Fimages.tr avelpod.com\x2Fbin\x2Ftripwow\x2Fflash\x2FexpressInstall.swf', 'http\x3A\x2F\x2F images.travelpod.com\x2Fbin\x2Ftripwow\x2Fflash\x2F', '20110822203614\x2Dd446dc6 9c1b0c0831a2ac5841a178113'); TW.Overlay.show('preview'); } function selectAllIfUnchanged(item) { var j = $(item); if (j.val() == j.attr('default')) { item.focus(); item.select(); return false; } } function setPreference() { $(".preference .throbber").fadeIn(); setTimeout("clearPreference();", 2000); } function clearPreference() { $(".preference .throbber").fadeOut('slow', function() {$(".preferenc e .pref_set").fadeIn();} ); } </script> <script type="text/javascript"> function bindFBTabEvents() { var handle = my_builder.tab_events.facebook = $('#upload_vta b .tab_content.facebook_content'); handle.bind('tab_show', function(e) { // nothing here }).bind('tab_hide', function() { // nothing here either }).bind('facebook_album_load', function() { $('#fb_album .throbber').show(); $('#fb_album .notfound').hide(); $('#fb_album .failed_to_get_albums').hide(); }).bind('facebook_album_error', function(event,type) { $('#fb_album .throbber').hide(); if (type == 'notfound') { $('#fb_album .notfound').show(); TW.MP.push(['track', 'Build_First_Photo_Add_Not_Foun d']); } else { $('#fb_album .failed_to_get_albums').show(); } }).bind('facebook_album_ready', function() { $('#fb_album .throbber').hide(); }); TW.FB.bind('init', function(e,r) {
if (!r !r.session) { handle.find('.connect.throbber').hide(); $('#fb_connect').show(); } }).bind('timeout_init', function() { $('.facebook_error.init').show(); }).bind('failed_init', function() { $('.facebook_error.failed').show(); $('#fb_connect').hide(); $("#fb_slow").hide(); }).bind('timeout_initrecovery', function() { $('.facebook_error').hide(); }).bind('no_email', function() { handle.find('.connect.throbber').hide(); $('#fb_connect').show(); }).bind('login', function() { handle.find('.connect.throbber').hide(); $('.facebook_error').hide(); $('#fb_connect').hide(); $('#fb_disconnect, #fb_album').show(); $('#fb_album .throbber').show(); $('#fb_stuck').hide(); }).bind('logout', function() { $('#fb_album .fb_album_item').filter(function() { return !$(this).hasClass('template') }).remove(); $('#fb_connect').show(); $('#fb_stuck').show(); $('#fb_album').hide(); $('#fb_disconnect').hide(); }).bind('progress_busy', function() { handle.find(".fb_activity").show(); $("#save_overlay").find(".fb_activity").show(); }).bind('progress_idle', function() { handle.find(".fb_activity").hide(); $("#save_overlay").find(".fb_activity").hide(); $("#fb_slow").hide(); }).bind('progress_slow', function() { $("#fb_slow").show(); }).bind('progress_slow_recovery', function() { $("#fb_slow").hide(); }); $(".fb_retry_albums").click(function(e) { TW.MP.push(['track', 'Build_First_Photo_Add_Retry']); my_builder.fb_get_albums(e); return false; }); } function retryFBAlbumImage(image) { if ($(image).hasClass('retried')) { // Failed twice return; } $(image).addClass('retried'); setTimeout(function() { image.src = image.src + '?_=2'; }, 1000); }
</script> <script type="text/javascript"> function bindPicasaTabEvents() { var handle = my_builder.tab_events.picasa = $('#upload_v tab .tab_content.picasa_content'); handle.bind('tab_show', function() { $('#Email').focus(); }); } </script> <script type="text/javascript"> function bindFlickrTabEvents() { var handle = my_builder.tab_events.flickr = $('#upload_v tab .tab_content.flickr_content'); handle.bind('tab_show', function() { $('#flickr_user').focus(); }); } </script> <script type="text/javascript"> function bindTPTabEvents() { var handle = my_builder.tab_events.tp = $('#upload_vtab .tab_content.tp_content'); handle.bind('tab_show', function() { $('#uid').focus(); }); } </script> <script type="text/javascript"> $(function() { swfobject.embedSWF( "http\x3A\x2F\x2Fimages.travelpod.com/bin/tripwow/fl ash/player.swf", "tripslide-inner", "420", "272", "10", "http\x3A\x2F\x2Fimages.travelpod.com\x2Fbin\x2Ftrip wow\x2Fflash\x2FexpressInstall.swf", { videoUrl: "http\x3A\x2F\x2Fimages.travelpod.com/ bin/tripwow/video/tripwow_demo.flv", clickUrl: "\x2Ftripwow\x2Fbuilder\x2F\x3Fcs\x3D\ x26ssid\x3Dta\x2Ddemo\x26create\x5Fnew\x3Db\x26theme\x3D\x26affinity\x3D" }, { bgcolor: "#000000", wmode: "opaque", allowscriptaccess: "always", allowfullscreen: true } ); }); </script> <script type="text/javascript" charset="utf-8"> function playThemeVideo(themeName, colourized, themeDom) { if (!themeName) return; swfobject.removeSWF("themevid"); swfobject.embedSWF( "http\x3A\x2F\x2Fimages.travelpod.com/bin/tripwow/images /themes/theme-" + themeName + ".swf", "themevid", "256", "150", "10",
"http\x3A\x2F\x2Fimages.travelpod.com\x2Fbin\x2Ftripwow\ x2Fflash\x2FexpressInstall.swf", { }, { base : "http\x3A\x2F\x2Fimages.travelpo d.com\x2Fbin\x2Ftripwow\x2Fflash\x2F", bgcolor : "#000000", wmode : "opaque", allowscriptaccess : "always", allowfullscreen : true, loop : "yes", autostart : "yes" }, {}, function(e) { if (!e.success) return; var tooltip = $('#themevid').closest('.tooltip'); $('#themeClicker').click(function() { setTheme(themeName); }); if (colourized) { if (!tooltip.find('.colorpicker').length) { themeColourPicker(tooltip, themeName, themeD om); } } else { $('#themeClicker').css({ backgroundColor: 'black', opacity: 0.0 }); } } ); } function setTheme(themeName) { if (!themeName) return; if (my_builder.Theme() != themeName) { my_builder.Theme(themeName); my_builder.ThemeAttrs({}); $('.themes .item, .themes_content .themeItem').each(func tion() { if ($(this).attr('themeName') == themeName) { $(this).addClass('curTheme'); } else { $(this).removeClass('curTheme'); } }); } } function themeColourPicker(tooltip, themeName, themeDom) { var target = tooltip.find('.themeWrap'); var html = '<div class="colorpicker"><p>Click a color...</p> <span class="red" /><span class="orange" /><span class="yellow" /><span class="g reen" /><span class="blue" /><span class="indigo" /><span class="violet" /><div class="clear"></div></div>'; if ($(themeDom).parents('#theme_picker').length) { target.append(html).find('.colorpicker').addClass('botto m'); } else { target.prepend(html).find('.colorpicker').addClass('top' );; } $('span', tooltip).each(function() { $(this).data('colour', $(this).attr('class')) });
$('span', tooltip).bind({ mouseenter: function() { $('#themeClicker').css({ backgroundColor: $(this).cs s('color'), opacity: 0.5 }); }, mouseleave: function() { var colour = $('span.current', tooltip); $('#themeClicker').css({ backgroundColor: colour.css ('color'), opacity: 0.5 }); }, 'click.color': function() { $('span', tooltip).removeClass('current'); $(this).addClass('current'); $('#themeClicker').css({ backgroundColor: $(this).cs s('color'), opacity: 0.5 }); }, 'click.theme': function() { $('#themeClicker').click(); my_builder.ThemeAttrs({colour: $(this).data('colour' )}); } }); var curColour = my_builder.ThemeAttrs().colour ''; if (!curColour) { switch(themeName) { case 'celebration': case 'simplestars': curColour = 'blue'; break; case 'generic': curColour = 'blue'; break; case 'simplehighlight': curColour = 'green'; break; default: curColour = 'red'; break; } } $('span.' + curColour, tooltip).trigger('click.color'); } $(function() { $('.themes .item img, .themes .item a, .themes_content .them eItem img, .themes_content .themeItem a').click(function(e) { var item = $(this).closest('.themeItem, .item'); setTheme(item.attr('themeName')); e.preventDefault(); return false; }); var opts = { predelay : 250, delay : 100, effect : 'fade', fadeInSpeed : 300, fadeOutSpeed : 10, offset : [-15, 30], opacity : 1.0, position : 'bottom left', onBeforeShow : function() {
swfobject.removeSWF("themevid"); $('#themevid, #themeClicker').remove(); this.getTip().empty().html('<div class="themeWrap">< div class="themeVidWrap"><div id="themevid">Loading Preview...</div><div id="the meClicker"></div></div></div>'); var themeDom = this.getTrigger().closest('.themeIte m, .item'); var colourized = themeDom.hasClass('colourized'); this.getTip().removeClass('colourized'); if (colourized) { this.getTip().addClass('colourized'); } }, onShow : function() { var themeDom = this.getTrigger().closest('.themeIte m, .item'); var themeName = themeDom.attr('themeName'); playThemeVideo(themeName, themeDom.hasClass('colouri zed'), themeDom); }, onBeforeHide : function() { swfobject.removeSWF("themevid"); this.getTip().find('#themevid, #themeClicker').remov e(); } }; $('.themes_content .themeItem a').tooltip(opts); opts.offset = [30, -65]; opts.position = 'top right'; $('.themes .item a').tooltip(opts); }); </script> <script type="text/javascript" charset="utf-8"> /* Must go after builder */ var search_map = new TW.SearchMapInterstitial({ init_map_callback: 'init_map_callback', google_api_key: 'ABQIAAAATR\x2Dlj2NG\x2DOkrDAYwm791mBQ\x 5FpGAeQeGCRtva3oMjWxhBtP20lRT3tJPEQyuDiA8oFlLASTOb9BW2Lg', set_pin_label: 'Set Pin' }); function init_map_callback() { search_map.initialize(); } function show_map(city) { search_map.dialog_id = $('input.city_ac:visible').parents().filter('div' ).first().attr('id'); search_map.city = city; search_map.show('search_map'); } TW.Overlay.create('search_map', '#map_overlay_container'); </script> <script type="text/javascript" charset="utf-8"> search_map.set_city_callback(function() { my_builder.batch_geo = this.selected_geo; if (this.dialog_id == 'locationdialog') my_builder.setCityPublic(this.selected_geo, '.set_loc', $('#location dialog')); else if (this.dialog_id == 'citydialog') my_builder.setCityPublic(this.selected_geo, '.highlight', $('#citydi alog'));
else my_builder.setCityNewUploads(); for (var i in { locationdialog: 1, citydialog: 1 } ) { my_builder.current_geos[i] = this.selected_geo; $("#"+i+" input.city_ac").val(this.selected_geo.city); $("#"+i+" .setcity").removeAttr('disabled'); } this.close(); }); </script> <script type="text/javascript" charset="utf-8"> $(function() { $("#confirm_logout_overlay .yes").bind('click', function() { $("#confirm_logout_overlay .logout_buttons").hide(); $("#confirm_logout_overlay .throbber").show(); TW.Auth.logout({error: function() { $("#confirm_logout_overlay .throbber").hide(); $("#confirm_logout_overlay .logout_buttons").show(); }}); }); }); </script> <script type="text/javascript" charset="utf-8"> $(function() { $("#abandon_changes_overlay .yes").bind('click', function() { $("#abandon_changes_overlay .logout_buttons").hide(); $("#abandon_changes_overlay .throbber").show(); }); }); function abandon_changes(nextfn) { $("#abandon_changes_overlay .yes").unbind('click.abandon').one('clic k.abandon', function() { my_builder.cancel_pending_save(); nextfn.call(this); }); TW.Overlay.show("abandon_changes"); } </script> <script type="text/javascript"> function perform_save(origin) { // All good $("#form_error").hide(); $('#save_overlay .form').addClass('saving'); if (origin && origin == "facebook") { save(); } else { save($('#email_edit').val(), $('#password').val()); } } function save_overlay_submit() { $("#save_form .errored").removeClass('errored'); try { // Email var email = $('#email_edit').val().replace(/^\s+ \s+$/g,""); if (email == "") { throw(["email_edit", "Enter your email address and passw ord and well send you a link to edit your slideshow"]); } var matches = email.match(TW.Const.EMAIL_VALID_RE);
if (!matches) { throw(["email_edit", "Please enter a valid email address "]); } else { email = matches[0] } $( #email_edit ).val(email); // Password var password = $("#password").val().replace(/^\s+ \s+$/g,"") ; if (password.length == 0) { throw(['password', "Please enter a password"]); } else if (password.length < 4) { throw(['password', "Passwords must be at least 4 charact ers long."]) } perform_save(); } catch (e) { $("#" + e[0]).addClass("errored").focus(); $("#form_error").html(e[1]).show(); return false; } } $(function() { $("#save_overlay .fb-login-button").click(function() { TW.FB.connect({origin:'save'}); }); TW.FB.bind('login', function(e,opts) { if (opts && opts.origin == 'save') { perform_save('facebook'); } }); $("#save_overlay .pwrecovery").click(function() { $("#password_recovery_overlay").one('onClose', function() { TW.Overlay.show("save"); }); TW.Overlay.show("password_recovery"); }); }); </script> <script type="text/javascript"> TW.Overlay.create('embed', null, { onCreate: function() { $('#auto_play_check_label').click(function() { $('.clipboard-button').each(function() { var text = ($(this).attr('id') == 'slideshow-lg-clip-b utton') ? 'Click to Copy Embed Code' : 'Copy Code'; $(this).html(text).css("color", "white"); }); }); $('#embed_overlay .help').click(function() { $(this).siblings('.help_content').toggle(); }); $('#embed_overlay .help_content').click(function() { $(this).fadeOut(); }); }, onLoad: function() {
var clips = []; $('.clipboard-button').each(function() { var clip = new ZeroClipboard.Client(); var share_type = $(this).attr('share_type') 'Embed'; var button = this; var text = ($(this).attr('id') == 'slideshow-lg-clip-b utton') ? 'Click to Copy Embed Code' : 'Copy Code'; $(this).html(text).css("color", "white"); clip.addEventListener('onMouseOver', function() { var index = $(button).attr('embed_value'); if (share_type == 'Embed') { index += (($('#auto_play_check:checked').val()) ? '' : '_noauto'); } var embed_code_html = TW.embed_html[index]; clip.setText(embed_code_html); }); clip.addEventListener('onMouseDown', function() { // Track share based on type (badge or slideshow), one p er type TW.track_share = TW.track_share {}; if (!TW.track_share[share_type]) { TW.track_share[share_type] = 1; TW.MP.push(['track', 'Creator_Share', { 'Click_Source': 'Builder', 'Share_Type': share_type }]); } }); clip.addEventListener('onComplete', function(client, text) { $(button).html("Copied").css("color", "#ccc"); alert("T he embed code has been copied...\n\nGo to your site and paste - that's it!"); r eturn false; }); clip.glue($(this).attr('id'), $(this).parent().attr('id')); clips.push(clip); }); this.getOverlay().data("clips", clips); var xmlpath = "http\x253A\x252F\x252Ftripwow.tripadvisor.com\x25 2Ftripwow\x252F\x252Fbadgexml\x253F\x5F\x253D1314047188.961997"; if ( typeof fb postsave != "undefined" && typeof fbpostsave.data != "undefined" ) { xmlpath = xmlpath.replace( 'tripwow%2F', 'tripwow%2F'+fbpost save.data.slide_id ); } else if ( TW.FB.data.slide_id ) { xmlpath = xmlpath.replace( 'tripwow%2F', 'tripwow%2F'+ TW.FB .data.slide_id ); } swfobject.embedSWF("http\x3A\x2F\x2Fimages.travelpod.com\x2 Fbin\x2Ftripwow\x2Fflash\x2Fbadge.swf", "badge-lg", "350", "250", "10", "http\x3 A\x2F\x2Fimages.travelpod.com\x2Fbin\x2Ftripwow\x2Fflash\x2FexpressInstall.swf", {xmlPath: xmlpath}, {bgcolor: "#000000", base: "../bin/tripwow", wmode: "opaque ", allowscriptaccess: "always"}); swfobject.embedSWF("http\x3A\x2F\x2Fimages.travelpod.com\x2Fbin\ x2Ftripwow\x2Fflash\x2Fbadge.swf", "badge-med", "260", "150", "10", "http\x3A\x2 F\x2Fimages.travelpod.com\x2Fbin\x2Ftripwow\x2Fflash\x2FexpressInstall.swf", {xm lPath: xmlpath}, {bgcolor: "#000000", base: "../bin/tripwow", wmode: "opaque", a llowscriptaccess: "always"});
swfobject.embedSWF("http\x3A\x2F\x2Fimages.travelpod.com\x2Fbin\ x2Ftripwow\x2Fflash\x2Fbadge.swf", "badge-sm", "120", "120", "10", "http\x3A\x2F \x2Fimages.travelpod.com\x2Fbin\x2Ftripwow\x2Fflash\x2FexpressInstall.swf", {xml Path: xmlpath}, {bgcolor: "#000000", base: "../bin/tripwow", wmode: "opaque", al lowscriptaccess: "always"}); }, onBeforeClose: function() { var clips = this.getOverlay().data("clips") []; while (clips.length) { clips.shift().destroy(); } return true; } }); $(document).ready(function () { ZeroClipboard.setMoviePath('http\x3A\x2F\x2Fimages.travelpod.com\x2F bin\x2Ftripwow/flash/ZeroClipboard.swf'); }); </script> <script type="text/javascript"> // set speed of wall share animations var speed_out_me = 400; var speed_in_me = 1000; var speed_out = 225; var speed_in = 800; var speed_up = 400; </script> <script type="text/javascript"> // set speed of wall share animations var speed_out_me = 300; var speed_in_me = 700; var speed_out = 200; var speed_in = 600; var speed_up = 300; </script> <script type="text/javascript"> var var var var var var var var var var var var var var no_post = false; share_progress = 10; max_shares = 25; shares_remaining = 26; posted_all = false; post_delay = 0; n_costars = 0; n_friends = 0; posted_self = 0; posted_costars = 0; posted_friends = 0; posted = 0; mosaic_friends = false; facebook_share_overflow = new Array();
function check_publish_walls_perm( abort_cb, continue_cb ) { if ( !TW.FB.session !(TW.FB.permissions && TW.FB.permissions.publ ish_stream) ) { TW.FB.login_wrapper( function(response) { if (response && response.session && response.perms && respon se.perms.match(/publish_stream/)) { return continue_cb(); } return abort_cb ? abort_cb() : undefined;
}, { perms: "publish_stream" }); } else { continue_cb(); } } function do_wall( target_id, message, options ) { var picture = "http\x3A\x2F\x2Fimages.travelpod.com\x2Fcache\x2Ftrip wow\x2Fautoplay\x2F\x2Daplay\x2Dta\x2Dfb.jpg"; var link_friend = "http\x3A\x2F\x2Ftripwow.tripadvisor.com\x2Ftripwo w\x2F\x3Ffw\x3D1"; var link_self = "http\x3A\x2F\x2Ftripwow.tripadvisor.com\x2Ftripwow\ x2F\x3Ffb\x3D1"; var title = ""; var caption = ""; var description = "Photos from "; var geos_text = ""; var share_type = 'Facebook_Wall_Post'; var slide_id = ""; var alt_href = ""; if ( TW.FB.data && TW.FB.data.fbshare ) { picture = TW.FB.data.fbshare.imgsrc; link_friend = TW.FB.data.fbshare.href.replace( /\?.*/, '?fw=1' ) ; link_self = TW.FB.data.fbshare.href.replace( /\?.*/, '?fb=1' ); title = TW.FB.data.fbshare.title; caption = TW.FB.data.fbshare.caption; description = TW.FB.data.fbshare.description; geos_text = TW.FB.data.fbshare.geos_text; alt_href = TW.FB.data.fbshare.href; slide_id = TW.FB.data.slide_id; } if ( options ) { if ( options.caption ) caption = options.caption; if ( options.share_type ) share_type = options.share_type; } var link; var share_track_self = '&st=fb_c_'; var share_track_friend = '&st=fb_w_'; if ( slide_id.substr(0,3) == 'vr-' ) { link = alt_href; } else { link = share_type == 'Facebook_Wall_Post' ? ( link_self + share_ track_self ) : ( link_friend + share_track_friend ); link = link + Math.floor((new Date()).getTime()/1000) + '_' + ta rget_id; if (mosaic_friends && mosaic_friends.length && mosaic_friends[0] .name && 'Creator' == 'Creator' ) { description = 'Photos by ' + mosaic_friends[0].name + ' from ' + geos_text; } else { description = 'Photos from ' + geos_text; } } var MP_data = { 'Click_Source': 'Builder', 'Share_Type': share_type, 'Has_User_Message': ( message == '' ? 'No':'Yes' ) };
var MP_event = 'Creator_Share'; if ( options && options.dialog ) MP_data.Dialog = options.dialog; if ( caption == '' ) caption = '&emsp;'; var ref = ((share_type == 'Facebook_Wall_Post') ? 'Self' : 'Friend') + '_Creator'; var feed_data = { message: message, name: title, caption: caption, description: description, picture: picture, link: link, ref: ref, actions: { "name": "Check it out", "link": link } }; if ((TW.FB.data && TW.FB.data.embed_flash_url) ) { var more_params = (share_type == 'Facebook_Wall_Post' ? "&fb=1" + share_track_self : "&fw=1" + share_track_friend ) + Math.floor((new Date()).getTime()/1000) + '_' + target_id; /* NOTE: This is a HACK. appURL MUST follow bannerLink param in flash embed URL */ var flash_url = (TW.FB.data.embed_flash_url TW.embed_flash_ur l); flash_url = flash_url.replace('&appUrl=', encodeURIComponent (more_params) + '&appUrl='); feed_data.source = flash_url + encodeURIComponent(more_params); } feed_data.uid = TW.FB.uid; feed_data.target_id = target_id; feed_data.slide_id = slide_id; //feed_data.original_error = response.error.message; feed_data.mp_context = $.extend({}, TW.MP.default_props, MP_ data); feed_data.mp_event = MP_event; facebook_share_overflow.push( feed_data ); $('#skipordone').addClas s('primary'); $('#skipordone span').html('Done'); } function init_do_walls() { if ( ! mosaic_friends ) { var fb_costar = {}; if ( this.my_builder && this.my_builder.fb_get_tagged_friends ) { var mb_costar = this.my_builder.fb_get_tagged_friends(); for (var c = 0; c < mb_costar.length; c++ ) { fb_costar[ mb_costar[c].uid ] = true; } } var costar = {}; if ( this.my_builder && this.my_builder.costar s ) { var stars_list = this.my_builder.costars.as_array_of_hashes( ); for (var c = 0; c < stars_list.length; c++ ) { costar[ stars_list[c].name.toLowerCase() ] = true; } } TW.embed_flash_url
mosaic_friends = new Array(); FB.api('/me?fields=id,name,picture', function(response) { response.hidden = false; response.sent = false; response.costar = false; mosaic_friends[0] = response; FB.api('/me/friends?fields=id,name,picture', function(response) { function sortByFirstName(a, b) { var x = a.name.toLowerCase(); var y = b.name.toLowerCase(); return ((x < y) ? -1 : ((x > y) ? 1 : 0)); } response.data.sort( sortByFirstName ); if (response && response.data) { for (var i = 0; i < response.data.length; i+ +) { if ( ! response.data[i].name ) continue; response.data[i].hidden = false; response.data[i].sent = false; if ( fb_costar[ response.data[i].id ] costar[ response.data[i].name.toLowerCase() ] ) { response.data[i].costar = true; n_costars++; mosaic_friends.splice(n_costars,0,re sponse.data[i] ); } else { response.data[i].costar = false; mosaic_friends.push( response.data[i ] ); n_friends++; } } //console.log('n_friends = '+n_friends); //console.log('n_costars = '+n_costars); } progress(0); paint_mosaic(); $('#wall_message').focus(); }); }); } } function one_tile( user ) { var img = $('<img>').attr( { src: user.picture, alt: user.name, tit le: user.name, height:50, width:50 } ); var tile = $('<div class="imgwrap" >').html( img );//.prepend('<span ></span>'); var card; if ( user.sent ) { var name = $('<div class="namewrap">').html( user.name ); card = $('<div class="card sent" >').append(tile).append(name); } else { var name = $('<div class="namewrap">').html( user.name ); card = $('<div class="card" onclick="$(this).addClass(\'sent\'); ask_wall('+ user.id+',this); return false;" >').append(tile).append(name); } return card;
} var _last_typed = ''; var searching = false; function typeahead() { var typed = $('#friendsearch').val(); if ( _last_typed == typed ) return; _last_typed = typed; if ( typed == '' ) { $('#clearsearch').hide(); searching = false; for (var i = 0; i < mosaic_friends.length; i++) { mosaic_friends[i].hidden = false; } } else { $('#clearsearch').show(); searching = true; var match = new RegExp(typed,'i'); for (var i = 0; i < mosaic_friends.length; i++) { mosaic_friends[i].hidden = mosaic_friends[i].name.search( ma tch ) == -1 ? true: false; } } paint_mosaic(); } function paint_mosaic() { $("#wallposter, #throbber").hide(); if ( mosaic_friends.length == 0 ) return; $("#sectionyou").show(); $("#listyou").html( one_tile( mosaic_friends[0] )); $("#listyou").append('<div id="click_arrow"></div><div class="blank" ></div>'); $('#click_arrow').bind('click', function() { $('#listyou .card').addClass('hover'); setTimeout( function() { $('#listyou .card').removeClass('hover'); setTimeout( function() { $('#listyou .card').addClass('hover'); setTimeout( function() { $('#listyou .card').removeClass('hover'); },200 )},200 )},200); }); var i = 1; var costars_tiles = $('<div>'); if ( i < mosaic_friends.length && mosaic_friends[i].costar ) { for ( ; i < mosaic_friends.length && mosaic_friends[i].costar ; i++) { // if ( mosaic_friends[i].hidden ) continue; costars_tiles.append( one_tile( mosaic_friends[i] ));
} $("#sectioncostars").show(); $("#listcostars").html( costars_tiles ); $("#listcostars").append('<div class="blank"></div>'); } var friend_tiles = $('<div>'); for ( ; i < mosaic_friends.length; i++) { if ( mosaic_friends[i].hidden ) continue; if(mosaic_friends[i].sent != true) friend_tiles.append( one_tile ( mosaic_friends[i] )); } $("#sectionfriends").show(); $("#listfriends").html( friend_tiles ); $('#listsent .you .namewrap').html(mosaic_friends[0].name); } function ask_wall( id, tile ) { var idx; for(idx = 0; idx < mosaic_friends.length; idx++) { if ( mosaic_friends[idx].id == id ) { break; } } var options = {}; if ( idx == 0 ) { posted_self++; options.share_type = 'Facebook_Wall_Post'; } else if ( mosaic_friends[idx].costar ) { options.caption = 'In these photos: ' + mosaic_friends[idx].name ; if (mosaic_friends[0].name) { options.caption = options.caption + ', ' + mosaic_friends[0] .name; } for( var c = 1; mosaic_friends[c].costar; c++ ) { if ( c != idx ) { options.caption = options.caption + ', ' + mosaic_friend s[c].name; } } posted_costars++; options.share_type = 'Facebook_Friend_Wall_Post'; } else { posted_friends++; options.share_type = 'Facebook_Friend_Wall_Post'; } var message = ""; if($('#wall_message').hasClass('focus')) message = $("#wall_message" ).val(); if(no_post == false) do_wall( id, message, options );
// Add class to tile, remove from list and add to 'sent' sidebar if(id == mosaic_friends[0].id) { //this is you $('#arrow').fadeOut(speed_out_me, 'linear'); $(tile).removeAttr("onclick").fadeOut(speed_out_me, function() { $('#listsent .you').remove(); $(tile).prependTo('#listsent').fadeIn(speed_in_me, 'linear') ; $('#sectionyou').addClass('anim').animate({ height: 0, opaci ty: 0 }, speed_out_me, function() { $('#sectionyou').remove(); show_finished_sha ring(); }); }); } else { //this is a friend $('#listsent .card.unsent').last().remove(); if(posted_self == 0) { $(tile).insertAfter('#listsent .you').removeAttr("onclick"); if((n_costars == posted_costars) && (n_costars > 0)) $('#sec tioncostars').addClass('anim').slideUp(speed_up, function() { $('#sectioncostars ').remove(); show_finished_sharing(); }); if(n_friends == posted_friends) $('#sectionfriends') .addClass('anim').fadeOut(speed_up, function() { $('#sectionfriends').remove(); show_finished_sharing(); }); if ( (searching == true) && ($('#listfriends > div').childre n().length == 0) ) { clearsearch(); } } else { $(tile).prependTo('#listsent').removeAttr("onclick"); if((n_costars == posted_costars) && (n_costars > 0)) $('#sec tioncostars').addClass('anim').slideUp(speed_up, 'linear', function() { $('#sect ioncostars').remove(); show_finished_sharing(); }); if(n_friends == posted_friends) $('#sectionfriends').addClas s('anim').fadeOut(speed_up, function() { $('#sectionfriends').remove(); show_fin ished_sharing(); }); if ( (searching == true) && ($('#listfriends > div').childre n().length == 0) ) { clearsearch(); } } } //console.log("posted = " + posted); //console.log("posted_self = " + posted_self); mosaic_friends[idx].sent = true; progress( ++posted ); if(posted == 5 && posted_self == 0) $('#fb_walls_shared').css('overf low','auto');
else if(posted == 6 && posted_self == 1) $('#fb_walls_shared').css(' overflow','auto'); //console.log('n_costars = '+n_costars+', posted_costars = '+posted_ costars); //console.log('n_friends = '+n_friends+', posted_friends = '+posted_ friends); function show_finished_sharing() { if ( (posted_self == 1) && (n_costars == posted_costars) && (n_ friends == posted_friends)) { $('#finished_sharing').fadeIn(speed_up); posted_all = true; } } } /* Old Additive Progress Meter */ /* function progress( n ) { var my_friends = 1 + n_costars + n_friends; var msg = "Shared with <strong>"+n+" of "+my_friends+"</strong>"; $('#xofy').html(msg); var percent = Math.floor( 10 + 90 * ( n / my_friends ) ); $('#xofyprogress').css('width', percent+'%'); if ( percent > 50 ) { $('#xofyprogress').removeClass().addClass('green'); } else if ( percent > 25 ) { $('#xofyprogress').removeClass().addClass('yellow'); } } */ /* Countdown (from max_shares) Progress Meter */ function progress( n ) { if(shares_remaining > 0) { --shares_remaining; var msg = "<strong>"+shares_remaining + " Shares Remaining</stro ng>"; $('#xofy').html(msg); var percent = Math.floor( ( shares_remaining / max_shares ) * 10 0 ); $('#xofyprogress').css('width', percent+'%'); if ( percent < 66 ) { $('#xofyprogress').removeClass().addClass('yellow'); } else if ( percent < 33 ) { $('#xofyprogress').removeClass().addClass('red'); } } }
function clearsearch() { $('#clearsearch').hide(); $('#friendsearch').val('').removeClass('focus').blur(); searching = false; for (var i = 0; i < mosaic_friends.length; i++) { mosaic_friends[i].hidden = false; } paint_mosaic(); } function done_sharing() { if(posted != 0) { $('.facebook_after_walls').hide(); $('#donesharing').show(); } } function reset_sharing() { if (posted_all == true) { $('#donesharing').hide(); } else { $('.facebook_after_walls').show(); $('#donesharing').hide(); } } $('#wall_message').focus(); </script> <script type="text/javascript"> function check_publish_walls_overflow_perm( abort_cb, continue_cb ) { if ( ! has_publish_walls_overflow_perm() ) { TW.FB.login_wrapper( function(response) { if (response && response.session && response.perms && response.p erms.match(/publish_stream/) && response.perms.match(/offline_access/)) { return continue_cb( response.session ); } return abort_cb ? abort_cb() : undefined; }, { perms: "publish_stream,offline_access" }); } else { continue_cb( TW.FB.session ); } } function has_publish_walls_overflow_perm() { if ( TW.FB.session && TW.FB.permissions && TW.FB.permissions.publish_str eam && TW.FB.permissions.offline_access ) return true; return false; } function init_overflow() { TW.MP.push(['track', 'Creator_Share_Overflow_Impression', { 'User_Count': facebook_share_overflow.length, 'Click_Source': 'Builder' }]); $('#overflow_info').html( facebook_share_overflow.length + ' of your sha res ' + ( facebook_share_overflow.length == 1 ? 'was' : 'were') + ' not sent.' ) ; } function do_overflow( session, callback ) {
// send this in for share $('#ask_overflow_buttons').fadeTo( "normal", 0.2 ); if ( session.uid != facebook_share_overflow[0].uid ) { for (var i = 0; i < facebook_share_overflow.length; i++) { facebook_share_overflow[i].uid = session.uid; } } dedup_shares(); var share_data = JSON.stringify( facebook_share_overflow ); var q = facebook_share_overflow.length + ':' + share_data.length; $.ajax({ type: 'POST', data: { fb_auth: JSON.stringify( session ), shares: share_data, clean: 1 }, url: '/cgi-bin/tripwow_shareq.pl?q=' + q, success: function(data) { /* check status??? */ TW.MP.push(['track', 'Creator_Share_Overflow_Success', { 'User_Count': facebook_share_overflow.length, 'Click_Source': 'Builder' }]); facebook_share_overflow = new Array(); $('#ask_overflow_buttons').fadeTo( 0, 1.0 ); if ( callback ) callback(); }, error: function() { /* failed */ $('#ask_overflow_buttons').fadeTo( 0, 1.0 ); if ( callback ) callback(); } }); } function dedup_shares() { for( var i = 0; i < facebook_share_overflow.length; i++ ) { delete facebook_share_overflow[i].sdk; delete facebook_share_overflow[i].pretty; } for( var i = facebook_share_overflow.length - 1; i > 0; i-- ) { de_dup( facebook_share_overflow[i-1].actions, facebook_share_overflo w[i].actions, ['link','name']); if ( isEmpty( facebook_share_overflow[i].actions ) ) delete faceboo k_share_overflow[i].actions; de_dup( facebook_share_overflow[i-1].mp_context, facebook_share_over flow[i].mp_context, ['Share_Type','Has_User_Message','Country','Seed','Seed_Type ','bucket','Click_Source']); de_dup( facebook_share_overflow[i-1], facebook_share_overflow[i], ['source','caption','picture','link','mp_event','uid','name','ac cess_token','description','message','slide_id']); } } function de_dup( o1, o2, props ) { for ( var n = 0; n < props.length; n++ ) { var p = props[n]; if ( o1[p] === o2[p] ) { delete o2[p]; } } } function isEmpty(o) {
for(var i in o) return false; return true; } </script> <script type="text/javascript"> $('#ask_overflow .help').click(function() { $(this).siblings('.help_content').toggle(); }); $('#ask_overflow .help_content').click(function() { $(this).fadeOut(); }); </script> <script type="text/javascript"> function init_auto_overflow() { TW.MP.push(['track', 'Creator_Share_Overflow_Auto', { 'User_Count': facebook_share_overflow.length, 'Click_Source': 'Builder' }]); } </script> <script type="text/javascript"> $('#auto_overflow .help').click(function() { $(this).siblings('.help_content').toggle(); }); $('#auto_overflow .help_content').click(function() { $(this).fadeOut(); }); </script> <script type="text/javascript"> var share_email_v2 = new Object; { //localize function send_mail( ) { var url = "\x2Ftripwow\x2F\x2Fshare\x2Fsend\x5Femail"; if ( url.indexOf( '//' ) != -1 ) { var slide_id; if ( my_builder.slide_id ) { slide_id = my_builder.slide_id; } else if ( TW.FB.data.slide_id ) { slide_id = TW.FB.data.slide_id; } url = url.replace( '//', '/'+slide_id+'/' ); } var data = { email_from: $("#v2_email_from").val(), email_message: $("#email_message").val(), contacts: share_email_v2.contacts.length, canvas: 'builder', share_email: 2, ticket: ticket(), custom: $('#email_message').attr('custom') }; var n = 0; if ( share_email_v2.provider == '' ) { $('#share_email_v2 #manual_contacts input').each( function() { data[ 'email_to_' + ++n ] = $(this).val(); }); } else { $("#contact_list :checked").each(function() { var idx = $(this).val(); data[ 'email_to_' + ++n ] = share_email_v2.contacts[idx]; }); }
if ( n == 0 ) { error_message( "#send_error", "You have not selected anyone." ); return; } //data['email_from_name'] = .val(); data['selected'] = n; throb_on(); $.ajax({ type: 'POST', data: data, url: url, success: function(data) { TW.MP.push(['track', 'Creator_Share', { 'Click_Source': 'Builder', 'Share_Type': 'Email' }]); $("#share_email_v2 .sending").html('Message Sent!').css( 'ba ckground', 'none' ); setTimeout( function() { TW.Overlay.close( 'share_email_v2' ); $("#share_email_v2 .after_email_v2").click(); }, 1500 ); }, error: function(data) { throb_off(); error_message( "#send_error", "Communications error. Please try again." ); } }); } function get_contacts( successcb, failcb ) { var email = $("#v2_email_from").val(); var password = $("#v2_password").val(); if ( password == '' ) { error_message( "#getcontacts_error", "Please enter a password." ); return; } $("#v2_password").blur(); throb_on(); $.ajax({ type: 'POST', data: { email: email, password: password, provider: share_email_v2.provider }, url: '/invite/getcontacts.php', success: function(data) { /* check status??? */ if ( data.errors ) { if ( data.errors.login ) { error_message( "#getcontacts_error", data.errors.log in ); $("#v2_password").val('').focus(); throb_off(); return; } var msg = '';
for(var err in data.errors ) { msg = msg + data.errors[err] + "<br>"; } error_message( "#getcontacts_error", msg ); throb_off(); return; } if ( successcb ) successcb( data ); }, error: function() { /* failed */ error_message( "#getcontacts_error", 'System error - Please try again.' ); throb_off(); if ( failcb ) failcb( data ); } }); } function get_oauth_contacts( successcb, failcb ) { throb_on(); if ( ! share_email_v2.yahoo_auth_data share_email_v2.yahoo_auth_d ata.state != 'az' ) { yahoo_oauth(); return; } $.ajax({ type: 'GET', url: '/tripwow/oauth/yahoo/contacts?ticket=' + ticket(), success: function(data) { /* check status??? */ if ( data.errors ) { throb_off(); return; } if ( successcb ) successcb( data ); }, error: function() { /* failed */ error_message( "#getcontacts_error", 'System error - Please try again.' ); throb_off(); if ( failcb ) failcb( data ); } }); } function yahoo_oauth() { if ( share_email_v2.yahoo_auth_data && share_email_v2.yahoo_auth_dat a.state == 'az' ) { get_oauth_contacts( got_contacts ); return; } share_email_v2.oauth_window = window.open( share_email_v2.yahoo_auth _data.url,'Yahoo',"width=600,height=435"); if ( share_email_v2.oauth_window == undefined ) { alert( "Could not open Yahoo authentication page.\nPlease try ag ain." ); } else { throb_on(); share_email_v2.oauth_window.focus(); setTimeout("wait_oauth_reply()", 1000 ); } } function wait_oauth_reply() {
if ( share_email_v2.oauth_window != undefined && share_email_v2.oaut h_window.closed ) { setTimeout( "get_yahoo_perm( function() { get_oauth_contacts( go t_contacts ); } );", 2500 ); //get_oauth_contacts( got_contacts ); } else { setTimeout("wait_oauth_reply()", 1000 ); } } function get_yahoo_perm( callback ) { $.ajax({ type: 'GET', url: '/tripwow/oauth/yahoo/auth?ticket=' + ticket(), success: function(data) { share_email_v2.yahoo_auth_data = data; if ( callback ) callback();}, error: function(data) { alert( "Service problem. Sorry :(" ); if ( callback ) callback();} }); } function check_all(n) { $("#contact_list INPUT[type='checkbox']").attr('checked', n ); button_text(); } function clik_me( o ) { $("INPUT[type='checkbox']", o ).attr('checked', ! $("INPUT[type='che ckbox']", o ).attr('checked') ); button_text(); } function button_text() { var count = 0; if ( share_email_v2.provider == '' ) { $('#share_email_v2 #manual_contacts input').each( function(i) {i f ( $(this).val().length ) count++; }); check_to_fields(); count = count - (share_email_v2.invalid_to 0); } else { count = $("#contact_list input:checkbox:checked").length; } $('#email_submit span').html( "Email Slideshow to "+ count + ( count ==1 ? " Contact" : " Contacts" ) ); if ( count == 0 ) { $('#email_submit').removeClass( 'primary' ); } else { $('#email_submit').addClass( 'primary' ); } error_message( "#send_error", '' ); } function error_message( sel, msg ) { sel = sel ".error_msg"; if ( msg == '' ) { $( sel ).fadeOut( 500, function() { $( sel ).html(''); } ); return; }
$( sel ).html( msg ).fadeIn(500); } function throb_on() { $("#share_email_v2 .waiting").show(); $("#share_email_v2 .buttons").fadeOut(200); error_message( '','' ); } function throb_off() { $("#share_email_v2 .waiting").hide(); $("#share_email_v2 .buttons").fadeIn(200); } function scroll( letter ){ $('#contact_list').animate({scrollTop: share_email_v2.letter_offsets [letter] 0}, 1250 ); } function got_contacts( data ) { share_email_v2.contacts = new Array(); var contact_display = new Array(); function flatten(n) { n = n.toUpperCase(); var fc = n.charAt( 0 ); if ( fc == '\'' fc == '"' ) return n.substr(1); return n; } for(var key in data.contacts ) { var name; if ( data.contacts[key] == key ) { name = key.replace( /\@.*/, '' ).ucFirst(); } else { name = data.contacts[key]; } var contact = name + ' <' + key + '>'; share_email_v2.contacts.push( contact ); contact_display[ contact ] = name + "  <span><" + k ey + "></span>"; } share_email_v2.contacts.sort( function (a, b){ var aa = flatten(a); var bb = flatten(b); return (aa > bb) - (aa < bb);} ); list=''; odd='odd'; last_letter = ' '; alphabet = {}; (var i = 0; i < share_email_v2.contacts.length; i++) { var letter = flatten( share_email_v2.contacts[i] ).charAt(0); var id; if ( ( letter >= 'A' && letter <= 'Z' ) && !alphabet[letter] ) { id = " id='letter_" + letter + "' "; alphabet[letter] = 1; } else { id = ''; } list = list + "<div " +id + " class='row "+odd+"' onclick=\"clik _me(this);\"><input type='checkbox' name='address_" + i + "' value='" + i + var var var var for
"' />  " + contact_display[share_email_v2.contacts [i]] + "</div>"; odd = odd == 'odd' ? '' : 'odd'; } $("#contact_list").html( list ); $("#contact_list input:checkbox").click( function(evt){ button_text(); if (evt.stopPropagation) { evt.stopPropagation(); } else { evt.cancelBubble = true; } }); $("#v2_email").fadeOut(600, function() { throb_off(); button_text(); $("#share_email_v2 .v2_getcontacts, .v2_manualcontacts, .v2_geto auth ").hide(); $("#share_email_v2 .v2_gotcontacts, .v2_compose").show(); $("#v2_email").fadeIn(600, function() { var ofs = $("#contact_list").position().top; for( var letter in alphabet ) alphabet[letter] = ( $("#letter_"+letter).position().top ) - ofs; share_email_v2.letter_offsets = alphabet; var nav = ''; for( var chn = 65; chn <= 90; chn++ ) { var ch = String.fromCharCode(chn); if ( alphabet[ch] ) nav = nav + '<a href="" onclick="scroll(\'' + ch + ' \');return false;" >' + ch + '</a>'; else nav = nav + '<span>' + ch + '</span>'; } $("#v2_letters").html( nav ); }); $("#share_email_v2 #email_message").focus(); }); } String.prototype.ucFirst = function() { return this.charAt(0).toUpperCase() + this.slice(1); } function ask_from_email() { share_email_v2.contacts = new Array(); $("#v2_email").fadeOut(600, function() { $("#share_email_v2 #contact_list").html( '' ); $("#share_email_v2 .v2_askemail").show(); $('#share_email_v2 #v2_email_clear').hide(); $("#share_email_v2 .v2_gotcontacts, .v2_getcontacts, .v2_getoaut h, .v2_manualcontacts, .v2_compose").hide(); $("#share_email_v2 .domainname, .servicename, .serviceicon").htm l( '' ); $("#v2_email").fadeIn(600); $('#share_email_v2 #v2_email_from').val('').attr('disabled',fals e).focus(); });
} function set_from_email( from_email ) { button_text(); from_email = from_email ''; var fromOK = from_email.match(TW.Const.EMAIL_VALID_RE); if ( from_email == '' ! fromOK ) { if ( from_email != '' ) error_message( "#from_error" , 'Enter a valid email address' ); return 0; } error_message( '','' ); share_email_v2.email = from_email; var maildom = from_email.replace(/\>.*/,'').replace( /.*\@/, '' ); var service = maildom.replace( /\.com/, '' ).ucFirst(); var provider = ''; var icon; for( var p in share_email_v2.providers ) { if ( share_email_v2.providers[p].regex.test( maildom ) ) { provider = p; icon = share_email_v2.providers[p].icon; break; } } share_email_v2.provider = provider; if ( provider == '' ) { $("#v2_email").fadeOut(600, function() { $("#share_email_v2 .v2_askemail, .v2_getcontacts, .v2_gotcon tacts").hide(); $("#share_email_v2 .v2_manualcontacts, .v2_compose").show(); $('#v2_email_clear').show(); $("#v2_email_from").val( from_email ).attr('disabled',true); $("#contact_list").html( '' ); $("#share_email_v2 .domainname, .servicename, .serviceicon") .html( '' ); $("#v2_email").fadeIn(600); $('#mail_to_1').focus(); }); return 0; } $("#v2_email").fadeOut(600, function() { throb_off() $("#share_email_v2 .v2_askemail, .v2_gotcontacts, .v2_compose, . v2_manualcontacts").hide(); $('#v2_email_clear').show(); $("#v2_email_from").val( from_email ).attr('disabled',true); $("#share_email_v2 .domainname").html( maildom ); $("#share_email_v2 .servicename").html( service ); $('#share_email_v2 .serviceicon').html( "<img src='http://"+icon +"'/> " ); if ( provider == 'yahoo' ) { $("#get_oauth_contacts").show(); $("#share_email_v2 .v2_getoauth").show(); $("#share_email_v2 .v2_getcontacts").hide(); get_yahoo_perm(); } else { $("#get_contacts").show();
$("#share_email_v2 .v2_getcontacts").show(); $("#share_email_v2 .v2_getoauth").hide(); } $("#v2_email").fadeIn(600); }); return 1; } function shuffle_fields() { var n = 1; var count = $('#share_email_v2 #manual_contacts input').length; $('#share_email_v2 #manual_contacts input') .each( function(i) { if ( $(this).val() == '' && n < count ) { $(this).fadeOut('normal', function() { $(this).remove() }); count--; } else { var id = 'mail_to_' + n; $(this).attr({'id':id, 'name':id}); if ( $(this).val() != '' && n == count ) { addTo(); } n++; } }); button_text(); } function check_to_fields() { var invalid = 0; $('#share_email_v2 #manual_contacts input') .each( function() { var isOK = $(this).val().length == 0 $(this).val().match( TW.Const.EMAIL_VALID_RE); $(this).css("border", isOK ? "solid #999 1px" : "solid red 1 px" ); if ( ! isOK ) invalid++; } ); share_email_v2.invalid_to = invalid; } function addTo() { var count = $('#share_email_v2 #manual_contacts input').length; var id = 'mail_to_' + ( count + 1); var row = $('#share_email_v2 #manual_contacts input').first().clone( ).val('').attr({'id':id, 'name':id}); $('#share_email_v2 #manual_contacts input').last().after(row); row.keyup( autoAddTo ); } function autoAddTo(e) { if ( $(this).val().length >= 1 ) shuffle_fields(); } function jumpToEnd() { window.o=this; if (o.setSelectionRange) /* DOM */ setTimeout('o.setSelectionRange(o.value.length,o.value.length)', 2);
else if (o.createTextRange) { /* IE */ var r=o.createTextRange(); r.moveStart('character',o.value.length); r.select(); } } function ticket() { if ( typeof ticket.email != 'undefined' && ticket.email == share_ema il_v2.email && typeof ticket.ticket != 'undefined' ) return ticket.ticket; ticket.ticket = TW.Auth.session_key Math.random(); ticket.email = share_email_v2.email; return ticket.ticket; } // wire it all up $(function(){ $("#get_contacts").bind( 'click', function () { get_contacts( got_co ntacts ); return false; } ); $("#v3_password").keypress( function(event) { if (event.which == '13 ') $("#get_contacts").click(); }); $("#v2_email_from").keypress( function(event) { if (event.which == ' 13') this.blur(); }); $("#email_submit").bind( 'click', function () { send_mail(); return false; } ); $("#share_email_v2_overlay").bind('onLoad', function(){init_share_em ail_v2();}); $('#email_message').focus( jumpToEnd ); $('#email_message').keydown(function() { $(this).attr('custom', 1); }); $('#share_email_v2 #mail_to_1').keyup( autoAddTo ); share_email_v2.providers = { 'aol' : { 'regex': /^aol.com$/i, 'icon': 'www.aol.com/favicon.ico' }, 'gmail' : { 'regex': /^(gmail googlemail travelpod)\.com$/i, 'icon': 'mail.google.com/favicon.ico' }, 'hotmail':{ 'regex': /^(hotmail live msn)\./i, 'icon': 'login.live.com/favicon.ico' }, 'yahoo' : { 'regex': /^(yahoo ymail rocketmail)\./i, 'icon': 'mail.yahoo.com/favicon.ico' }, 'mail_ru':{ 'regex': /^(list inbox bk mail)\.ru$/i, 'icon': 'win.mail.ru/favicon.ico' }, 'rediff': { 'regex': /^rediffmail.com/i, 'icon': 'www.rediff.com/favicon.ico' }, 'libero': { 'regex': /^(libero inwind iol blu)\.it$/i, 'icon': 'www.libero.it/favicon.ico' } }; }); } // call this when you have a 'from' email set... function init_share_email_v2 ( addr ) { if ( share_email_v2.done_init ) return; share_email_v2.done_init = 1; if ( addr ) share_email_v2.email = addr; var from_email = ''; if ( share_email_v2 && share_email_v2.email ) {
from_email = share_email_v2.email; } else if ( TW && TW.Auth && TW.Auth.email ) { from_email = TW.Auth.email; } else if ( TW && TW.FB && TW.FB.info && TW.FB.info.email ) { from_email = TW.FB.info.email; } else if ( $("#feedback_email").val() ) { from_email = $("#feedback_email").val(); } error_message('',''); throb_off(); if ( from_email == '' ) { ask_from_email(); } else { set_from_email( from_email ); } } </script> <script type="text/javascript" charset="utf-8"> $(function() { $('#feedback span.button').click(function(e) { if($('#feedback_text').val() == '') return false; $('#feedback input').attr('disabled', 'disabled'); var flashver = ""; try { var fv = swfobject.getFlashPlayerVersion(); flashver = fv.major + "." + fv.minor + "." + fv.release; } catch (e) { // ignored } $.ajax({ url: '/tripwow/feedback', data: { feedback: $('#feedback textarea').val(), email: $('#feedback #feedback_email').val(), redir: 'no', origin: $('#feedback_origin').val(), slide_id: my_builder.slide_id, flashver: flashver }, success: function(data) { alert('Thanks! Your feedback has been sent.'); $('#feedback textarea').val(''); $('#feedback input').attr('disabled', ''); TW.Overlay.close('feedback'); }, error: function(data) { TW.Overlay.close('feedback'); } }); return false; }); }); </script> <script type="text/javascript"> TW.Auth.uid = '18922384'; TW.Auth.email = 'hayatnur84\x40hotmail.com'; TW.Auth.session_key = '9f3467379e1b3ceb422d5e3a1512bcdf'; TW.Auth.num_slides = 2; </script> <script type="text/javascript">
$("#login_edit_controls").delegate('.login_button', 'click', function(e) { TW.Overlay.show('login'); e.preventDefault(); }).delegate('.logout_button', 'click', function(e) { function hider() { $("#login_edit_controls").removeClass('updating'); } if (!TW.Auth.preLogout TW.Auth.preLogout()) { $("#login_edit_controls").addClass('updating'); TW.Auth.logout({success:hider, error:hider}); } e.preventDefault(); }); $(function() { var ec = $("#login_edit_controls"); TW.Auth.bind('login', function() { ec.removeClass('logged_out'); ec .addClass('logged_in'); if (TW.Auth.num_slides) ec.addClass('has_slides'); }); TW.Auth.bind('logout', function() { ec.removeClass('logged_in').remo veClass('has_slides'); ec.addClass('logged_out'); }); TW.Auth.bind('progress_busy', function() { ec.addClass('updating'); }); TW.Auth.bind('progress_idle', function() { ec.removeClass('updating' ) }); TW.FB.bind('progress_busy', function() { ec.addClass('fbinit'); }); TW.FB.bind('progress_idle', function() { ec.removeClass('fbinit'); } ); TW.FB.bind('timeout_init', function() { ec.removeClass('fbinit') }); TW.FB.bind('login', function() { if (TW.FB.info && TW.FB.info.pic_square) { var icon = $('<' + 'img height="14" width="14" align="bottom " class="fb_thumb" />'); $("#login_edit_controls .fb_icons .fb_thumb").remove(); icon.attr("src", TW.FB.info.pic_square); $("#login_edit_controls .fb_icons").append(icon); } $("#login_edit_controls .fb_icons a").attr('href', TW.FB.info.pr ofile_url); ec.addClass('facebook'); }); TW.FB.bind('logout', function() { ec.removeClass('facebook'); $("#login_edit_controls .fb_icons a").attr('href', "#"); $("#login_edit_controls .fb_icons .fb_thumb").remove(); }); $("#my_slideshows").attr("href", TW.Const.URL.my_slideshows); }); </script> <script type="text/javascript"> try { var fv = swfobject.getFlashPlayerVersion(); if (fv.major > 0 && (fv.major < 10 (fv.major == 10 && fv.mino r < 1))) { $("#flashie8warning").slideDown('fast'); } } catch (e) { // }
</script> <script type="text/javascript"> $(function() { if (!swfobject.hasFlashPlayerVersion("10.0.0")) { $("#main_content").html("<div class='flash_required'><a id='getFlash' href='http://get.adobe.com/flashplayer/' target='_blank'><img src= 'http://images.travelpod.com/bin/tripwow/images/branding/tripadvisor/noflash.jpg ' title='Download latest Flash Player' alt='' /></a></div>"); } }); </script> <script type="text/javascript"> TW.Overlay.create("login", undefined, { closeOnClick: false, closeOnEsc: false, onCreate: function(ol) { $(ol.selector).bind('onBeforeLoad', function() { $("#login_overlay").removeClass('processing'); $("#login_pass").val(""); }); $(ol.selector).bind('onLoad', function() { if ($("#login_email").val()) { $("#login_pass").focus(); } else { $("#login_email").focus(); } }); } }); $(document).ready(function() { TW.FB.bind('progress_busy', function() { $("#login_overlay").addClass('processing'); }).bind('progress_idle', function() { $("#login_overlay").removeClass('processing'); }).bind('login', function() { TW.Overlay.close("login"); }); TW.FB.bootstrap('111769535518503'); function login_validate() { // Don't allow multiple concurrent logins. if ($("#login_overlay").hasClass('processing')) { return false; } $("#login_form .errored").removeClass('errored'); var email = $('#login_email').val().replace(/^\s+ \s+$/g,""); var pass = $('#login_pass').val().replace(/^\s+ \s+$/g,""); try { var matches = email.match(TW.Const.EMAIL_VALID_RE); if (email == "") { throw(["email", "Please supply your email address"]); } else if (!matches) { throw(["email", "Please provide a valid email address"]) ; } else { email = matches[0]; $('#login_email').val(email); } if (pass == "") { throw(["pass", "Please enter your password"]);
} else if (pass.length < 4) { throw(["pass", "TripWow passwords are at least 4 charact ers long"]); } } catch (e) { var f = $("#login_" + e[0]).addClass("errored"); f.focus(); $("#login_form_error").html(e[1]).show(); return false; } $("#login_form_error").hide(); return { email: email, pass: pass }; } function login_submit() { var values = login_validate(); if (!values) return false; $("#login_overlay").addClass('processing'); TW.Auth.login(values.email, values.pass, { success: function(data) { TW.Overlay.close("login"); }, error: function() { $("#login_form_error").html("Oops! Something went wrong trying to log you in. Please retry.").show(); $("#login_overlay").removeClass('processing'); }, invalid: function(data) { $("#login_overlay").removeClass('processing'); var message = (data && data.error) "An unknown error happened while trying to log you in."; $("#login_form_error").html(message).show(); } }); } $('#login_yes').click(login_submit); $('#login_form input').keyup(function(e) { if (e && e.keyCode == 13) { e.preventDefault(); return false; } return true; }); $('#login_email').keypress(function(e) { if (e && e.keyCode == 13 && login_validate()) { $("#login_pass").focus(); } }); $('#login_pass').keypress(function(e) { if (e && e.keyCode == 13) { login_submit(); } }); $('#login_overlay .pwrecovery').click(function() { $("#password_recovery_overlay").one('onClose', function() { TW.Overlay.show("login"); }); TW.Overlay.show("password_recovery"); });
}); </script> <script type="text/javascript" charset="utf-8"> $(function() { var mmopts = {}; TW.Overlay.create('mismatch', undefined, { closeOnClick: false, closeOnEsc: false, onCreate: function(ol) { $(ol.selector).bind('onClose', function() { if (mmopts.answered) return; mmopts.abort && mmopts.abort(); mmopts = {}; }); } }); TW.FB.bind('login_mismatch', function(e, opts) { mmopts = opts; TW.Overlay.show('mismatch'); }); $("#mismatch_overlay .cancel").click(function() { mmopts.answered = true; mmopts.abort && mmopts.abort(); TW.Overlay.close('mismatch'); }); $("#mismatch_overlay .yes").click(function() { mmopts.answered = true; mmopts.relink && mmopts.relink(); TW.Overlay.close('mismatch'); }); }); </script> <script type="text/javascript" charset="utf-8"> Tender = { hideToggle: true, widgetToggles: [ document.getElementById('launch_help') ] , sso: 'IJdG7UoVzeCye4K6DrcL\x252FZ1HCCqZN155pixI9Ck3NvjDI \x252BBxUfpQsCQbQ19uvI5sDlPacig3lkQgJUmamI1rWh6OG0tHt6dkwW\x252FsW\x252B5wIVl4T4 s5lIR6oiOuKv26vaiKBGnnsB0qAzILZ1hxOIeZgxFJixfxMRuDxnnN32RbKn9xeD2lc5Ovh0GgZkCo2c JgL3Xlc9B2aXJ8IvhWPEiZPYHPczHAUztiCGg9gSHl8jf1Jetj7YyZW5aZ9BdhBkb0nkGiPfhFmEn3mb Y0sqlC9utm5SUBLrxmEft7AzqyjR1EGlQa8iunScIkr9ncKiqBgcKHX43KD8nCkSjnNKyJW17sVDtUmA ZQiMF\x252Bm7HwwtMtn9PEYD8645VzQbgYtmO82Nat5qmb\x252Bia251uOe98O3\x252BtJ7WYy0Me sLriGVUaYX37MwGT\x252B4647HiaoKYSPEu\x252B2fPg3gToe2ML4hSeBIuTKxyzXkgDD18onoQn6h sYXn9XOEJHGLAywo8l6LmMWGBdTQGnjeUq\x252BtlsB5IWCa3POLEbjqmZS24IyG4wjPgzt\x252BWg SBwWOM9nc\x252F70NIBQVir3wbRhpf6\x252Fj\x252Bk\x252Bm1TLrPG6KYzOuKRkRToqPdTOSRxW FdwPHJCE3VgW1phGA\x252F1vCV1pjgRlDLccJ0sXmq31kSGk3mw5ATv\x252FPVilHV4HDDhDpgeHFR hbvidnMkxtwViXGv3RgrOH\x252BWJqltksDdyxDPA8hKzORCPX4UyxPmK\x252FzFrhwIvXuE1Z\x25 2FK6VeXDMirdKGH9qBKMK\x252FYMR1sCFpm6rENUMOWj5sqndI\x252BA7\x252F0KlxwEB1BLs1hMS I2uGjLFQHBI4K19zAaMujBO0GrxkrMJayTQZhiA\x253D\x253D' }; </script> <script type="text/javascript"> $(window).load(function() { (function(d,s){var t=d.createElement(s);t.type='text/javascr ipt';t.async=true;t.src='https://tripwow.tenderapp.com/tender_widget.js';var n=d .getElementsByTagName(s)[0];n.parentNode.insertBefore(t,n);}(document,'script')) $('.showOnTender').removeClass('showOnTender'); }); </script> 
<script type="text/javascript"> $(function() { $('.hideOnReady').css({'display':'none'}); $('.showOnReady').removeClass('showOnReady'); }); $(window).load(function () { $('.hideOnLoad').css({'display':'none'}); $('.showOnLoad').removeClass('showOnLoad'); }); </script> <div style="display:inline"><img height="1" width="1" style="bor der-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1 061600509/?label=zusTCPPX5gEQ_fma-gM&guid=ON&script=0"/></div> <script type="text/javascript">(function(d,s){function b(d,s){var g=d.createElement(s); g.type='text/javascript';g.async=true;g.src='http://www.google-analytics.com/ga. js';var n=d.getElementsByTagName(s)[0];n.parentNode.insertBefore(g,n);};if(typeo f jQuery!='undefined'){$(function(){b(d,s)});}else{b(d,s);}}(document,'script')) ;</script>  </body> </html>

Build stunning trip slideshows

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Build stunning trip slideshows

Uploaded by

Copyright:

Available Formats

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="htt p://www.facebook.

ide">

<div id="music" class="tab_content music_content flashH

function avatarUploadComplete(event, queueID, fileObj, response, d

You might also like