var bucket = 'mybukit'; function identifyContentFlair(currentPageAddress, folderDepth) { // function to identify imagery used throughout site $("") .appendTo("head"); // var extention = ".html"; var extention = ".aspx"; var currentPage = currentPageAddress.replace(extention,""); var flairArray = new Array; // Return array to house imagery data // Temp array // [0] - Filename of flair element to insert // [1] - CSS class of flair element // [2] - jQuery selector of element to append flair to // Always reset flairWorkArray within a switch case before // adding additional flair elements if(currentPage.toLowerCase().indexOf("locations/default") > -1) { var flairWorkArray = new Array; flairWorkArray[0] = "locations-head.png"; flairWorkArray[1] = "f_locations-head"; flairWorkArray[2] = ".area.supplement"; flairArray[0] = flairWorkArray; var flairWorkArray = new Array; flairWorkArray[0] = "locations-peg-leg.png"; flairWorkArray[1] = "f_locations-peg-leg"; flairWorkArray[2] = ".area.supplement"; if(($.browser.msie) && (parseInt($.browser.version.substr(0,1)) <= 8)) { flairWorkArray[2] = ".content"; } flairArray[1] = flairWorkArray; var flairWorkArray = new Array; flairWorkArray[0] = "shark-foot.png"; flairWorkArray[1] = "f_shark-foot"; flairWorkArray[2] = ".area.main"; flairArray[2] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("locations/results") > -1) { var flairWorkArray = new Array; flairWorkArray[0] = "locations-head.png"; flairWorkArray[1] = "f_locations-head"; flairWorkArray[2] = ".area.supplement"; flairArray[0] = flairWorkArray; var flairWorkArray = new Array; flairWorkArray[0] = "locations-peg-leg.png"; flairWorkArray[1] = "f_locations-peg-leg"; flairWorkArray[2] = ".area.supplement"; if(($.browser.msie) && (parseInt($.browser.version.substr(0,1)) <= 8)) { flairWorkArray[2] = ".content"; } flairArray[1] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("locations/store") > -1) { var flairWorkArray = new Array; flairWorkArray[0] = "shark-bite-drink.png"; flairWorkArray[1] = "f_shark-bite-drink"; flairWorkArray[2] = ".area.supplement"; flairArray[0] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("menus") > -1) { // Menus Section var flairWorkArray = new Array; flairWorkArray[0] = "lobster-mussels.png"; flairWorkArray[1] = "f_lobster-mussels"; flairWorkArray[2] = ".page"; flairArray[0] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if((currentPage.toLowerCase().indexOf("shackshots") > -1) && ($(".page").hasClass("areas"))) { // ShackShots Section var flairWorkArray = new Array; flairWorkArray[0] = "girl-steampot.png"; flairWorkArray[1] = "f_girl-steampot"; flairWorkArray[2] = ".page"; flairArray[0] = flairWorkArray; $(".thumb:nth-child(3n+1)").each(function() { $(this).addClass("third-thumb"); }); // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("fun") > -1) { // Fun Section var flairWorkArray = new Array; flairWorkArray[0] = "joe-mail-bottle.png"; flairWorkArray[1] = "f_joe-mail-bottle"; flairWorkArray[2] = ".segment + .segment"; flairArray[0] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("contact/default") > -1) { // Contact Us Section var flairWorkArray = new Array; if(($.browser.msie) && (parseInt($.browser.version.substr(0,1)) <= 6)) { flairWorkArray[0] = "crab-claw-phone.jpg"; } else { flairWorkArray[0] = "crab-claw-phone.png"; } flairWorkArray[1] = "f_crab-claw-phone"; flairWorkArray[2] = ".area.supplement"; flairArray[0] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("contact/thank-you") > -1) { var flairWorkArray = new Array; if(($.browser.msie) && (parseInt($.browser.version.substr(0,1)) <= 6)) { flairWorkArray[0] = "pelican-hippies-side-door.jpg"; } else { flairWorkArray[0] = "pelican-hippies-side-door.png"; } flairWorkArray[1] = "f_pelican-hippies-side-door"; flairWorkArray[2] = ".page"; flairArray[0] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("careers/default") > -1) { // Careers Section var flairWorkArray = new Array; flairWorkArray[0] = "fresh-crabs.png"; flairWorkArray[1] = "f_fresh-crabs"; flairWorkArray[2] = ".area.main"; flairArray[0] = flairWorkArray; if($("table.jobs").size() > 0) { var flairWorkArray = new Array; flairWorkArray[0] = "bucket-head-person.png"; flairWorkArray[1] = "f_bucket-head-person"; flairWorkArray[2] = ".page"; flairArray[1] = flairWorkArray; } // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("about/default") > -1) { // About Section var flairWorkArray = new Array; flairWorkArray[0] = "news-bullhorn-claw.png"; flairWorkArray[1] = "f_news-bullhorn-claw"; flairWorkArray[2] = ".area.main"; flairArray[0] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("about/history") > -1) { var flairWorkArray = new Array; flairWorkArray[0] = "history-crab-joes.png"; flairWorkArray[1] = "f_history-crab-joes"; flairWorkArray[2] = ".page"; flairArray[0] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } else if(currentPage.toLowerCase().indexOf("about/community") > -1) { var flairWorkArray = new Array; flairWorkArray[0] = "community-crab-claw.png"; flairWorkArray[1] = "f_community-crab-claw"; flairWorkArray[2] = ".section.content"; flairArray[0] = flairWorkArray; // var flairWorkArray = new Array; // Reset if more flair is to be added } // else if(currentPage.toLowerCase().indexOf("about/community") > -1) { return flairArray; } function applyFlair(flairArray, flairPath, folderDepth) { for(var i = 0;i < flairArray.length;i++) { // After setting the imagery data in the temp array, // loop through it and implement functionality $("") .addClass(flairArray[i][1]) .appendTo(flairArray[i][2]); $(flairArray[i][2]).addClass("flared"); } } function replaceGIFwithPNG(element, property) { if(property.indexOf("css-") > -1) { var trueProperty = property.split("ss-")[1]; $(element).css(trueProperty, $(element).css(trueProperty).replace("gif","png")); } else { $(element).attr(property, $(element).attr(property).replace("gif","png")); } } function rotatePhoto(photoElement) { var random1; var random2; var degree; var sign; random1 = Math.floor(Math.random() * 100) / 10; random2 = Math.floor(Math.random() * 10); if(random2 >= 5) { random1 = random1 * -1; } degree = random1 / 2; $(photoElement).css({ "transform":"rotate("+degree+"deg)", "-webkit-transform":"rotate("+degree+"deg)", "-moz-transform":"rotate("+degree+"deg)" }); } function identifySupplementFlair() { var flairArray = new Array; // Return array to house imagery data // Temp array // [0] - Filename of flair element to insert // [1] - CSS class of flair element // [2] - jQuery selector of element to append flair to var randomNumber = Math.floor(Math.random() * 10) * 3; if(randomNumber > 21) { var flairWorkArray = new Array; flairWorkArray[0] = "supplement-heart.png"; flairWorkArray[1] = "s_heart"; } else if ((randomNumber >= 11) && (randomNumber <= 20)) { var flairWorkArray = new Array; flairWorkArray[0] = "supplement-peace.png"; flairWorkArray[1] = "s_peace"; } else { var flairWorkArray = new Array; flairWorkArray[0] = "supplement-crab.png"; flairWorkArray[1] = "s_crab"; } flairWorkArray[2] = ".page"; flairArray[0] = flairWorkArray; return flairArray; } function identifyCurrentPage(currentDomain) { var windowURL = window.location.toString().split(currentDomain); var currentPageAddress = windowURL[1]; return currentPageAddress; } function identifyFolderDepth(currentPageAddress) { var j = 0; var addressSplit = currentPageAddress.split("/"); for(var i=0;i -1) { flashvars.currentSection = "about us"; flashvars.currentContent = "menus_about.swf"; } else if(currentPage.indexOf("locations/") > -1) { flashvars.currentSection = "locations"; flashvars.currentContent = "menus_locations.swf"; if(currentPage.toLowerCase().indexOf("locations/default") > -1) { if (($.browser.msie) && (parseInt($.browser.version.substr(0,1)) <= 6)) { // No location map for IE6 } else { var ss_flashvars = {}; var ss_params = {}; var ss_attributes = {}; //ss_flashvars.contentPath = "media/"; ss_flashvars.contentPath = 'http://s3.amazonaws.com/' + bucket + '/media/'; ss_params.menu = "false"; ss_params.wmode = "transparent"; } } } else if(currentPage.indexOf("menus") > -1) { flashvars.currentSection = "menus"; flashvars.currentContent = "menus_menus.swf"; } else if(currentPage.toLowerCase().indexOf("shackshots") > -1) { flashvars.currentSection = "shackshots"; flashvars.currentContent = "menus_shackshots.swf"; if(currentPage.toLowerCase().indexOf("details") > -1) { var shotDate = $("#current-shot").attr("alt").split("/"); var preMonth = parseInt(shotDate[0].split("(")[1]); var shotMonth; switch(preMonth) { case 1: shotMonth = "January"; break; case 2: shotMonth = "February"; break; case 3: shotMonth = "March"; break; case 4: shotMonth = "April"; break; case 5: shotMonth = "May"; break; case 6: shotMonth = "June"; break; case 7: shotMonth = "July"; break; case 8: shotMonth = "August"; break; case 9: shotMonth = "September"; break; case 10: shotMonth = "October"; break; case 11: shotMonth = "November"; break; case 12: shotMonth = "December"; break; } var shotDay = shotDate[1]; var shotYear = shotDate[2].split(")")[0]; var shotCity = $("h2 span.city:first").text(); var shotState = $("h2 span.state").text(); var ss_flashvars = {}; var ss_params = {}; var ss_attributes = {}; ss_flashvars.xmlPath = buildURL("/flashfeeds/framesxml.aspx",folderDepth); ss_flashvars.contentPath = buildURL("",folderDepth); ss_flashvars.imagePath = $("#current-shot").attr("src"); ss_flashvars.date = shotCity + ", " + shotState + " - " + shotMonth + " " + shotDay + ", " + shotYear; // ss_flashvars.date = "Austin, TX - May 20, 2009"; ss_params.menu = "false"; ss_params.wmode = "transparent"; ss_params.allowscriptaccess = "always"; } } else if(currentPage.indexOf("fun/") > -1) { flashvars.currentSection = "play"; flashvars.currentContent = "menus_play.swf"; } else if((currentPage.toLowerCase() == "default") || (currentPage == "")) { flashvars.xmlPath = "/flashfeeds/homexml.aspx"; flashvars.currentSection = ""; flashvars.currentContent = "JoesHomeFlash.swf"; } else { flashvars.currentSection = "contact"; flashvars.currentContent = "menus_contact.swf"; } var params = {}; params.menu = "false"; params.wmode = "transparent"; params.allowscriptaccess = "always"; var attributes = {}; if((currentPage.toLowerCase() == "default") || (currentPage == "")) { swfobject.embedSWF('http://s3.amazonaws.com/' + bucket + '/media/' + flashvars.currentContent, "flashContainer", "1000", "600", "9.0.0","expressInstall.swf", flashvars, params, attributes); $("div.section.content").addClass("flashed"); } else { if(currentPage.toLowerCase().indexOf("locations/default") > -1) { if (($.browser.msie) && (parseInt($.browser.version.substr(0,1)) <= 6)) { // No location map for IE6 } else { swfobject.embedSWF('http://s3.amazonaws.com/' + bucket + '/media/LocationsMap.swf', "map-canvas", "605", "438", "9.0.0","expressInstall.swf", flashvars, params, attributes); } } else if(currentPage.toLowerCase().indexOf("shackshots/details") > -1) { ss_flashvars.generateImageURL = 'http://' + document.domain + '/media/GenerateImage.aspx'; //console.log('ss_flashvars.generateImageURL: ' + ss_flashvars.generateImageURL); swfobject.embedSWF('http://s3.amazonaws.com/' + bucket + '/media/ShackShotsPrint.swf', "current-shot", "830", "525", "9.0.0","expressInstall.swf", ss_flashvars, ss_params, ss_attributes); } swfobject.embedSWF('http://s3.amazonaws.com/' + bucket + '/media/subPageNav.swf', "headerNav", "980", "240", "9.0.0","expressInstall.swf", flashvars, params, attributes); } } function loadSlideshow(currentPageAddress, folderDepth) { if(currentPageAddress.indexOf("locations/store") > -1) { var queryString = currentPageAddress.split("?")[1]; $(".area.supplement img").wrap("
"); var flashvars = {}; var currentDomainTemp = window.location.toString(); var currentDomain = currentDomainTemp.replace("http://","").split("/")[0]; flashvars.xmlPath = "http://" + currentDomain + "/flashfeeds/StreetViewsXML.aspx?" + queryString; flashvars.speed = 3000; var params = {}; params.menu = "false"; params.wmode = "transparent"; params.allowscriptaccess = "always"; var attributes = {}; swfobject.embedSWF('http://s3.amazonaws.com/' + bucket + '/media/StreetView.swf', "slideshow-container", "260", "220", "9.0.0","expressInstall.swf", flashvars, params, attributes); //swfobject.embedSWF(buildURL("media/StreetView.swf", folderDepth), "slideshow-container", "260", "220", "9.0.0","expressInstall.swf", flashvars, params, attributes); } } // var currentDomain = "joescrabshack.com/templates/"; // var currentDomain = "091-064-joescrabshack2.hosting.smoothfusion.com/"; var currentDomain = ".com/"; var flairPath = "images/imagery/"; function popPlayer() { if(typeof(win) == 'undefined' || win.closed){ win = window.open('http://s3.amazonaws.com/' + bucket + '/media/dmxPlayer.html','win','left=0,top=0,height=40,width=340,toolbar=0,resizable=0,location=0,directories=0,status=0,menubar=0,scrollbars=0'); //win = window.open('/media/dmxPlayer.html','win','left=0,top=0,height=40,width=340,toolbar=0,resizable=0,location=0,directories=0,status=0,menubar=0,scrollbars=0'); win.onbeforeunload = function() { createCookie("dmxPlayer-joes",'false',7); } } } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } function eraseCookie(name) { createCookie(name,"",-1); } function checkPlayerCookie() { var cookieVal = readCookie("dmxPlayer-joes"); if((cookieVal == 'true') || (cookieVal == null)) { popPlayer(); } else { // alert("Cookie set to false"); } } function closeIMWindows() { window.win.close(); } $(function() { // Main DOM-ready function var win; var currentPageAddress = identifyCurrentPage(currentDomain); var folderDepth = identifyFolderDepth(currentPageAddress); setPageID(currentPageAddress); loadFlash(currentPageAddress, folderDepth); loadSlideshow(currentPageAddress, folderDepth); if(($.browser.msie) && (parseInt($.browser.version.substr(0,1)) <= 6)) { $(":first-child").addClass("first-child"); $(":empty").addClass("empty"); $(":first-child + *").addClass("next-sibling"); $(".supplement > *").addClass("direct-child"); if(currentPageAddress.toLowerCase().indexOf("contact") > -1) { applyFlair(identifyContentFlair(currentPageAddress, folderDepth), flairPath, folderDepth); } } else { if($.browser.msie) { if ((parseInt($.browser.version.substr(0,1)) <= 7) && (currentPageAddress.toLowerCase().indexOf("locations") > -1)) { $(".submit input").click(function() { //$("img.f_locations-peg-leg").css("display","none"); }); } } $("img.photo").each(function() { rotatePhoto($(this)); if($(this).parent().parent().hasClass("thumb")) { // Do nothing } else { replaceGIFwithPNG($(this), "src"); } }); applyFlair(identifySupplementFlair(), flairPath, folderDepth); applyFlair(identifyContentFlair(currentPageAddress, folderDepth), flairPath, folderDepth); $(".supplement .form").add(".supplement .form-container").each(function() { replaceGIFwithPNG($(this), "css-background-image"); }); } });