.grey-input { font-family: verdana; border: 1px solid #ccc; font-size: 16px; font-weight: 100; } var rateShippingMethods = new Array('FIXED','CALCULATED'); var zones = new Array('domestic', 'international'); var shippingRegions = new Array('1','3','5','7','9','11','13','15'); var checkDisableIntShippingRate = function () { $('international_shipping_rate').disabled = $('regions').visible(); }; function toggleRegionRates() { Effect.toggle('regions', 'slide', { afterFinish: checkDisableIntShippingRate }); } function checkShowRegions() { if ($("international_shipping_method").value == 'FIXED') { var showRegions = false; for (var i = 0; i < shippingRegions.length; i++) { if ($("region_rate_" + shippingRegions[i]).value > 0.0) { showRegions = true; break; } } if (showRegions) { Element.show('regions'); } else { Element.hide('regions'); } } else { Element.hide("regions"); } checkDisableIntShippingRate(); } // Disable region input if user unchecks that region's checkbox. function checkRegionInput(regionId, checked) { $("region_rate_" + regionId).disabled = !checked; $("region_rate_select_" + regionId).value = checked; if (!checked) { $("region_rate_" + regionId).onchange(); } } function handlePackageTypeChange(packageType) { if (packageType == "PACKAGE" || packageType == "LARGE_PACKAGE") { Element.show("package_size"); } else { Element.hide("package_size"); } } function handleWeightChange(s) { if (s == "custom") { Element.show("custom_weight_form"); } else { Element.hide("custom_weight_form"); $("item_shipping_profile_attributes_pounds").value = s; } } function choseShippingProfile(val) { var shippingProfile = shippingProfiles[val]; if (shippingProfile) { if (shippingProfile['item_shipping_profile']) { shippingProfile = shippingProfile['item_shipping_profile']; } else { shippingProfile = shippingProfile['user_shipping_profile']; } var shippingFancySelects = new Array('domestic_shipping_method', 'domestic_shipping_carrier_id', 'domestic_shipping_rate', 'international_shipping_method', 'international_shipping_carrier_id', 'international_shipping_rate', 'package_type'); for (var j = 0; j < shippingFancySelects.length; j++) { var selectName = shippingFancySelects[j]; var original_select = $(selectName); for (var i = 0; i < original_select.length; i++) { if (original_select[i].value == shippingProfile[selectName]) { eval(selectName).selectOption(i); } } } var weight_select = $('shipping_profile_weight'); for (var i = 0; i < weight_select.length; i++) { if (weight_select[i].value == shippingProfile['shipping_profile_weight']) { shipping_profile_weight.selectOption(i); } } $('domestic_shipping_rate').value = shippingProfile['domestic_shipping_rate'].toFixed(2); $('international_shipping_rate').value = shippingProfile['international_shipping_rate'].toFixed(2); $('item_shipping_profile_attributes_handling').value = shippingProfile['handling'].toFixed(2); $('item_shipping_profile_attributes_length').value = shippingProfile['length'].toFixed(2); $('item_shipping_profile_attributes_width').value = shippingProfile['width'].toFixed(2); $('item_shipping_profile_attributes_height').value = shippingProfile['height'].toFixed(2); $('item_shipping_profile_attributes_pounds').value = shippingProfile['pounds'].toFixed(2); $('item_shipping_profile_attributes_ounces').value = shippingProfile['ounces'].toFixed(2); var showRegionInputs = false; var shippingRegionRates = shippingProfile['shipping_region_rates']; for (var i = 0; i < shippingRegionRates.length; i++) { var shippingRegionRate = shippingRegionRates[i]; var regionId = shippingRegionRate['region_id']; var regionRate = shippingRegionRate['rate']; $("region_rate_" + regionId).value = regionRate.toFixed(2); if (regionRate != 0.0) { showRegionInputs = true; } checkRegionInput(regionId, shippingRegionRate['enabled']); $("region_checkbox_" + regionId).checked = shippingRegionRate['enabled']; } if (showRegionInputs) { Element.show('regions'); } else { Element.hide('regions'); } $('international_shipping_rate').disabled = $('regions').visible(); } } // Makes sure that we show the package details section if 'Buyer pays calculated' is being used anywhere. function checkShowPackageDetails() { if ($('calculated_domestic').visible() || $("calculated_international").visible()) { Element.show("package_details"); Element.show("weight_details"); $("package_type").onchange(); $("shipping_profile_weight").onchange(); } else { Element.hide("custom_weight_form"); Element.hide("package_size"); Element.hide("package_details"); Element.hide("weight_details"); } } function checkShowHandling() { if($('calculated_domestic').visible() || $('calculated_international').visible() || $('fixed_domestic').visible() || $('fixed_international').visible()) { Element.show('handling'); } else { Element.hide('handling'); } } function updateShippingMethods(selectedShippingMethod, zone) { for (var i = 0; i < rateShippingMethods.length; i++) { var shippingMethod = rateShippingMethods[i]; var displayAttr = "none"; if (shippingMethod == selectedShippingMethod) { displayAttr = "inline"; } $(shippingMethod.toLowerCase() + "_" + zone).style.display = displayAttr; } if ($(zone + '_shipping_rate').onchange && selectedShippingMethod != 'FIXED') { $(zone + '_shipping_rate').onchange(); } if (zone == 'international') { checkShowRegions(); } checkShowPackageDetails(); checkShowHandling(); } updateShippingMethods("FIXED", "domestic"); updateShippingMethods("FIXED", "international"); if ($("international_shipping_method").value == 'FIXED' && false) { Element.show('regions'); } checkDisableIntShippingRate(); // handlePackageTypeChange("LETTER");

Hover over existing
   images for options to remove
   or change the
   main image.

PICTURE(S)
.image-upload-frame, .image-upload-frame-main-hover, .image-upload-frame-main { width: 176px; margin-right: 2px; margin-bottom: 2px; height: 214px; float: left; background-image: url(http://cdn.ioffer.com/images/misc/image_upload/image_frames.gif); } .image-upload-frame-main-hover { background-position: 0px -214px; } .image-upload-frame-main { background-position: 0px -428px; } .image-upload-inner-frame { width: 150px; height: 130px; margin: 28px 13px 0px 13px; padding-top: 12px; position: relative; } .image-upload-frame-picture { width: 122px; height: 122px; margin: 0px 14px 0px 14px; background-color: #ececec; text-align: center; overflow: hidden; } .image-upload-frame-button-set-main, .image-upload-frame-button-delete { display: none; width: 38px; height: 38px; position: absolute; top: 0px; } .image-upload-frame-button-set-main { left: 0px; } .image-upload-frame-button-delete { right: 0px; } .image-upload-frame-free-text { display: none; } .image-upload-frame-main .image-upload-frame-free-text { display: block; } .image-upload-frame-main .image-upload-frame-price-text { display: none; } var imageUploadFirstPriceText = ""; var imageUploadAdditionalPriceText = ""; var uploadImageSetMainTooltip = "Set as Main Image"; var uploadImageDeleteImageTooltip = "Delete Image"; var uploadImageDeleteImageConfirm = "Are you sure you want to delete this Image?"; var uploadImageBlankFileMessage = "To add a photo, please type or paste in the image URL." var uploadImageInvalidFileMessage = "You may only upload jpg, gif, or png image files."; var uploadImageValidFileExtensions = new Array("jpg", "jpeg", "gif", "png", "bmp"); var uploadImageValidFileExtensionMessage = ""; var imageUploadAjaxObject = undefined; for(var i = 0; i < uploadImageValidFileExtensions.length; i++){ if(i != uploadImageValidFileExtensions.length - 1){ uploadImageValidFileExtensionMessage += uploadImageValidFileExtensions[i] + ", "; }else{ uploadImageValidFileExtensionMessage += "or " + uploadImageValidFileExtensions[i]; } } var imageUploadFrameImageMaxHeight = 122; var imageUploadFrameImageMaxWidth = 122; var imageUploadInitialProgressCheckDelay = 3000; var imageUploadProgressCheckDelay = 2000000; var imageUploadFramesPerRow = 4; var imageUploadFrameCount = 0; var imageUploadActiveFrameCount = 0; var imageUploadMainImageId = null; var imageUploadFrameset = null; var imageUploadContinueCheckingProgress = false; function randNum(){ var randomnumber = Math.floor(Math.random() * Math.random() * 500 * 500 + (Math.random() * 500)) return randomnumber; } function imageUploadCreateFrame(){ imageUploadFrameset = document.getElementById("imageUploadFrameset"); var frame = document.createElement("div"); frame.className = "image-upload-frame"; frame.setAttribute("imageframenumber", imageUploadFrameCount); frame.setAttribute("frameactive", "false"); frame.onmouseover = function(){ if(this.getAttribute("frameactive") == "true"){ if(this.className != "image-upload-frame-main"){ document.getElementById("imageUploadSetMainContainer" + this.getAttribute("imageframenumber")).style.display = "block"; } document.getElementById("imageUploadDeleteImageContainer" + this.getAttribute("imageframenumber")).style.display = "block"; } }; frame.onmouseout = function(){ document.getElementById("imageUploadSetMainContainer" + this.getAttribute("imageframenumber")).style.display = "none"; document.getElementById("imageUploadDeleteImageContainer" + this.getAttribute("imageframenumber")).style.display = "none"; }; frame.id = "imageUploadFrame" + imageUploadFrameCount; var innerFrame = document.createElement("div"); innerFrame.className = "image-upload-inner-frame"; frame.appendChild(innerFrame); var frameFreeText = document.createElement("div"); frameFreeText.className = "align-center image-upload-frame-free-text"; frameFreeText.innerHTML = imageUploadFirstPriceText; frame.appendChild(frameFreeText); var framePriceText = document.createElement("div"); framePriceText.className = "align-center image-upload-frame-price-text"; framePriceText.innerHTML = imageUploadAdditionalPriceText; frame.appendChild(framePriceText); var framePicture = document.createElement("div"); framePicture.className = "image-upload-frame-picture"; framePicture.id = "imageUploadFramePictureArea" + imageUploadFrameCount; innerFrame.appendChild(framePicture); var frameButtonSetMain = document.createElement("div"); frameButtonSetMain.className = "image-upload-frame-button-set-main"; frameButtonSetMain.id = "imageUploadSetMainContainer" + imageUploadFrameCount; innerFrame.appendChild(frameButtonSetMain); var frameButtonDelete = document.createElement("div"); frameButtonDelete.className = "image-upload-frame-button-delete"; frameButtonDelete.id = "imageUploadDeleteImageContainer" + imageUploadFrameCount; innerFrame.appendChild(frameButtonDelete); var setMainLink = document.createElement("a"); setMainLink.setAttribute("href", "javascript: void(0)"); setMainLink.setAttribute("imageframenumber", imageUploadFrameCount); setMainLink.onmouseover = function(){ //document.getElementById("imageUploadFrame" + this.getAttribute("imageframenumber")).className = "image-upload-frame-main-hover"; }; setMainLink.onmouseout = function(){ //document.getElementById("imageUploadFrame" + this.getAttribute("imageframenumber")).className = "image-upload-frame"; }; setMainLink.onclick = function(){ document.getElementById("imageUploadFrame" + this.getAttribute("imageframenumber")).onmouseout(); imageUploadSetMainImage(this.getAttribute("imageframenumber")); this.blur(); }; frameButtonSetMain.appendChild(setMainLink); var deleteImageLink = document.createElement("a"); deleteImageLink.setAttribute("href", "javascript: void(0)"); deleteImageLink.setAttribute("imageframenumber", imageUploadFrameCount); deleteImageLink.onclick = function(){ if(confirm(uploadImageDeleteImageConfirm)){ imageUploadRemoveImage(this.getAttribute("imageframenumber")); } this.blur(); }; frameButtonDelete.appendChild(deleteImageLink); var setMainIcon = document.createElement("img"); setMainIcon.setAttribute("src", "http://cdn.ioffer.com/images/misc/image_upload/set_as_main.gif"); setMainIcon.setAttribute("alt", uploadImageSetMainTooltip); setMainIcon.setAttribute("title", uploadImageSetMainTooltip); setMainLink.appendChild(setMainIcon); var deleteImageIcon = document.createElement("img"); deleteImageIcon.setAttribute("src", "http://cdn.ioffer.com/images/misc/image_upload/delete.gif"); deleteImageIcon.setAttribute("alt", uploadImageDeleteImageTooltip); deleteImageIcon.setAttribute("title", uploadImageDeleteImageTooltip); deleteImageLink.appendChild(deleteImageIcon); if(imageUploadFrameCount > 0){ imageUploadFrameset.insertBefore(frame, document.getElementById("imageUploadFrame" + (imageUploadFrameCount - 1)).nextSibling); }else{ imageUploadFrameset.insertBefore(frame, imageUploadFrameset.firstChild); frame.className = "image-upload-frame-main"; imageUploadMainImageId = 0; } imageUploadFrameCount++; return imageUploadFrameCount - 1; } function imageUploadSetMainImage(newFrameNumber){ var newFrame = document.getElementById("imageUploadFrame" + newFrameNumber); if(imageUploadMainImageId != null){ document.getElementById("imageUploadFrame" + imageUploadMainImageId).className = "image-upload-frame"; } newFrame.className = "image-upload-frame-main"; var fullURL = document.getElementById("imageUploadPicture" + newFrameNumber).src; document.getElementById("item_main_image").value = imageUploadGetLocalImageURL(fullURL); imageUploadMainImageId = newFrameNumber; } function imageUploadGetLocalImageURL(fullURL){ var chopped = fullURL.split("//"); fullURL = chopped[chopped.length - 1]; return fullURL.substring(fullURL.indexOf("/"), fullURL.length); } function imageUploadSwitchFrames(currentPosition, newPosition){ var currentFrame = document.getElementById("imageUploadFramePictureArea" + currentPosition); var newFrame = document.getElementById("imageUploadFramePictureArea" + newPosition); var currentImage = currentFrame.removeChild(document.getElementById("imageUploadPicture" + currentPosition)); var newImage = newFrame.removeChild(document.getElementById("imageUploadPicture" + newPosition)); newImage.id = "imageUploadPicture" + currentPosition; currentImage.id = "imageUploadPicture" + newPosition; currentFrame.appendChild(newImage); newFrame.appendChild(currentImage); } function imageUploadStart(imageUploadForm, submit_form){ Effect.Appear('image_tips'); $('tmp_image').value = $('tmp_image').value.replace(/^\s+|\s+$/g,""); var fileExtension = imageUploadForm.image.value; fileExtension = fileExtension.substring((fileExtension.lastIndexOf(".") + 1), fileExtension.length).toLowerCase(); var imageUploadValidFile = false; for(var i = 0; i < uploadImageValidFileExtensions.length; i++){ if(fileExtension == uploadImageValidFileExtensions[i]){ imageUploadValidFile = true; } } if(!imageUploadValidFile){ alert("Invalid file type. Please select a " + uploadImageValidFileExtensionMessage + " file. "); return false; } imageRandomKey = randNum(); imageUploadForm.image_key.value = imageRandomKey; document.getElementById("imageUploadSelect").style.display = "none"; document.getElementById("imageUploadProgress").style.display = "block"; imageUploadContinueCheckingProgress = true; setTimeout("imageUploadCheckProgress('" + imageRandomKey + "')", imageUploadInitialProgressCheckDelay); if(submit_form) { imageUploadForm.submit(); } document.getElementById("upload_url").style.display = "none"; return true; } function imageUploadCheckProgress(imageKey){ if(imageUploadContinueCheckingProgress){ //new Ajax.Request('/items/check_image', // {asynchronous:true, evalScripts:true, parameters: "image_key=" + imageKey, onComplete: function(){}} //); var uploadCheck = setTimeout("imageUploadCheckProgress('" + imageRandomKey + "')", imageUploadProgressCheckDelay); } } function imageUploadDrawProgressBar(sizeUploaded, totalSize){ if(imageUploadContinueCheckingProgress){ var percentDone = parseInt((sizeUploaded / totalSize) * 100); if(percentDone > 100){ percentDone = 100; } document.getElementById("imageUploadProgressBarFill").style.width = (100 - percentDone) + "%"; document.getElementById("imageUploadProgressBarText").innerHTML = percentDone + "%"; document.getElementById("imageUploadProgressBar").style.display = "block"; } } function isdefined( variable) { return (typeof(window[variable]) == "undefined")? false: true; } function imageUploadFinish(){ if ( isdefined( 'curUpload' ) ){ clearTimeout( curUpload ); alert('Your image timed out. Please try your upload again.'); } if ( isdefined( 'uploadCheck' ) ) { clearTimeout( uploadCheck ); } imageUploadContinueCheckingProgress = false; document.getElementById("imageUploadProgressBar").style.display = "none"; document.getElementById("imageUploadProgress").style.display = "none"; document.getElementById("imageUploadProgressBarFill").style.width = "0px"; document.getElementById("imageUploadProgressBarText").innerHTML = ""; document.getElementById("imageUploadSelect").style.display = "block"; //Reset image upload form to fix issue where nothing would happen if user selected same file $('real_form').reset(); imageUploadAjaxObject = undefined; } function imageUploadCancel(){ if(typeof imageUploadAjaxObject == "object"){ imageUploadAjaxObject.abort(); imageUploadFinish(); Element.show('upload_url'); }else{ var imageUploadIframe = $($("real_form").getAttribute("target")); imageUploadIframe.src = "about:blank"; imageUploadFinish(); Element.show('upload_browse'); } } function imageUploadActivateFrame(imageURL){ var frameNumber = imageUploadActiveFrameCount++; if(imageUploadActiveFrameCount == 1){ document.getElementById("item_main_image").value = imageUploadGetLocalImageURL(imageURL); } if(imageUploadActiveFrameCount >= imageUploadFrameCount){ for(var i = 0; i < imageUploadFramesPerRow; i++){ imageUploadCreateFrame(); } } var imageObject = document.createElement("img"); imageObject.id = "imageUploadPicture" + frameNumber; imageObject.style.visibility = "hidden"; imageObject.width = "120"; document.getElementById("imageUploadFramePictureArea" + frameNumber).style.background = "#ffffff url(/images/misc/indicator_medium.gif) no-repeat center center"; document.getElementById("imageUploadFramePictureArea" + frameNumber).appendChild(imageObject); imageObject.onload = function(){ imageUploadResizeImage(frameNumber, imageObject.id); }; imageObject.src = imageURL; } function imageUploadResizeImage(frameNumber, imageObjectId){ imageObject = document.getElementById(imageObjectId); if(imageObject.width <= 0 || imageObject.height <= 0){ setTimeout("imageUploadResizeImage(" + frameNumber + ", '" + imageObjectId + "');", 500); }else{ imageHeightOverflow = imageObject.height - imageUploadFrameImageMaxHeight; imageWidthOverflow = imageObject.width - imageUploadFrameImageMaxWidth; if((imageHeightOverflow > 0) || (imageWidthOverflow > 0)){ if(imageHeightOverflow > imageWidthOverflow){ imageObject.style.height = imageUploadFrameImageMaxHeight + "px"; imageObject.style.width = "auto"; }else{ imageObject.style.marginTop = (imageUploadFrameImageMaxHeight - (imageObject.height / imageObject.width) * imageUploadFrameImageMaxHeight) / 2 + "px"; imageObject.style.width = imageUploadFrameImageMaxWidth + "px"; imageObject.style.height = "auto"; } }else{ imageObject.style.marginTop = (imageUploadFrameImageMaxHeight - imageObject.height) / 2 + "px"; } document.getElementById("imageUploadFramePictureArea" + frameNumber).style.background = "#ffffff"; imageObject.style.visibility = "visible"; document.getElementById("imageUploadFrame" + frameNumber).setAttribute("frameactive", "true"); } } function imageUploadRemoveImage(frameNumber){ var fullURL = document.getElementById("imageUploadPicture" + frameNumber).src; new Ajax.Request('/items/remove_image', {asynchronous:true, evalScripts:true, parameters: "id=" + "126528767" + "&url=" + imageUploadGetLocalImageURL(fullURL), onComplete: function(){imageUploadDeactivateFrame(frameNumber)}} ); } function imageUploadDeactivateFrame(frameNumber){ if((frameNumber == 0) && (imageUploadActiveFrameCount == 1)){ document.getElementById("item_main_image").value = ""; }else{ for(var i = frameNumber; i < (imageUploadActiveFrameCount - 1); i++){ imageUploadSwitchFrames(parseInt(i) + 1, i); if((parseInt(i) + 1) == imageUploadMainImageId){ imageUploadSetMainImage(i); } } if(frameNumber == imageUploadMainImageId){ imageUploadSetMainImage(0); } } var imageUploadFrame = document.getElementById("imageUploadFrame" + (imageUploadActiveFrameCount - 1)); var imageUploadFramePictureArea = document.getElementById("imageUploadFramePictureArea" + (imageUploadActiveFrameCount - 1)); imageUploadFrame.setAttribute("frameactive", "false"); imageUploadFramePictureArea.style.backgroundColor = ""; imageUploadFramePictureArea.removeChild(document.getElementById("imageUploadPicture" + (imageUploadActiveFrameCount - 1))); imageUploadFrame.onmouseout(); imageUploadActiveFrameCount--; } imageUploadFinish(); imageUploadActivateFrame("http://cdn3.ioffer.com/img/tmp/item_images/ffbad01cdba66d9a5b78c5e993a52b6b/126528767/t_r2cE.jpg");