// JavaScript for www.littleglassvial.com // MP3 helper function that adds a SWFObject player to the page // duration = file duration in seconds // file = relative path to media file // div_id = id of DIV that will be replaced by SWFObject function addSWFObjectMP3( duration, file, div_id ) { // REUSE THESE VARS var flashvars = {}; var params = {}; var attributes = {}; flashvars.duration = duration; flashvars.file = file; flashvars.backcolor = "000000"; flashvars.frontcolor = "05a9e6"; flashvars.lightcolor = "eab227"; flashvars.screencolor = "000000"; flashvars.dock = "false"; attributes.id = div_id; attributes.name = div_id; return swfobject.embedSWF("../../JWplayer/player.swf", div_id, "300", "20", "9.0.0", "../../JWplayer/expressInstall.swf", flashvars, params, attributes); } // FLV helper function that adds a SWFObject player to the page // file = relative path to media file // div_id = id of DIV that will be replaced by SWFObject function addSWFObjectFLV( file, div_id ) { var flashvars = {}; var params = {}; var attributes = {}; flashvars.file = file; flashvars.backcolor = "000000"; flashvars.frontcolor = "05a9e6"; flashvars.lightcolor = "eab227"; flashvars.screencolor = "000000"; params.wmode = "opaque"; params.allowfullscreen = "true"; params.allowscriptaccess = "always"; attributes.id = div_id; attributes.name = div_id; return swfobject.embedSWF("../../JWplayer/player.swf", div_id, "470", "320", "9.0.0", "../../JWplayer/expressInstall.swf", flashvars, params, attributes); } // Pass in a URL and this will open the // url in a new popup window function openFlipper( url ) { window.open( url , "flipper", "height=1000, width=1200, status=0,toolbar=0, location=0, menubar=0"); } // This is the master image pre-loader function // call this in // If calling from an update level page, call // function preloadImages( is_subfolder ) { // check to see if the page is an update level page if( is_subfolder ) { MM_preloadImages( '../../images/go_btn_on.gif', '../../images/nav_home_on.gif', '../../images/nav_home_off.gif', '../../images/nav_updates_on.gif', '../../images/nav_udpates_off.gif', '../../images/nav_archives_off.gif', '../../images/nav_archives_on.gif', '../../images/view_slideshow_on.gif', '../../images/view_slideshow_off.gif', '../../images/nav_visit_store_off.gif', '../../images/nav_visit_store_on.gif' ); } else { MM_preloadImages( 'images/go_btn_on.gif', 'images/nav_home_on.gif', 'images/nav_home_off.gif', 'images/nav_updates_on.gif', 'images/nav_udpates_off.gif', 'images/nav_archives_off.gif', 'images/nav_archives_on.gif', 'images/view_slideshow_on.gif', 'images/view_slideshow_off.gif', 'images/nav_visit_store_off.gif', 'images/nav_visit_store_on.gif' ); } } // Mouseover proxy function for the NAV buttons // Pass in the id and this will call the MM_swapImage() // with the appropriate over button name // NOTE : when using from an update level page, // call navbtn( btn_id, true ) function navbtn( btn_id, subfolder ) { var home_img; var updates_img; var archives_img; var store_img; // set image path level appropriately if( subfolder ) { home_img = '../../images/nav_home_on.gif'; updates_img = '../../images/nav_updates_on.gif'; archives_img = '../../images/nav_archives_on.gif'; store_img = '../../images/nav_visit_store_on.gif'; } else { home_img = 'images/nav_home_on.gif'; updates_img = 'images/nav_updates_on.gif'; archives_img = 'images/nav_archives_on.gif'; store_img = 'images/nav_visit_store_on.gif'; } switch( btn_id ) { case "nav_home": MM_swapImage( btn_id ,'', home_img ,1); break; case "nav_updates": MM_swapImage( btn_id ,'',updates_img,1); break; case "nav_archives": MM_swapImage( btn_id ,'', archives_img,1); break; case "nav_store": MM_swapImage( btn_id ,'', store_img,1); break; } } // VIEW REPOZINE : mouseover for RED View RepoZine buttons function rzbtn( btn_id, subfolder ) { var rz_img; // set image path level appropriately if( subfolder ) { rz_img = '../../images/view_repozine_on.gif'; } else { rz_img = 'images/view_repozine_on.gif'; } // VIEW SLIDESHOW buttons always have the same mouseOver image, so // pass in the appropriate button id MM_swapImage( btn_id ,'', rz_img,1) } // VIEW SLIDESHOW : this is just a proxy function for MM_swapImage() so // the html isn't so huge for mouseOver // * subfolder support just in case function ssbtn( btn_id, subfolder ) { var ss_img; // set image path level appropriately if( subfolder ) { ss_img = '../../images/view_slideshow_on.gif'; } else { ss_img = 'images/view_slideshow_on.gif'; } // VIEW SLIDESHOW buttons always have the same mouseOver image, so // pass in the appropriate button id MM_swapImage( btn_id ,'', ss_img,1) } // GO : this is just a proxy function for MM_swapImage() so // the html isn't so huge for mouseOver function gobtn( btn_id ) { // GO buttons always have the same mouseOver image, so // pass in the appropriate button id MM_swapImage( btn_id ,'','images/go_btn_on.gif',1) } /** * Pass in an array of field ids, and this * will loop through and verify each required field * contains a value. * If any of your fields do not get checked, verify * that field has id="" set to the value in fld_ids */ function checkRequiredFields( fld_ids, fld_names ) { var msg = "The following required fields are empty : \n"; var good = true; // is form good to submit? var first_field = ""; // first empty required field which will get .setFocus for( xx = 0; xx <= fld_ids.length-1; xx++ ) { var fld = document.getElementById( fld_ids[xx] ); //check for bad fields if(fld == null) { alert("The field '" + fld_names[xx] + "' doesn't have it's ID ("+ fld_ids[xx] +") set properly"); good = false; xx = fld_ids.length-1; //force loop break break; } //remove spaces ( not trim ) field_value = fld.value.split(" ").join(""); // type specific field checking switch( fld.type ) { // check .checked, not .value case "checkbox" : if( fld.checked ) field_value = "good"; else field_value = ""; break; } // TODO : consider setting bgColor as well since