/*###########################################################################
  #class version 1.0, 08.07.2006. autor Viktor Rogachov, viktor.root@gmail.com

targetID - identifier of image tag
imageOver - string-path to mouse-over image file
imageOut - string-path to mouse-out image file

USING:

html example
<img src="123" alt="" border="0" id="image_rollover" onmouseout="" onmouseover="" />

script example
// including library in HEAD tag
<script type="text/javascript" src="../../core/net/ImageRollOver.js"></script>

// execing script, before </body> tag
<script type="text/javascript">
var imageRollover = new ImageRollOver('image_rollover', 'img/image_rollover_over.gif', 'img/image_rollover_out.gif');
</script>

!!! Test version you may find in JS_library\core demo\image\ImageRollOver.html !!!

###########################################################################*/

function ImageRollOver(targetID, imageOver, imageOut)
{
	/*
	creating Image-over/out objects for faster working
	*/
	var image_out_obj     = new Image();
	    image_out_obj.src = imageOut; // loading rollOut image file
	var image_over_obj = new Image();
	    image_over_obj.src = imageOver; // loading rollOver image file

	/*
	finding image tag
	*/
	var target = document.getElementById(targetID);
	/*
	set default src for image
	if you using 3rd image for default, commenting this line
	*/
	target.src = image_out_obj.src;
	
	// method for rollOut
	function ImageOut(){
		this.src = image_out_obj.src;
	}
	// method for rollOver
	function ImageOver(){
		this.src = image_over_obj.src;
	}
	
	/*
	initializing over/out methods
	*/
	this.ImageOut  = ImageOut;
	this.ImageOver = ImageOver;
	
	/*
	set tralalala
	*/
	target.onmouseover = this.ImageOver;
	target.onmouseout  = this.ImageOut;
	target.style.cursor = 'pointer'; // set cursor for image tag
}