var resims=new Array();
var ReqResimGetir;
var max_page_num=0;
var page_num=1;
var ILK=true;
var secilithumbid;


function StructInfo(path,model,marka,kck_path){
    this.path=path;
    this.model=model;  
    this.marka=marka;
    this.kck_path=kck_path;
}


function ReqResimGetirChange(){
    if (ReqResimGetir.readyState == 4) {
        if (ReqResimGetir.status == 200) {
                    resims=eval(ReqResimGetir.responseText);
                    
                    if(max_page_num==0){
                        max_page_num=Math.ceil(resims.length/5);
                    }
                    
                    SetThumbnails(0)
                    
                    if(ILK==true){
                        ILK=false;
                        SetBigPic(0);
                    }
              
        } else {
        alert("Resimler Getirilemedi..." + ReqResimGetir.readyState + "\n"+ ReqResimGetir.statusText);
        }
    }
}//function


function ResimleriGetir(RESIM_SINIF){
    ReqResimGetir=createXMLHttpRequest();
    if (ReqResimGetir){
        ReqResimGetir.onreadystatechange = ReqResimGetirChange;	
        ReqResimGetir.open("POST", "xresim_getir.aspx?RESIM_SINIF=" + RESIM_SINIF  + "&ti=" + new Date(), true);
        ReqResimGetir.send();      
    } 
}

  
function SetThumbnails(offset){
    var j;
    thumbnaildiv=document.getElementById("thumbnails");
    thumbnaildiv.innerHTML = "<div class='thumbbtn' onclick='geri()'><img id='btn_geri' src='images/back.gif' /></div>";
    for(var i=offset;i<(offset+5) && i<resims.length ;i++){
    var classname="thumb";
    
    if(i%5==0){ 
        classname="thumbsecili"; 
        secilithumbid=i;
    }
        
       thumbnaildiv.innerHTML += "<div id='thumb"+i+"' onclick='SetBigPic("+ i+")' class='"+ classname +"'><img class='thumbimg'  src='" + resims[i].kck_path + "'  /></div>";
    
    }
    thumbnaildiv.innerHTML += "<div class='thumbbtn' onclick='ileri()'><img id='btn_ileri' src='images/front.gif'   /></div>";
    SetIleriGeri();
    SetBigPic(offset);
}




function SetBigPic(id){
    document.getElementById('div_img').innerHTML='<span>Yükleniyor...</span><img src="images/ajax-loader.gif"/>';
    document.getElementById("td_model").innerHTML=""
    document.getElementById("thumb" + secilithumbid).className="thumb";
    document.getElementById("thumb" + id).className="thumbsecili";
    secilithumbid=id;
    SetPageNum();
    
    setTimeout('wait("' + resims[id].path + '")',300);
    no=id;
}

var no;

function wait(url){
    document.getElementById('div_img').innerHTML='<img class="bigpic" src="' + url + '"  />';
    document.getElementById("td_model").innerHTML= resims[no].model  + " " + resims[no].marka;
    reset_pos();
//document.getElementById("pos_"+(no%5)).style.display="";
}



function ileri(){
    if(page_num<max_page_num){
        page_num++;
        reset_pos();
        SetThumbnails((page_num-1)*5);
    }
}


function SetIleriGeri(){

    if(page_num==max_page_num){
        document.getElementById("btn_ileri").src="images/gri_front.gif"
    }else{
        document.getElementById("btn_ileri").src="images/front.gif"
    }

    if(page_num==1){
        document.getElementById("btn_geri").src="images/gri_back.gif"
    }else{
        document.getElementById("btn_geri").src="images/back.gif"
    }
    SetPageNum();
}


function SetPageNum(){
    document.getElementById("pagenum").innerHTML=(secilithumbid+1) + "/"+  resims.length  +"   Sayfa:" + page_num  + "/"+ max_page_num;
}

function geri(){
    if(page_num>1){
        page_num--;
        reset_pos();
        //SetBigPic(page_num*5-5);
        SetThumbnails((page_num-1)*5);
    }
}

function createXMLHttpRequest() {
    var request = false;
    if (window.XMLHttpRequest) {
        request = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
       	try {
            request = new ActiveXObject("Msxml2.XMLHTTP");
      	}
        catch(e) {
            try {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e) {
                request = false;
            }
        }
    }
    return request;
}


function reset_pos(){

//for(var i=0;i<5;i++){
//document.getElementById("pos_"+i).style.display="none";
//}

}