﻿//set image paths
var maxcnt=50;
var mainimage=new Array(maxcnt);
var thmb=new Array(maxcnt);
var tcnt=0;
var icnt=0;
var ccnt=-1;
var nccnt=0;
var mydiv;
var intervalID; 
var oldimg;
var newimg;
var value=50;
var plus=0;
var minus=1;
var valuet=50;
var firstload=0;


function add_thumb(thm)
{
thmb[tcnt]=thm;
tcnt=tcnt+1;
}

function add_main_image(thm)
{
mainimage[icnt]=thm;
icnt=icnt+1;
}

function Next_image(divid)
{
clearInterval(intervalID);
value=50;
valuet=0;
minus=1;
plus=0;

mydiv=divid;
ccnt=ccnt+1;
nccnt=ccnt+1;
if(ccnt>maxcnt+1){ccnt=0;}
if(nccnt>maxcnt+1){ccnt=0;}
oldimg=document.getElementById(mydiv).innerHTML;
var img="";
var i=0;
while(i<=maxcnt){
if(ccnt!=i)
{img=img+"<a rel='lightbox' href='"+mainimage[i]+"' title=' ' style='text-decoration:none;display:none'><img src=' ' alt=' ' style='border:0;text-decoration:none;opacity: 0.5;-moz-opacity:0.5;filter:alpha(opacity=30)'/></a>";}
else
{img=img+"<div id='framediv' style='border: 2px silver solid;margin-top:130px;max-height:255px;max-width:320px;background-color:#ffffff' ><a id='myimageview' name='myimageview' rel='lightbox' href='"+mainimage[ccnt]+"' style='text-decoration:none'><img id='mytimg' src='"+thmb[ccnt]+"' style='border:0;text-decoration:none;opacity: 0.5;-moz-opacity:0.5;filter:alpha(opacity=30)'/></a></div>";
img=img+"<div id='gallery_controls' style='display:block;margin:0;padding:0;min-width:324px;'> <span class='btn_prev' onclick=Prev_image('"+mydiv+"');></span> <span class='gallery_info'>"+(ccnt+1)+"/"+(maxcnt+1)+"</span> <span class='btn_next' onclick=Next_image('"+mydiv+"');></span> <span class='btn_view'   id='imageviewfull'  onclick='myview()' ></span> </div>";
img=img+"<div style='display:none'><a href='"+mainimage[nccnt]+"' title=' ' style='text-decoration:none'><img src='"+thmb[nccnt]+"' alt=' ' style='border:0;text-decoration:none;opacity: 0.5;-moz-opacity:0.5;filter:alpha(opacity=30)'/></a>";
img=img+"</div>";
}
i=i+1;
}
	newimg=img;
	if (document.all)
	{
	intervalID=setInterval("IE()",20)
	}
	else
	//if (window.sidebar)
	{
	intervalID=setInterval("MOZ()",20)
	}
}

function Prev_image(divid)
{
clearInterval(intervalID);
value=50;
valuet=0;
minus=1;
plus=0;
mydiv=divid;
ccnt=ccnt-1;
nccnt=ccnt-1;
if(ccnt<0){ccnt=maxcnt;}
if(nccnt<0){nccnt=maxcnt;}
oldimg=document.getElementById(mydiv).innerHTML;
var img="";
var i=0;
while(i<=maxcnt){
	if(ccnt!=i)
	{
		img=img+"<a rel='lightbox' href='"+mainimage[i]+"' title=' ' style='text-decoration:none;display:none'><img src=' ' alt=' ' style='border:0;text-decoration:none;opacity: 0.5;-moz-opacity:0.5;filter:alpha(opacity=30)'/></a>";
	}
	else
	{
		img=img+"<div id='framediv' style='border: 2px silver solid;margin-top:130px;max-height:255px;max-width:320px;background-color:#ffffff' ><a id='myimageview' name='myimageview' rel='lightbox' href='"+mainimage[ccnt]+"' style='text-decoration:none'><img id='mytimg' src='"+thmb[ccnt]+"' style='border:0;text-decoration:none;opacity: 0.5;-moz-opacity:0.5;filter:alpha(opacity=30)'/></a></div>";
		img=img+"<div id='gallery_controls' style='display:block;margin:0;padding:0;min-width:324px;'> <span class='btn_prev' onclick=Prev_image('"+mydiv+"');></span> <span class='gallery_info'>"+(ccnt+1)+"/"+(maxcnt+1)+"</span> <span class='btn_next' onclick=Next_image('"+mydiv+"');></span> <span class='btn_view'   id='imageviewfull'  onclick='myview()' ></span> </div>";
		img=img+"<div style='display:none'><a href='"+mainimage[nccnt]+"' title=' ' style='text-decoration:none'><img src='"+thmb[nccnt]+"' alt=' ' style='border:0;text-decoration:none;opacity: 0.5;-moz-opacity:0.5;filter:alpha(opacity=30)'/></a>";
		img=img+"</div>";
	}
	i=i+1;
}
	newimg=img;
	if (document.all)
	{
		intervalID=setInterval("IE()",20)
	}
	else
//	if (window.sidebar)
	{
		intervalID=setInterval("MOZ()",20)
	}
    

}
function myview(){$('#myimageview').click();}
function viewimage(){

//document.getElementById("myimageview").click();
//$(_initialize());
}

function IE(){
if(minus){
	if (value>-5)
		value-=5;
	else{
		plus=1;
		minus=0;
		//alert(newimg);
document.getElementById(mydiv).innerHTML=newimg;
$(function() {$('a[@rel*=lightbox]').lightBox({fixedNavigation:true}); }); 

	}
}
if(plus){
	if (value<99)
		value+=5;
	else
	{
		plus=0;
		minus=1;
		clearInterval(intervalID);
	}
}
	valuet=value;
//document.getElementById("mytimg").style.MozOpacity=valuet;
//document.getElementById("mytimg").filters[0].opacity=valuet;
document.getElementById("mytimg").filters[0].opacity=valuet;
document.getElementById("mytimg").style.opacity=valuet;
	if (document.documentMode) // IE8
		var dummy=1;
		//document.getElementById("framediv").style.margin='0px';
   else // IE 5-7
		document.getElementById("framediv").style.margin='0px';
}


function MOZ()
{
//foropera();
if(minus){
if (value>-5)
value-=5;
else{
plus=1;
minus=0;
document.getElementById(mydiv).innerHTML=newimg;
$(function() {$('a[@rel*=lightbox]').lightBox({fixedNavigation:true}); }); 
}
}
if(plus){
if (value<99)
value+=5;
else{
plus=0;
minus=1;
firstload=1;
clearInterval(intervalID);
}
}
valuet=(value/100)*1;
//document.getElementById("mytimg").style.marginTop='160px';
document.getElementById("mytimg").style.MozOpacity=valuet;
document.getElementById("mytimg").style.opacity=valuet;
if(window.opera){
			//document.getElementById("framediv").style.marginTop='210px';
			}
			else{
			opsize=1;}


}

function createfirst(){
document.getElementById('framediv').innerHTML="<img id='mytimg' src='"+thmb[ccnt]+"' alt='Stoneyfold Photo "+ccnt+"' style='opacity: 0.5;-moz-opacity:0.5;filter:alpha(opacity=30);display:none'/>";
}