$j(document).ready(function(){$j('.post-thumbnail img').click(function(){var mainImage=$j(this).parents('.post').children('.post-main-image').children('img');if(mainImage.length!=0){mainImage=swapMainImageWithThumbnail(mainImage,$j(this));mainImage.parents('.post-main-image').siblings('.post-caption').text(mainImage.attr('title'));}
return false;});$j('.profile-thumbnail img').click(function(){mainImage=$j(this).parents('.teacher-profile').find('.profile-main-image').children('img');if(mainImage.length!=0){mainImage=swapMainImageWithThumbnail(mainImage,$j(this));$j('.jcrop-holder').remove();setTimeout("initJcrop(mainImage, 'user')",500);}
return false;});$j('.listing-editor-thumbnail img').click(function(){var imageId=parseImageId($j(this));$j('#image-list').append('<img class="thumb-med-large-spinner" src="/images/spinner.gif" width="50" height="50" alt="Spinner" />');$j.get("/image/thumbnail",{"image_id":imageId,"object_name":"listing","private_view":true},function(data){$j('#image-list .thumb-med-large-spinner').remove();$j('#image-list').append(data);});return false;});$j('.klass-thumbnail img').click(function(){mainImage=$j(this).parents('.klass').find('.klass-main-image').children('img');if(mainImage.length!=0){mainImage=swapMainImageWithThumbnail(mainImage,$j(this));$j('.jcrop-holder').remove();setTimeout("initJcrop(mainImage, 'klass')",500);}
return false;});$j('.crop-listing-photo-link').click(function(){$j('#listing_editor_media').submit();});});var ImageHelper={}
ImageHelper.imageIdPattern=new RegExp("id=([a-z0-9\-]*)","i");ImageHelper.imageRefIdPattern=new RegExp("reference_id=([a-z0-9\-]*)","i");function parseImageRefId(elem){return elem.attr('src').match(ImageHelper.imageRefIdPattern)[1];}
function parseImageId(elem){return elem.attr('src').match(ImageHelper.imageIdPattern)[1];}
function swapMainImageWithThumbnail(mainImage,thumbnail){function replaceImageUrlParams(elem,thumbnail){var imageId=parseImageId(thumbnail);var imageRefId=parseImageRefId(thumbnail);elem.attr('src',elem.attr('src').replace(ImageHelper.imageIdPattern,'id='+imageId));elem.attr('src',elem.attr('src').replace(ImageHelper.imageRefIdPattern,'reference_id='+imageRefId));elem.attr('title',thumbnail.attr('title'));elem.attr('alt',thumbnail.attr('alt'));$j('#main_reference_id').val(imageRefId);}
mainImage.parent().append("<img class='new-main-image' style='display: none;'/>");var newMainImage=mainImage.parent().children('.new-main-image');newMainImage.attr('class',mainImage.attr('class'));if(!mainImage.attr('src').match(/no-.*-photo/)){newMainImage.attr('src',mainImage.attr('src'));}else{newMainImage.attr('src',thumbnail.attr('src').replace(/e=cr-\d*-\d*/,'e=r-'+mainImage.attr('width')+'-'+mainImage.attr('height')));}
replaceImageUrlParams(newMainImage,thumbnail);mainImage.remove();newMainImage.show();return newMainImage;}
function initJcrop(img,externalType){var imgWidth=img.width();var imgHeight=img.height();function setCoords(c){$j('#crop_x').val(parseInt(c.x/imgWidth*100));$j('#crop_y').val(parseInt(c.y/imgHeight*100));$j('#crop_w').val(parseInt(c.w/imgWidth*100));$j('#crop_h').val(parseInt(c.h/imgHeight*100));}
var aspectRatio=null;switch(externalType.toLowerCase()){case"klass":aspectRatio=250/210;break;case"user":aspectRatio=1;break;default:aspectRatio=1;}
var x1=parseInt(imgWidth*.15);var y1=parseInt(imgHeight*.15);var x2=parseInt(imgWidth*.85);var y2=parseInt(imgHeight*.85);img.Jcrop({setSelect:[x1,y1,x2,y2],onSelect:setCoords,addClass:'custom',bgColor:'black',bgOpacity:.3,sideHandles:true,aspectRatio:aspectRatio});setCoords({x:0,y:0,w:0,h:0});}
function defaultJeditableConfig(){return{type:"textarea",submit:"Save",cancel:"Cancel",onblur:"cancel",tooltip:"Click to edit...",placeholder:"click to edit",style:"inherit",callback:setImageMetaDataStyles}}
function setImageMetaDataStyles(value,settings){if(value!=""){$j(this).removeClass('blank').addClass('nonblank');}else{$j(this).removeClass('nonblank').addClass('blank');}}
function displayMetaDataError(settings,original,xhr){original.reset();var message="";if(xhr.status==403){message="You are not authorized to edit this image";}else if(xhr.status==500){var elementClass=original.getAttribute("class");if(elementClass=="image-title"){message="Title was too long";}else if(elementClass=="image-description"){message="Description was too long";}}
var errorContent="<div class='alert image-metadata'><div id='errorExplanation' class='errorExplanation'><h3>Oops! We couldn't save your changes...</h3><ul><li>"+message+"</li></ul></div></div>";$j(original).parent().eq(0).before(errorContent);}
function initJeditable(imageUpdateUrl,indicatorUrl){var config=defaultJeditableConfig();config["name"]="title";config["placeholder"]="click to add a title";config["rows"]=2;config["indicator"]=indicatorUrl;config["onerror"]=displayMetaDataError;config["onsubmit"]=function(){$j('.alert.image-metadata').remove();}
$j("span.image-title").editable(imageUpdateUrl,config);config["name"]="description";config["placeholder"]="click to add a description";config["rows"]=4;$j('span.image-description').editable(imageUpdateUrl,config);}