/*
    ==============ROLLOVER.js========================
    contains a set of functions for changing button's images
    =================================================
*/

/*--- changes image source to *.*_on.gif --*/
function ImageOn(obj)
{
    var elem = obj.getElementsByTagName ('img');
	 if(elem.length>0)
    {
    elem[0].src = elem[0].src.replace(/_off/, "_on");
	}
	 var inputs = obj.getElementsByTagName ('input');
	for (var i = 0; i < inputs.length; i++) {
	   if (inputs[i].type == 'image') {
	   inputs[i].src = inputs[i].src.replace(/_off/, "_on");
	   }
	}	
}

/*--- changes image source to *.*_off.gif --*/
function ImageOut(obj)
{
    var elem = obj.getElementsByTagName ('img');
	if(elem.length>0)
    {
    elem[0].src = elem[0].src.replace(/_on/, "_off");
	}
    var inputs = obj.getElementsByTagName ('input');
	for (var i = 0; i < inputs.length; i++) {
	   if (inputs[i].type == 'image') {
	   inputs[i].src = inputs[i].src.replace(/_on/, "_off");
	   }
	}
}
/*--- changes image source to *.*_on.gif --*/
function ImageInputOn(obj)
{
    obj.src = obj.src.replace(/_off./, "_on.");
}

/*--- changes image source to *.*_off.gif --*/
function ImageInputOut(obj)
{
    obj.src = obj.src.replace(/_on./, "_off.");
}
/*--- automatic caching button images on page load --*/
function InitImages ()
{
    var str = /._off\../;
    try
    {
        var elem = document.getElementsByTagName ('img');
        for(var i = 0; i < elem.length; i++)
        {
            if (str.test(elem[i].src))
            {
                var img = new Image();
                img.src = elem[i].src.replace(/_off/, "_on");
            }
        }
        //shopping bag image
        var img = new Image();
        img.src = "/media/images/crazy8/close_shopping_bag02.gif";
    }
    catch (e) {}
}

/*--- old methods do not work, so here is new method --*/
function ImageSwap(obj, img)
{
	if (obj.type == 'image') {
		obj.src = img;
	} else {
		var elem = obj.getElementsByTagName ('img');
		elem[0].src = img;
	}
}