﻿// JScript File

 var bSlide=0;
//var num =0;
var imgName="imgSlide";
var imgHidden="imgHidden";
var bStart=0;
var fade_started=0;   
 
function showImagepopup(num) 
{
    var modal = $find('bloggallery_ImageModalPopupExtender1'); 
 modal.show();
 displayimg(num);
 return(true);
}   
 function HideImageModalPopup()
{
    var modal = $find('bloggallery_ImageModalPopupExtender1');
  modal.hide();
   bSlide = 0;
   bStart=0;
   fade_started=0; 
}
function OnComplete(arg) {
 document.getElementById('t').innerHTML = arg;
}
function OnTimeOut(arg) {
document.getElementById('t').innerHTML = 'A timeout was encountered when calling the image.';
}
function OnError(arg) {
document.getElementById('t').innerHTML = 'A problem was encountered when calling the image.';
} 

var num;
function displayimg(nums)
{
num=nums;
  var theimgid = 'img' + num;
  document.getElementById('imgSlide').src = directory + picsrc[num];
 num --;
 next_slide();
}

function next_slide()
{

  document.getElementById('t').innerHTML = '';
  bSlide = false;

  num++;

  if (num>numpics)
  { 
    num = 1;
  }

  var imgNew = new Image();

  imgNew.src = directory+picsrc[num+1]; //preload next image

  print_new_slide();

}

function previous_slide()

{
 document.getElementById('t').innerHTML = '';
  bSlide = false;

  num--;

  if (num<1)
  { 
    num = numpics ;
 }

  var imgNew = new Image();

  imgNew.src = directory+picsrc[num-1]; //preload next image

  print_new_slide();

}
function print_new_slide()
{

  var fwdImage = new Image;

  document['imgHidden'].src=directory+picsrc[num];

  if(bStart>0)

  {

      fadeTrans(imgName, imgHidden, 1200);

      if (num < numpics-1)

        fwdImage.src = directory+picsrc[num+2];

  }
  else
  {

    bStart=1;

    document[imgName].src=document['imgHidden'].src;
  }

//  document.form1.text1.value= ;
 document.getElementById('imgtext').innerHTML = txtpics[num];
}

function start_slideshow()

{
  if(bSlide==false)

  {
    bSlide = true;
    slideshow();
  }

}

function slideshow()
{

  if (bSlide==true)

  {

    num++;

    if (num>numpics)

    {

      num=1;

    }

    print_new_slide();

    setTimeout('slideshow()',5000);

    var imgNew = new Image();

    imgNew.src = directory+picsrc[num+1]; //preload next image

  }

}


function fadeTrans(id1, id2, t1)
{

  if(fade_started==0)

  {

    fade_started=1;

    opacity(id1,100,0,t1);

    setTimeout("fadeTrans('"+id1+"', '"+id2+"', "+t1+")",t1);

  }

  else

  {

    document.getElementById(id1).src = document.getElementById(id2).src;

    opacity(id1, 0, 100, t1);

    setTimeout("fadeTransComplete()",t1);

  }

}

function fadeTransComplete()

{

  fade_started=0;

}

//This script comes from http://www.brainerror.net/scripts_js_blendtrans.php

function opacity(id,opacStart,opacEnd,millisec)

	{
	//speed for each frame

	var speed = Math.round(millisec / 100);

	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens

	if(opacStart > opacEnd)

		{

		for(i = opacStart; i >= opacEnd; i--)

			{

			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));

			timer++;

			}
		}

	else if(opacStart < opacEnd)

		{

		for(i = opacStart; i < opacEnd; i++)

			{

			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));

			timer++;

			}
		}
	}

//change the opacity for different browsers

function changeOpac(opacity,id)

	{
	var object = document.getElementById(id).style; 

	object.opacity = (opacity / 100);

	object.MozOpacity = (opacity / 101);

	object.filter = "alpha(opacity=" + opacity + ")";

	}

function shiftOpacity(id,millisec)
	{
	//if an element is invisible, make it visible, else make it ivisible

	if(document.getElementById(id).style.opacity == 0)
		{
		opacity(id, 0, 100, millisec);

		}
	else
		{
		opacity(id, 100, 0, millisec);
		}
	}

function blendimage(divid,imageid,imagefile,millisec)
	{
	var speed = Math.round(millisec / 100);

	var timer = 0;

	//set the current image as background

	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

	//make image transparent

	changeOpac(0,imageid);

	//make new image

	document.getElementById(imageid).src = imagefile;

	//fade in image

	for(i = 0; i <= 100; i++)

		{

		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));

		timer++;

		}

	}

function currentOpac(id,opacEnd,millisec)

	{

	//standard opacity is 100

	var currentOpac = 100;

	//if the element has an opacity set, get it

	if(document.getElementById(id).style.opacity < 100)

		{

		currentOpac = document.getElementById(id).style.opacity * 100;

		}

	//call for the function that changes the opacity

	opacity(id,currentOpac,opacEnd,millisec)

	}
   
