var images = new Array();
var smallImages = new Array();
var myControll = 0;
var anim;

var url = '/FeaturedHome.aspx';
var request = new Json.Remote(url, {
    onComplete: function(response){
        $('loading').style.display = 'none';
        images = response.Items.Image;
        smallImages = response.Items.SmallImages;
        smallImageWrite();
        imageWrite();
    }
}).send();




function imageWrite(position){
    j = 1;
                   
    if( position != undefined ){
        myControll = position - 1;
    }
                   
    if ( myControll == images.length - 1 ){
        $('preview').innerHTML = images[images.length - 1];
        myControll = 0;
    } else {
        $('preview').innerHTML = images[myControll];
        myControll++;
    }
                   
    for(i = 0; i < smallImages.length; i++){
        $('img' + j).className = '';
        j++;
    }
    if(myControll == 0) $('img' + images.length).className = 'active';
    else $('img' + myControll).className = 'active';
    setOpacity('opacity', '85');
}

anim = setInterval('imageWrite()', 4000);

function smallImageWrite(){
    str = smallImages.join('');
    $('paging').innerHTML = str;
    if(myControll == 0) $('img' + images.length).className = 'active';
    else $('img' + myControll).className = 'active';
}

function clickLink(obj){
    imageWrite(obj);
    clear()
}

function clear(){
    clearInterval(anim);
    anim = setInterval('imageWrite()', 4000);
}

function previous(){
    //add
    size = smallImages.length;
    addindex = 0;
    addvalue = smallImages[smallImages.length-1];
    for (i = smallImages.length+1; i > addindex; i--) smallImages[i] = smallImages[i-1];
    smallImages[addindex] = addvalue;
    smallImages.length = smallImages.length-1;
    //delete
    for (j = smallImages.length-1; j < smallImages.length -1; j++) if (j != smallImages.length) smallImages[j] = smallImages[j+1];
    smallImages.length = smallImages.length-1;
    //call
    smallImageWrite()
}

function next(){
    //push
    smallImages.push(smallImages[0]);
    //add
    for (j = 0; j < smallImages.length -1; j++) if (j != smallImages.length) smallImages[j] = smallImages[j+1];
    smallImages.length = smallImages.length-1;
    //call
    smallImageWrite()
}
