/* Image Names */
foilImg = 'vpg-home-vfr-products-nobg.gif';
mmImg   = 'vpg-home-mm-products-nobg.gif';
lcImg   = 'vpg-home-lc-products-nobg.gif';
pwImg   = 'vpg-home-pw-products-nobg.gif';
obwImg  = 'vpg-home-obw-products-nobg.gif';

imageObj = {
    "relationships":[
        {"name":"agriculture","activeImages":[mmImg,lcImg,obwImg]},
        {"name":"ams","activeImages":[foilImg]},
        {"name":"ate","activeImages":[foilImg]},
        {"name":"audio","activeImages":[foilImg]},
        {"name":"design","activeImages":[mmImg]},
        {"name":"medical","activeImages":[foilImg,lcImg,pwImg]},
        {"name":"mining","activeImages":[lcImg,obwImg]},
        {"name":"oil","activeImages":[foilImg,pwImg]},
        {"name":"sorting","activeImages":[lcImg,pwImg]},
        {"name":"transport","activeImages":[mmImg,lcImg,obwImg]},
        {"name":"waste","activeImages":[obwImg]},
        {"name":"silo","activeImages":[lcImg,pwImg]}
    ]
}

$(document).ready(function(){        
    var imageGroup = new ImageGroup();
    imageGroup.rotate();
});


function dimImages(){
    $(".divsion-image").each(function(){
        var imageSource = $(this).attr("src");
        imageSource = imageSource.replace("lit","nobg");
        $(this).attr("src",imageSource);
    })
}

function ImageGroup(){
    this.images = $("#banner > img");
    this.displayIndex = 0;
    this.size = this.images.size();
    var that = this;

    this.rotate = function(){
        this.images.hide();
        $("#banner > img:eq("+this.displayIndex+")").show();
        var name = $("#banner > img:eq("+this.displayIndex+")").attr("name");
        dimImages();
        for(i=0,j=imageObj.relationships.length;i<j;i++){
            var currentBanner = imageObj.relationships[i];
            var divisionImages = $(".divsion-image");
            if(name == imageObj.relationships[i].name){
                for(k=0,l=currentBanner.activeImages.length;k<l;k++){
                    var activeImage = currentBanner.activeImages[k];
                    for(m=0,n=divisionImages.size();m<n;m++){
                        var image = $(".divsion-image:eq("+m+")").attr("src") ;
                        image = image.replace(/.*images\/(.*)/,"$1");                        
                        if(image.toLowerCase() == activeImage.toLowerCase()){                            
                            var matchImage = activeImage.replace("nobg","lit");
                            var matchImageSrc = "/images/"+matchImage;
                            $(".divsion-image:eq("+m+")").attr("src",matchImageSrc);
                        }
                    }

                }
            }
        }
        if(this.displayIndex < (this.size - 1)){
            this.displayIndex += 1;
        }else{this.displayIndex = 0;}
        setTimeout(function(){that.rotate();},3500);
    }
}