var slides_next_div_id=slides_current_div_id;
var slides_prev_div_id=slides_current_div_id;
function slideInit(){
    //~ alert("asa");
    
    slides_next_div_id = slides_current_div_id+1;
    slides_prev_div_id = slides_total-1;
    
    showSlide(slides_current_div_id);
    updateProgressBar();
    updateTitle();
    if (is_play){
        is_play=0;
        onPlayPauseClick();
    } 
    //~ alert(slides_prev_div_id+", "+slides_current_div_id+", "+slides_next_div_id);
       //~ alert(slides_current_record_id);
    //~ alert(slide);
}

function doNext(){
    hideSlide(slides_current_div_id);
    showSlide(slides_next_div_id);
    slides_prev_div_id = slides_current_div_id;
    slides_current_div_id = slides_next_div_id;
    if (slides_next_div_id == (slides_total-1)){
        slides_next_div_id=0;
    } else {
        slides_next_div_id++;
    }
    
    if (slides_current_record_id == (slides_total)){
        slides_current_record_id = 1;
    } else {
        slides_current_record_id++;
    }
    updateProgressBar();
    updateTitle();
    //~ alert(slides_current_record_id);
}
function doPrev(){
    hideSlide(slides_current_div_id);
    showSlide(slides_prev_div_id);
    slides_next_div_id = slides_current_div_id;
    slides_current_div_id = slides_prev_div_id;
    if (slides_prev_div_id == 0){
        slides_prev_div_id=slides_total-1;
    } else {
        slides_prev_div_id--;
    }
    if (slides_current_record_id == 1){
        slides_current_record_id = slides_total;
    } else {
        slides_current_record_id--;
    }
    updateProgressBar();
    updateTitle();
    //~ alert(slides_current_record_id);
}

function play(){
    if (is_play){
        doNext();
        setTimeout(play, 5000);
    }
}
function pause(){
    is_play=0;
    btn = document.getElementById("play_pause_btn");
    btn.src="images/play_btn.gif";
    clearTimeout(play);
}

function onPlayPauseClick(){
    btn = document.getElementById("play_pause_btn");
    if (is_play) {
        btn.src="images/play_btn.gif";
        is_play=0;
    } else {
        btn.src="images/pause_btn.gif";
        is_play=1;
        setTimeout(play, 5000);
    }
}
function onNextClick(){
    doNext();
    pause();
}
function onPrevClick(){
    doPrev();
    pause();
}

function updateProgressBar(){
    pb = document.getElementById("slides_progress_bar");
    pc = document.getElementById("slides_progress_cursor");
    pb_width = parseInt(pb.style.width);
    pc_width = parseInt(pc.style.width);
    dx = (pb_width-pc_width)/(slides_total-1);
    left = parseInt((dx*(slides_current_record_id-1)));
    pc.style.left=left+"px";
}
function updateTitle(){
    obj = document.getElementById("portfolioTitle");
    obj.innerHTML = titles[slides_current_div_id];
}

function showSlide(id){
    obj = document.getElementById("slide_"+id);
    obj.style.opacity=1;
    obj.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+100+")";
}
function hideSlide(id){
    obj = document.getElementById("slide_"+id);
    obj.style.opacity=0;
    obj.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+0+")";
}
