$(document).ready(function(){

    $('#comment').hover(
            function(){  
	        $('#comment').attr("src","/monster-nav/comment-over.gif");
	    },
            function(){  
	        $('#comment').attr("src","/monster-nav/comment.gif");
	    }
	);

    $('#logo').hover(
            function(){  
	        $('#logo').attr("src","http://www.monsters.net/monster-nav/logo_yellow_simple4_over-ti.gif");
	    },
            function(){  
	        $('#logo').attr("src","http://www.monsters.net/monster-nav/logo_yellow_simple4-ti.gif");
	    }
	);

    $('#previous').hover(
            function(){  
	        $('#previous').attr("src","http://www.monsters.net/monster-nav/previous-over.gif");
	    },
            function(){  
	        $('#previous').attr("src","http://www.monsters.net/monster-nav/previous.gif");
	    }
	);

    $('#previous-bottom').hover(
            function(){  
	        $('#previous-bottom').attr("src","http://www.monsters.net/monster-nav/previous-over.gif");
	    },
            function(){  
	        $('#previous-bottom').attr("src","http://www.monsters.net/monster-nav/previous.gif");
	    }
	);

    $('#claymation').hover(
            function(){  
	        $('#claymation').attr("src","http://www.monsters.net/monster-nav/claymation-over.gif");
	    },
            function(){  
	        $('#claymation').attr("src","http://www.monsters.net/monster-nav/claymation.gif");
	    }
	);
    $('#claymation2').hover(
            function(){  
	        $('#claymation2').attr("src","http://www.monsters.net/monster-nav/claymation-over.gif");
	    },
            function(){  
	        $('#claymation2').attr("src","http://www.monsters.net/monster-nav/claymation.gif");
	    }
	);

    $('#claymation3').hover(
            function(){  
	        $('#claymation3').attr("src","http://www.monsters.net/monster-nav/claymation-over.gif");
	    },
            function(){  
	        $('#claymation3').attr("src","http://www.monsters.net/monster-nav/claymation.gif");
	    }
	);

    $('#claymation4').hover(
            function(){  
	        $('#claymation4').attr("src","http://www.monsters.net/monster-nav/claymation-over.gif");
	    },
            function(){  
	        $('#claymation4').attr("src","http://www.monsters.net/monster-nav/claymation.gif");
	    }
	);

    $('#next').hover(
            function(){  
	        $('#next').attr("src","http://www.monsters.net/monster-nav/next-over.gif");
	    },
            function(){  
	        $('#next').attr("src","http://www.monsters.net/monster-nav/next.gif");
	    }
	);


    $('#next-bottom').hover(
            function(){  
	        $('#next-bottom').attr("src","/monster-nav/next-over.gif");
	    },
            function(){  
	        $('#next-bottom').attr("src","/monster-nav/next.gif");
	    }
	);

    $('#gallery').hover(
            function(){  
	        $('#gallery').attr("src","/monster-nav/gallery-over.gif");
	    },
            function(){  
	        $('#gallery').attr("src","/monster-nav/gallery.gif");
	    }
	);



    $('#random').hover(
            function(){  
	        $('#random').attr("src","/monster-nav/random-over.gif");
	    },
            function(){  
	        $('#random').attr("src","/monster-nav/random.gif");
	    }
	);

    $('#random-bottom').hover(
            function(){  
	        $('#random-bottom').attr("src","/monster-nav/random-over.gif");
	    },
            function(){  
	        $('#random-bottom').attr("src","/monster-nav/random.gif");
	    }
	);

    $('#monsters').hover(
            function(){  
	        $('#monsters').attr("src","http://www.monsters.net/monster-nav/monsters-over.gif");
	    },
            function(){  
	        $('#monsters').attr("src","http://www.monsters.net/monster-nav/monsters.gif");
	    }
	);

    $('#drawings').hover(
            function(){  
	        $('#drawings').attr("src","http://www.monsters.net/monster-nav/drawings-over.gif");
	    },
            function(){  
	        $('#drawings').attr("src","http://www.monsters.net/monster-nav/drawings.gif");
	    }
	);

    $('#about').hover(
            function(){  
	        $('#about').attr("src","http://www.monsters.net/monster-nav/about-over.gif");
	    },
            function(){  
	        $('#about').attr("src","http://www.monsters.net/monster-nav/about.gif");
	    }
	);

    $('#mycartoons').hover(
            function(){  
	        $('#mycartoons').attr("src","http://www.monsters.net/monster-nav/mycartoons-over.gif");
	    },
            function(){  
	        $('#mycartoons').attr("src","http://www.monsters.net/monster-nav/mycartoons.gif");
	    }
	);

    $('#buy').hover(
            function(){  
	        $('#buy').attr("src","http://www.monsters.net/monster-nav/buy-over.gif");
	    },
            function(){  
	        $('#buy').attr("src","http://www.monsters.net/monster-nav/buy.gif");
	    }
	);

    $('#buystuff').hover(
            function(){  
	        $('#buystuff').attr("src","http://www.monsters.net/monster-nav/buystuff-over.gif");
	    },
            function(){  
	        $('#buystuff').attr("src","http://www.monsters.net/monster-nav/buystuff.gif");
	    }
	);

    $('#buystuff-bottom').hover(
            function(){  
	        $('#buystuff-bottom').attr("src","http://www.monsters.net/monster-nav/buystuff-over.gif");
	    },
            function(){  
	        $('#buystuff-bottom').attr("src","http://www.monsters.net/monster-nav/buystuff.gif");
	    }
	);


$('#shrinkpotato').click(function(e){  shrinkpotato();  return false;  });
$('#growpotato').click(function(e){  growpotato();  return false;  });

$('#shrinkgooglygoo').click(function(e){  shrinkgooglygoo();  return false;  });
$('#growgooglygoo').click(function(e){  growgooglygoo();  return false;  });

$('#shrinkmargaret').click(function(e){  shrinkmargaret();  return false;  });
$('#growmargaret').click(function(e){  growmargaret();  return false;  });

$('#shrinkdangerslug').click(function(e){  shrinkdangerslug();  return false;  });
$('#growdangerslug').click(function(e){  growdangerslug();  return false;  });

});

