﻿
var current;
var current1;
var n = new Array();
var step = 0;
function carousel_initCallback(carousel){
    //Get the rel attribute.
    $('.dogs div').mouseover(function(){
        step = 0;
    n = new Array();
        var rel = $(this).attr("rel");
        var img = $('.jcarousel-item');
        //Split the rel...
        var num = rel.split(',');
        current = num[0];
        current1 = num[1];
        var item = getDoggy(img);
        for(var i =0; i < n.length; i++)
        {
            var t = n[i];
            var src = t.attr("src").replace("before", "after");
                t.attr("src", src);    
        }
        
    })
    .mouseout(function(){
        step = 0;
    n = new Array();
        var rel = $(this).attr("rel");
        var img = $('.jcarousel-item');
        //Split the rel...
        var num = rel.split(',');
        current = num[0];
        current1 = num[1];
        var item = getDoggy(img);
        for(var i =0; i < n.length; i++)
        {
            var t = n[i];
            var src = t.attr("src").replace("after", "before");
                t.attr("src", src);    
        }
    });
    
}

function getDoggy(img)
{
    for(var i = 0; i < img.length + 1; i++)
        {
            var item = $('.jcarousel-item-' + i + ' img');
            
            var rel1 = item.attr("rel");
            if(rel1 == current || rel1 == current1)
            {
                n[step] = item;
                step = step + 1;   
            }
        }
}//end