var template = new Array();
var smallImages = new Array();
var allImages = new Array();
var myControll = 0;
var anim;

var url = '/FeaturedHome.aspx';
var request = new Json.Remote(url, {
    onComplete: function(response){
        allImages = response.Featured.AllImages;
        
        new Asset.images(allImages, {
            onComplete: function() {
                $('loading').style.display = 'none';
                $('complete').style.display = 'block';
                template = response.Featured.Template;
                smallImages = response.Featured.SmallImages;
                smalltemplateWrite();
                templateWrite();
                anim = setInterval('templateWrite()', 6000);
            }
        });
    }
}).send();

function templateWrite(position){
    j = 1;
    
    if( position != undefined ){
        myControll = position - 1;
    }
    
    if ( myControll == template.length - 1 ){
        $('preview').innerHTML = template[template.length - 1];
        myControll = 0;
    } else {
        $('preview').innerHTML = template[myControll];
        myControll++;
    }
    
    for(i = 0; i < smallImages.length; i++){
        $('img' + j).className = '';
        j++;
    }
    
    if(myControll == 0) $('img' + template.length).className = 'active';
    else $('img' + myControll).className = 'active';
}

function smalltemplateWrite(){
    str = smallImages.join('');
    $('paging').innerHTML = str;
    if(myControll == 0) $('img' + template.length).className = 'active';
    else $('img' + myControll).className = 'active';
}

function clickLink(obj){
    clear()
    templateWrite(obj);
}

function clear(){
    clearInterval(anim);
    anim = setInterval('templateWrite()', 6000);
}

function previous(){
    clear()
    //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
    smalltemplateWrite()
}

function next(){
    clear()
    //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
    smalltemplateWrite()
}