$("#map_img").click(function(e){
    var imgWidth = 20;
    var imgHeight = 20;
    
    var cssClass = "snag_spot";
    

    if ($('#gameball_flag').attr('checked')) {
        cssClass = "snag_spot_gamer";     
    }
    $("#spot").css("class",cssClass);
        
    var spotObj = document.getElementById("spot");
	spotObj.style.left = Math.abs(Math.round(e.pageX)  - (imgWidth/2));
	spotObj.style.top = Math.abs(Math.round(e.pageY)  - (imgHeight/2));
	spotObj.setAttribute("class",cssClass);
	spotObj.style.display = "block";
	pngFix("spot_wrapper");
   
	var x = Math.abs(Math.round(e.pageX - $("#map_img").offset().left));
	var y = Math.abs(Math.round(e.pageY - $("#map_img").offset().top));
    $("input#map_x_coord").val(x);
	$("input#map_y_coord").val(y);
	
   });
   $(document).ready(function(){
        setCoordsText();
    });
    
   $("#location_id").change(function(){
        setCoordsText();
    });
   
   function setCoordsText(){
        var values = {};
		$.each($('#ball_data').serializeArray(), function(i, field) {
			values[field.name] = field.value;
		});
		if (values["location_id"] == 0 && values["x_coord"] == 0 && values["y_coord"] == 0){
		    $("#map_link").hide();
		    $("#coords_note").hide();		
		} else if (values["location_id"] != 0 && values["x_coord"] == 0 && values["y_coord"] == 0){
		    $("#coords_note").hide();
		    $("#map_link").show();
		} else {
		    $("#map_link").hide();
		    $("#coords_note").show();	
		}
	}
 
        
   
   function showMap(){
		$('#dim').fadeTo('fast', 0.6, function() {
			$('#map_wrapper').fadeIn('fast', function() {
			});
		});		
	}
	function setValues(){
		var values = {};
		$.each($('#map').serializeArray(), function(i, field) {
			values[field.name] = field.value;
		});
		$("input#x_coord").val(values["map_x_coord"]);
		$("input#y_coord").val(values["map_y_coord"]);
		setCoordsText();
	}
	
	function fadeOut(){
		$("#spot").hide();
		$('#dim').fadeOut('fast', function() {
			$('#map_wrapper').fadeOut('fast', function() {
			});
		});		
	}
	
	
	function submitMap(){
		setValues();
		fadeOut();
	}
	
	function cancelMap(){
	    fadeOut();
		$("input#map_x_coord").val(0);
		$("input#map_y_coord").val(0);
		setValues();		
	}
	function showScatterPlot(ballLocations,numBalls,imgWidth,imgHeight){
	    for(i=1;i<=numBalls;i++){
	        var spotObj = document.getElementById(ballLocations[i][0]);
	        if (ballLocations[i][1] == 0 && ballLocations[i][1] == 0){
	            continue;
	        }	  
	        spotObj.style.left = $("#scatter_plot_img").offset().left + ballLocations[i][1] - (imgWidth/3);
	        spotObj.style.top = $("#scatter_plot_img").offset().top + ballLocations[i][2] - (imgHeight/3);
	        $('#'+ballLocations[i][0]).show();
	    }
	    pngFix("stadium_scatter_plot");
	
	}
	function showCompleteMap(ballLocations,numBalls){
	    $('#showmap_link').hide(); 
	    $('#stadium_scatter_plot').slideToggle('fast', function() {
	        showScatterPlot(ballLocations,numBalls,20,20);	        
        });       
	}
			
    function pngFix(divID) {
    
        var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1);
	    var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);
    
    	if (jQuery.browser.msie && (ie55 || ie6)) {
		
	    	// fix css background pngs
    		$("#" + divID).find("*").each(function(){
			    var bgIMG = jQuery(this).css('background-image');
			    if(bgIMG.indexOf(".png")!=-1){
    				var iebg = bgIMG.split('url("')[1].split('")')[0];
				    jQuery(this).css('background-image', 'none');
				    jQuery(this).get(0).runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + iebg + "',sizingMethod='scale')";
			    }
		    });
        }		
	}