var imageNames;
var email_image_name = "0";

imageNames =  new Array(numImages);

for (var k=0; k<numImages; k++)
{
    imageNames[k] = folderName + "/" + k + ".jpg";
}

function viewImage(i)
{
	document.getElementById("image_viewer").style.width = "600px";
	document.getElementById("image_viewer").style.height = "400px";
	document.getElementById("image_viewer_wrapper").style.display = "block";
	
	document.getElementById("viewer_image").src = imageNames[i];
	
    email_image_name = i;
}

var BrowserDetect = {
init: function () {
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
this.version = this.searchVersion(navigator.userAgent)
|| this.searchVersion(navigator.appVersion)
|| "an unknown version";
this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
searchString: function (data) {
for (var i=0;i<data.length;i++)	{
var dataString = data[i].string;
var dataProp = data[i].prop;
this.versionSearchString = data[i].versionSearch || data[i].identity;
if (dataString) {
if (dataString.indexOf(data[i].subString) != -1)
	return data[i].identity;
}
else if (dataProp)
return data[i].identity;
}
},
searchVersion: function (dataString) {
var index = dataString.indexOf(this.versionSearchString);
if (index == -1) return;
return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
},
dataBrowser: [
{
string: navigator.vendor,
subString: "Apple",
identity: "Safari"
},
{
prop: window.opera,
identity: "Opera"
},
{
string: navigator.vendor,
subString: "iCab",
identity: "iCab"
},
{
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
},
{
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
},
{	// for newer Netscapes (6+)
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
},
{
string: navigator.userAgent,
subString: "MSIE",
identity: "Explorer",
versionSearch: "MSIE"
},
{
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
},
{ 	// for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
}
],
dataOS : [
{
string: navigator.platform,
subString: "Win",
identity: "Windows"
},
{
string: navigator.platform,
subString: "Mac",
identity: "Mac"
},
{
string: navigator.platform,
subString: "Linux",
identity: "Linux"
}
]

};
BrowserDetect.init();
//Browser name: BrowserDetect.browser
//Browser version: BrowserDetect.version
//OS name: BrowserDetect.OS

//alert('BrowserDetect.browser' + BrowserDetect.OS);

var interval = 0;
var div_width = null;
var clipper_width = null;
var m = 0;
var n = 0;
var init = 0;
var speed = 10;
var left_down = 0;
var right_down = 0;

speed_reset();

function speed_reset() {
    speed = 1;
}
function scroller_init() {
    div_width = document.getElementById('scrollcontent').scrollWidth;
}
function scroller_move_left() {
    if (init == 0) { 
        init=1; scroller_init(); 
    }

    m -= speed;
    n -= speed;
    if (m <= (-1 * div_width)) {      
        m = 0;        
    }
    if (n <= (-1 * div_width)) {
        n = 0;
    }
    document.getElementById('scrollcontent').style.left = m + 'px';
    document.getElementById('scrollcontent2').style.left = n + 'px';
}
function scroller_move_right() {
    if (init == 0) { 
        init=1; scroller_init(); 
    }

    m += speed;
    n += speed;
    if (m >= 0) {    
        m = (-1 * div_width);
    }
    if (n >= 0) {     
        n = (-1 * div_width);
    }
    document.getElementById('scrollcontent').style.left = m + 'px';
    document.getElementById('scrollcontent2').style.left = n + 'px';
}

function scroll_left_down() {
    if (left_down == 1) { return; } else { left_down = 1; }
    clearInterval(interval);
    speed_reset();
    if (BrowserDetect.OS == 'Mac' && BrowserDetect.browser == 'Safari') {
        interval = setInterval(scroller_move_left, 10);
    } else {
        interval = setInterval('scroller_move_left()', 10);
    }
}
function scroll_left_up() {
    left_down = 0;
    scroller_stop();
}

function scroll_right_down() {
    if (right_down == 1) { return; } else { right_down = 1; }
    clearInterval(interval);
    speed_reset();
    if (BrowserDetect.OS == 'Mac' && BrowserDetect.browser == 'Safari') {
        interval = setInterval(scroller_move_right, 10);
    } else {
        interval = setInterval('scroller_move_right()', 10);
    }
}
function scroll_right_up() {
    right_down = 0;
    scroller_stop();
}
function scroller_stop() {
    clearInterval(interval);
    speed_reset();
}