var obj
var preloads=[]
var step=0
var newimange
var TimeToFade = 1000.0;

function preload(){

for(c=0;c<arguments.length;c++) {
   preloads[preloads.length]=new Image()
   preloads[preloads.length-1].src=arguments[c];
  }
 }


//variable that will increment through the images

function slideit(){
 var imgPath = new String();
//if browser does not support the image object, exit.
 obj=document.getElementById("slides-holder");
  
        imgPath = document.getElementById('slides-holder').style.backgroundImage;
if (!document.images)
return
//obj.style.backgroundImage='url('+preloads[num].src+')';
//document.images.slide.src=eval("image"+step+".src")
//obj.style.backgroundImage='url('+preloads[step]+'.src)';
//obj.style.backgroundImage = "background-image: url("+preloads[step]+") no-repeat";
newimage = preloads[step].src
//document.getElementById("ThemePreview").style.background = "url('preview.jpg') no-repeat scroll center center";

//document.getElementById('slides-holder').style.backgroundimage = 'url(' + newimage + ')';

document.getElementById("slides-holder").style.background = "url('" + newimage + "') no-repeat ";

//'url("images/waxingtintingrolloverimage.jpg")';
if (step<4)
step++;
else
step=0;
//call function "slideit()" every 2.5 seconds

setTimeout("slideit()", 5000);
fade(obj.id);
//fadeElement(obj.id, 2000);
}



function fade(eid) {
    var element = document.getElementById(eid);
    if (element == null)
        return;

    if (element.FadeState == null) {
        if (element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1') {
            element.FadeState = 2;
        }
        else {
            element.FadeState = -2;
        }
    }

    if (element.FadeState == 1 || element.FadeState == -1) {
        element.FadeState = element.FadeState == 1 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
    }
    else {
        element.FadeState = element.FadeState == 2 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade;
        setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 5);
    }
}

function animateFade(lastTick, eid) {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;
    var element = document.getElementById(eid);
    if (element.FadeTimeLeft <= elapsedTicks) {
        //element.style.opacity = element.FadeState == 1 ? '1' : '0';
        element.style.opacity = '1';
        //element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
        element.style.filter = 'alpha(opacity = 100)';
        element.FadeState = element.FadeState == 1 ? 2 : -2;
      
        return;
    }

    element.FadeTimeLeft -= elapsedTicks;
    var newOpVal = element.FadeTimeLeft / TimeToFade;
    //if(element.FadeState == 1){
    newOpVal = 1 - newOpVal;
    //}
    
    element.style.opacity = newOpVal;
    element.style.filter = 'alpha(opacity = ' + (newOpVal * 100) + ')';
    setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}


function animateFade1(lastTick, eid) {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;

    var element = document.getElementById(eid);

    if (element.FadeTimeLeft <= elapsedTicks) {
        element.style.opacity = element.FadeState == 1 ? '1' : '0';
        element.style.filter = 'alpha(opacity = '
        + (element.FadeState == 1 ? '100' : '0') + ')';
        element.FadeState = element.FadeState == 1 ? 2 : -2;
        return;
    }

    element.FadeTimeLeft -= elapsedTicks;
    var newOpVal = element.FadeTimeLeft / TimeToFade;
    if (element.FadeState == 1)
        newOpVal = 1 - newOpVal;

    element.style.opacity = newOpVal;
    element.style.filter = 'alpha(opacity = ' + (newOpVal * 100) + ')';

    setTimeout("animateFade(" + curTick + ",'" + eid + "')", 3);


}


function fadeElement(sElementId, fLastTick) {
    var fFadeTime = 100.0;
    var fFadeMin = -1.0;
    var fFadeMax = 1.0;

    var eElement = document.getElementById(sElementId);
    if (!eElement) return;

    var fTick = new Date().getTime();

    if (eElement.fadeState) {
        if (fLastTick) eElement.fadeTime += fTick - fLastTick;
        else {
            eElement.fadeState = eElement.fadeState === 1 ? -1 : 1;
            eElement.fadeTime = fFadeTime - eElement.fadeTime;
            return true;
        }
    }
    else {
        if ('undefined' !== typeof (eElement.style.opacity)) eElement.fadeState = parseFloat(eElement.style.opacity) === fFadeMax ? -1 : 1;
        else {
            if ('undefined' !== typeof (eElement.style.filter)) {
                var iIeOpacity = parseFloat(eElement.style.filter.replace('alpha', '').replace('opacity', '').replace('=', '').replace(')', '').replace('(', '')) / 50;
                eElement.fadeState = iIeOpacity === fFadeMax ? -1 : 1;
            }
            else return false;
        }
        eElement.fadeTime = 0.0;
    }
    var fOpacity = eElement.fadeTime / fFadeTime;
    if (eElement.fadeTime >= fFadeTime) fOpacity = 1.0;
    if (eElement.fadeState == -1) fOpacity = 1.0 - fOpacity;
    fOpacity = (fFadeMax - fFadeMin) * fOpacity + fFadeMin;
    eElement.style.opacity = fOpacity;
    eElement.style.filter = 'alpha(opacity=' + fOpacity * 100 + ')'; // IE
    if (eElement.children.length > 0) {
        for (var i = 0; i < eElement.children.length; i++) {
            eElement.children[i].style.filter = 'alpha(opacity=' + fOpacity * 100 + ')'; // IE
        }
    }
    if (eElement.fadeTime >= fFadeTime) eElement.fadeState = null;
    else setTimeout("fadeElement('" + eElement.id + "'," + fTick + ")", 33);
}

preload('http://barefieldlawfirm.com/images/Mike.gif','http://barefieldlawfirm.com/images/law0.gif','http://barefieldlawfirm.com/images/Divorce.jpg','http://barefieldlawfirm.com/images/Contract.jpg','http://barefieldlawfirm.com/images/Visa.jpg');
slideit();