﻿var SlideSite = '';
var isRandom = false;
var chkRandom = true;
var isStop = true;
var isPause = false;
var isPlayback = false;
var chkPlayback = true;
var SlideInterval = 3000;
var playerPlay = null;
var chkPlay = false;
var timerSpacerWidth = null;
var timerSpacerLength = 33;


function onclick_picture(picFile,picNumber){
   var sourceHTML=""
   if (document.getElementById('mainpic') && picFile!=''){
      if (document.all){
           document.getElementById('mainpic').style.filter="blendTrans(duration=1)";
           document.getElementById('mainpic').filters.blendTrans.Apply();
       }
       document.getElementById('mainpic').style.visibility='hidden';
	   document.getElementById('mainpic').src = picFile;
	   document.getElementById('mainpic').style.visibility='visible';		
       if (document.all){
           document.getElementById('mainpic').filters.blendTrans.Play();
       }
       if (picNumber!=''){
           if (document.getElementById("pictureTitle_"+picNumber)){
               sourceHTML=document.getElementById("pictureTitle_"+picNumber).value
           }    
           changeHTML('SlideImageComment',sourceHTML);
           changeHTML('SlideImageId',picNumber);
       }
   }
   return false;
}

function changeHTML(spanId,code){
    var element = document.getElementById(spanId);
	if(element) {
	    element.innerHTML = code;
	}
}


function player_play(){
    if(isStop == true || isPause == true){
        chkPlay = true;
        isStop = false;
        isPause = false;
        change_timerSpacer();
    }
    if(isStop == false){playerPlay = setTimeout("player_play()", SlideInterval);
    }
}


function player_pause(goBack){
    if(isPause == false && chkPlay == true){
        isPause = true;
        //document.images['menu_00_01'].src = getButtonsHome+'01_01'+getButtonsExt;
        //document.images['menu_00_01'].alt = 'הרץ';
        //document.images['menu_00_01'].title = 'הרץ';
        window.clearInterval(playerPlay);
        playerPlay = null;
        changeHTML('timer_spacer','');
    }
    else if(chkPlay == true && goBack == 1) {
        player_play();
    }
}

// 
function player_stop(){
    if(isStop == false && chkPlay == true){
        isStop = true;
        isPause = false;
        chkPlay = false;
        window.clearInterval(playerPlay);
        playerPlay = null;
        changeHTML('timer_spacer','');
		//var chButton=setTimeout("document.images['menu_00_03'].src = getButtonsHome+'03_00'+getButtonsExt", 200);
    }
}



function preDownloadImage(){
    // 
    var imgSrc = SlideSite;
    if(isPlayback == true){
        imgSrc = SlideImageIdPrew;
    }else{
        imgSrc = SlideImageIdNext;
    }
    if(isRandom == true){imgSrc = SlideImageIdNextRandom;}

    if(SlideData[imgSrc]){imgSrc = SlideSite + SlideData[imgSrc][4];}
    var img = new Image;
    img.src = imgSrc;
}


function goBack(){
	changeImage(SlideImageIdPrew);
	player_pause(0);
	//var chButton=setTimeout("document.images['menu_00_00'].src = getButtonsHome+'00_00'+getButtonsExt", 200);
}

// 
function goForward(){
	changeImage(SlideImageIdNext);
	player_pause(0);
	player_pause(0);
	//var chButton=setTimeout("document.images['menu_00_07'].src = getButtonsHome+'07_00'+getButtonsExt", 200);
}



//
function checkOpenImage(imageId){
    if(imageId < 0){
        imageId = SlideData.length-1;
    }else if(imageId == 0){
        imageId = SlideData.length
    }else if(imageId > SlideData.length){
        imageId = 1;
    }
    return imageId;
}

// 
function changeImage(Id){

    var imageId;
    if(Id){
        imageId = parseFloat(Id);
    }

    if(imageId == null){
        if(isRandom){
            SlideImageIdNextOpen = SlideImageIdNextRandom;
        }else if(isPlayback){
            SlideImageIdNextOpen = SlideImageIdNext-2;
        }else{
            SlideImageIdNextOpen = SlideImageIdNext;
        }
        SlideImageIdNextOpen = checkOpenImage(SlideImageIdNextOpen);
        imageId = SlideImageIdNextOpen;
    }else{
        SlideImageIdNextOpen = imageId;
    }
    changeHTML('SlideImageId',SlideImageIdNextOpen);
    SlideImageIdNext = SlideImageIdNextOpen + 1;
    SlideImageIdPrew = SlideImageIdNextOpen - 1;
    SlideImageIdNext = checkOpenImage(SlideImageIdNext);
    SlideImageIdPrew = checkOpenImage(SlideImageIdPrew);
    SlideImageId = SlideImageIdNextOpen;
    imageId = SlideImageIdNextOpen-1;
    
    
    
    changeHTML('SlideImage',getSlideImage(imageId));
//    changeHTML('SlideTitle',getSlideTitle(imageId));
    changeHTML('SlideImageComment',getSlideImageComment(imageId));
    document.title = getSlideTitle(imageId);
    timerSpacerWidth = 0;
    SlideImageIdNextRandom = checkOpenImage(Math.round(Math.random()*SlideImageCount));
    preDownloadImage();
}


function getSlideTitle(imageId){
    return SlideData[imageId][0];
}

//
function getSlideUsername(imageId){
    return SlideData[imageId][1];
}

// 
function getSlideImageComment(imageId){
    var element = document.getElementById('SlideImageComment');
	if(element) {
	    //if(SlideData[imageId][5] != '') {
	        //element.style.display = 'block';
	        //element.style.visibility = 'visible';
	        return SlideData[imageId][5];
	    //}else{
	         //element.style.display = 'none';
	         //element.style.visibility = 'hidden';
	         //element.value="";
	         //alert(imageId)
	         
	   // }
	}
}

//
function getSlideImage(imageId){
    var strWidthImg='';
    var strHeightImg='';
    if (SlideData[imageId][2]!=''){
       strWidthImg=' width="' + SlideData[imageId][2] +'"'
    }
    if (SlideData[imageId][3]!=''){
       strHeightImg=' height="' + SlideData[imageId][3] +'"'
    }
    return '<img class="mainphoto" id="mainpic"  name="mainpic" border="0" onclick="changeImage(); player_pause();" ' + strWidthImg + ' ' + strHeightImg + ' alt="" src="' + SlideSite + SlideData[imageId][4] + '">';
}

function change_timerSpacer(spacer){
    if(spacer){
        timerSpacerWidth = spacer + 210/SlideInterval*1000;
    }else{
        timerSpacerWidth = 210/SlideInterval*1000;
    }
    if(timerSpacerWidth > 210 || timerSpacerWidth == 210){
        changeImage();
    }
    if(isStop == false && isPause == false){
        changeHTML('timer_spacer','<img border="0" width="' + timerSpacerWidth + '" height="2" alt="" src="../images/pic_pix.gif"><br>');
        timerSpacer = setTimeout("change_timerSpacer(timerSpacerWidth)", 1000);
    }
}
