﻿var imgArr1 = $("#features .row-1");
var imgArr2 = $("#features .col-1");
var imgArr3 = $("#features .col-2");
var imgArr4 = $("#features .col-3");
imgArr1[0]&&$(imgArr1[0]).show()&&$(".caption",imgArr1[0]).show();
imgArr2[0]&&$(imgArr2[0]).show()&&$(".caption",imgArr2[0]).show();
imgArr3[0]&&$(imgArr3[0]).show()&&$(".caption",imgArr3[0]).show();
imgArr4[0]&&$(imgArr4[0]).show()&&$(".caption",imgArr4[0]).show();
if(imgArr1.size()>1)setTimeout("rollImg(\"imgArr1\")",5000+6000*Math.random())
if(imgArr1.size()>1)setTimeout("rollImg(\"imgArr2\")",5000+6000*Math.random())
if(imgArr1.size()>1)setTimeout("rollImg(\"imgArr3\")",5000+6000*Math.random())
if(imgArr1.size()>1)setTimeout("rollImg(\"imgArr4\")",5000+6000*Math.random())
function rollImg(listStr){
    var list = eval(listStr);
    var cIndex;
    list.each(function(i,item){
        if($(item).css("display")!="none"){
            cIndex = i; 
        }
    });
    var current = $(list.get(cIndex));
    var next = $(list.get(cIndex+1>list.size()-1?0:cIndex+1));
    current.fadeOut(2000,function(){$(".caption",this).hide()});
    $(".caption",current).fadeOut(2000);
    next.fadeIn(2000,function(){$(".caption",this).fadeIn("fast");setTimeout("rollImg(\""+listStr+"\")",4000+6000*Math.random())});
}