$('#barchart').css('min-height', '200px');                  
function getJson(urla) {

$.getJSON(urla,   

   function(data){
//success functions here
//clear page first
       $('#barchart').html("");           
       $('#imagechart').html("");           
       $('#votechart').html("");           
       $('#barchart').css('width', '400px');                  
       $('#barchart').css('min-height', '200px');                  

       $.each(data, function (i, item) {
          $('#votechart').append('<em>' + item.realname + ' has <span class="votecount">' + item.votecount + '</span> votes!</em>');

	  //For Flash page

	  $('#barchart').html('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="' + item.votecount + '" width="' + item.votecount + '" id="flashContent"><param name="movie" value="/animation/flash/' + item.name + '.swf" /><!--[if !IE]>--><object type="application/x-shockwave-flash" data="/animation/flash/' + item.name + '.swf" height="' + item.votecount + '" width="' + item.votecount + '"><!--<![endif]--><img src="/monsters/' + item.name + '/' + item.name + '-xlarge.png" width="' + item.votecount + '" alt="Resize the monster!" /><!--[if !IE]>--></object><!--<![endif]--></object>');


            $('#barchart').append("<br />");           

	    //For image page
	    $('#imagechart').append('<img src="/monsters/' + item.name + '/' + item.name + '-xlarge.png" width="' + item.votecount + '" />');
            $('#imagechart').append("<br />");           

       $('.votecount').css('color', '#ffcc00');                  
       $('.votecount').css('font-size', '40px');                  


       });
   });
   //end of getJson function

}

function shrinkpotato() {
    var urla='/assets/monstergrow.php?name=potato&shrinkorgrow=shrink';
    getJson(urla); 
}
function growpotato() {
    var urla='/assets/monstergrow.php?name=potato&shrinkorgrow=grow';
    getJson(urla); 
}
function shrinkgooglygoo() {
    var urla='/assets/monstergrow.php?name=googlygoo&shrinkorgrow=shrink';
    getJson(urla); 
}
function growgooglygoo() {
    var urla='/assets/monstergrow.php?name=googlygoo&shrinkorgrow=grow';
    getJson(urla); 
}
function shrinkmargaret() {
    var urla='/assets/monstergrow.php?name=margaret&shrinkorgrow=shrink';
    getJson(urla); 
}
function growmargaret() {
    var urla='/assets/monstergrow.php?name=margaret&shrinkorgrow=grow';
    getJson(urla); 
}
function shrinkdangerslug() {
    var urla='/assets/monstergrow.php?name=dangerslug&shrinkorgrow=shrink';
    getJson(urla); 
}

function growdangerslug() {
    var urla='/assets/monstergrow.php?name=dangerslug&shrinkorgrow=grow';
    getJson(urla); 
}

//make it global
//window.initpage = growdangerslug();