$(function(){
$(".image-map-container > a.image-content").each(function(){
var theLink = $(this);
var theMap = theLink.parent().find("img");
var xCoord= Math.floor(theLink.attr("xcoord"));
var yCoord= Math.floor(theLink.attr("ycoord"));
var mapW= Math.floor(theMap.width());
var mapH= Math.floor(theMap.height());
var mapPadH= Math.floor(theMap.css("padding-top").replace(/px/,""));
var mapPadW= Math.floor(theMap.css("padding-left").replace(/px/,""));
var xPos= Math.floor((mapW*(xCoord/100)))+mapPadW;
var yPos= Math.floor((mapH*(yCoord/100)))+mapPadH;

theLink.css({"left" : xPos+"px", "top" : yPos+"px"});
});

$(".image-content.image-file").click(function(){
var imgID= $(this).text().replace(/#/,"");
var temp = ".link-img-"+imgID;
$.scrollTo(temp, 1200, {offset:-50});
$(temp).css({"background" : "#c0ced8", "border-bottom" : "5px solid #07274c"});
});
var activeRowID = 0;
$(".set-icon").click(function(){
var theRow = $(this).parent();
if(theRow.is(".active")){
  theRow.removeClass("active");
}else{
  $("tr").removeClass("active").removeClass("updated");
  theRow.addClass("active");
  theRow.removeClass("updated");
  $.scrollTo(200,1200);
}
});
$(".main-map > img").click(function(e){
var activeRow = $("tr.active");
var mainMap= $(this);
var imgWidth= mainMap.width();
var imgHeight= mainMap.height();
var theOffset= mainMap.offset();
leftPos = theOffset.left;
topPos = theOffset.top;
if(activeRow.is("*")){
var itemID= activeRow.attr("itemID");
var itemX = Math.round(((e.pageX - leftPos)/imgWidth)*100);
var itemY= Math.round(((e.pageY - topPos)/imgHeight)*100);
activeRow.find("#x_coords > h2").text(itemX+"%");
activeRow.find("#y_coords > h2").text(itemY+"%");
$.ajax({
  type: "GET",
  url: "/_project/_public/modules/image-application/ajax/set-coord.asp",
  data: "itemID="+itemID+"&itemX="+itemX+"&itemY="+itemY+"&x="+Math.random(9999),
  contentType: "text/html; charset=iso-8859-1",
  error : function(data,string) {alert(string);},
  success : function (data) {
    $.scrollTo("tr.active",1200, {offset:-250});
activeRow.removeClass("active");
activeRow.addClass("updated");
  }
});
 }else{
 alert("Vänligen markera första det objekt/rad du önskar placera ut på kartan.");
}
});
$(".edit-tags-box").change(function(){
var triggerField = $(this);
var itemID= triggerField.parents("tr").attr("itemID");
var itemTags= triggerField.val();
$("textarea.updated").removeClass("updated");
$.ajax({
  type: "GET",
  url: "/_project/_public/modules/image-application/ajax/set-tags.asp",
  data: "itemID="+itemID+"&itemTags="+itemTags+"&x="+Math.random(9999),
  contentType: "text/html; charset=iso-8859-1",
  error : function(data,string) {alert(string);},
  success : function (data) {
triggerField.addClass("updated");
  }
});
});

});