";
});
$("div#tag-list").removeClass('empty-post-it').addClass('post-it');
$("div#tag-list ul").html(tag_list);
}else{
$("div#tag-list").removeClass('post-it').addClass('empty-post-it');
}
// var tag_name = $(data).find('name').text();
// var link = $(data).find('link').text();
// if(status != 'fail'){
// $("div#rating-"+ collection_id).text(updated_rating);
// }
}, "xml");
}
function reset_add_tags(){
$("#tag-container").css("display", "none").css("position", "absolute");
$("#resize-container").css('top', 0).css('left', 0);
$("#tag-name").val("Tag");
$("#url-name").val("Url");
}
$("#cancel-tag").click(function(){
reset_add_tags();
});
$("a.thumb").click(function(){
var current_image = this.id;
switch_image(this);
$("#current_item").html(current_image.replace(/media_/, ''));
return false;
});
$(".one-up").click(function(){
var collection_id = this.id;
$.post("/collection/up", { id: collection_id, user_id: $(this).attr("user_id") }, function(data){
var updated_rating = $(data).find('rating').text();
var status = $(data).find('status').text();
if(status != 'fail'){
$("span#rating-"+ collection_id).text(updated_rating);
}
}, "xml");
return false;
});
$("div.one-down").click(function(){
var collection_id = $(this).attr("collection_id");
$.post("/collection/down", { id: collection_id }, function(data){
var updated_rating = $(data).find('rating').text();
$("p#rating-"+collection_id).text(updated_rating);
}, "xml");
});
$("a.fav-button").click(function(){
var collection_id = $(this).attr("href");
$.post("/collection/favup", { id: collection_id }, function(data){
alert('saved');
}, "xml");
return false;
});
// Adding tags, form function
$("input#add_tag").click(function(){
var selected_tag = $("select#tag_select :selected").val();
var selected_tag_text = $("select#tag_select :selected").text();
var current_tags = $("input#tag_tag").val();
var tags = current_tags.split('|');
// Check if tag is already in
for(var index in tags){
if(tags[index] == selected_tag)
return false;
}
if(current_tags == "")
$("input#tag_tag").val($("select#tag_select").val());
else
$("input#tag_tag").val(current_tags + '|' + selected_tag);
old_tags = $("ul#add-tag-list").html();
for(var tag in tags){
$("ul#add-tag-list").html(old_tags + ""+ selected_tag_text +" ")
}
});
// Create photo tag
$("#resize-container").resizable({ containment: 'img.edit-image', scroll: false,
resize: function(event, ui){
sync_tag_info();
}
}).draggable({ containment: 'img.edit-image', scroll: false,
drag: function(event, ui){
sync_tag_info();
}
});
function sync_tag_info(){
var cursorAt = $("#resize-container").position();
var tagInfo_height = $("#resize-container").css('height').replace(/px/, "");
$("#tag-info").css('top', cursorAt.top+parseInt(tagInfo_height)+20).css('left', cursorAt.left);
}
function create_photo_tag(_id,_top, _left, _width, _height){
var photo_tag = document.createElement('div');
var inside_frame = document.createElement('div');
photo_tag.id = "photo-tag_"+_id;
$("div.photo-tags").append(photo_tag);
$(photo_tag).addClass("photo-tag-frame").css('top', _top).css('left', _left);
$("#photo-tag_"+_id).append(inside_frame);
$(inside_frame).addClass("inside-frame").css('width', _width).css('height', _height);
}
$("#tag-list li").live("mouseover",function(event){
var tag_container = $("div.current-photo").position();
var id = $(this).attr('id').replace(/tag_/, "");
// photo-tags
$("div#photo-tag_"+id).css('border', '4px solid #E8DFEA');
}).live("mouseout",function(event){
var id = $(this).attr('id').replace(/tag_/, "");
$("div#photo-tag_"+id).css('border', '');
});
$(".photo-tag-frame").live("mouseover",function(event){
var id = $(this).attr('id').replace(/photo-tag_/, "");
$("li#tag_"+id).css('list-style-type', 'disc');
}).live("mouseout",function(event){
var id = $(this).attr('id').replace(/photo-tag_/, "");
$("li#tag_"+id).css('list-style-type', 'none');
});
$("#save-tag").click(function(){
var cur_img_pos = $("img.edit-image").position();
var tag_container = $("#tag-container").position();
var resize_container = $("#resize-container").position();
var _top = (resize_container.top > 0 ) ? resize_container.top - 3 : resize_container.top;
var _left = (resize_container.left > 0 ) ? resize_container.left - 3 : resize_container.left;
var _width = parseInt($("#resize-container").css('width').replace(/px/, ''))+15;
var _height = parseInt($("#resize-container").css('height').replace(/px/, ''))+15;
var _tagName = $("#tag-name").val()
var _link = $("#url-name").val();
$.post("/photos/tag", { photo_id: $(this).attr("photo_id"),
title: _tagName,
link: _link,
top: _top,
left: _left,
width: _width,
height:_height
}, function(data){
$("div#tag-list ul").append("" + _tagName + " ");
create_photo_tag($(data).find('id').text(), _top, _left, _width, _height);
if ($("#tag-list").hasClass('empty-post-it')){
$("#tag-list").removeClass('empty-post-it').addClass('edit-tag');
}
}, "xml");
$("#tag-container").css("display", "none");
reset_add_tags();
});
$("#add-tag").click(function(){
$("#tag-container").css("position", "absolute").css("display", "block");
sync_tag_info();
return false;
});
// $("#edit-tag").click(function(){
// $.post("/photos/delete_tag", { id: $(this).attr("href")}, function(data){
// }, "xml");
// return false;
// });
$(".delete-tag").live("click",function(event){
var _id = $(this).attr("href");
$.post("/photos/delete_tag", { id: _id }, function(data){
$("#tag_"+_id).remove();
$("#photo-tag_"+_id).remove();
contents = $("#tag-list ul").html();
if ( jQuery.trim(contents) == ""){
$("div#tag-list").removeClass('post-it').addClass('empty-post-it');
}
}, "xml");
return false;
});
//Login functions
$('#login_link').fancyZoom();
$('#feedback_link').fancyZoom();
$('#signup_link').fancyZoom({width:350});
});