﻿var PRArray = new Array();
//Residential
RArray = new Array();
RArray[0] = new ArrElements('415Greenwich_1.jpg',100,75,"415 Greenwich ","New York, NY","Innovative Stone materials featured in Carrara select vanity, floors and walls");
RArray[1] = new ArrElements('415Greenwich_2.jpg',100,75,"415 Greenwich1 ","New York, NY","Innovative Stone materials featured in Jet Mist Honed countertops and Glass Backsplash");
RArray[2] = new ArrElements('AstorPlace_1.jpg',100,75,"Astor Place ","New York, NY","Innovative Stone materials featured in Verde Lavras Waterjet Finish and Verdi Alpi");
RArray[3] = new ArrElements('AstorPlace_2.jpg',100,75,"Astor Place ","New York, NY","Innovative Stone materials featured in Verde Lavras Waterjet Finish and Verdi Alpi");
RArray[4] = new ArrElements('AtlanticOne_1.jpg',100,75,"Atlantic One ","Aventura, FL","Innovative Stone materials featured in Absolute Black, Fior Dispesco, Rosso Verona, and Statuario Veneto");
RArray[5] = new ArrElements('AtlanticOne_2.jpg',100,75,"Atlantic One ","Aventura, FL","Innovative Stone materials featured in Absolute Black, Fior Dispesco, Rosso Verona, and Statuario Veneto");
RArray[6] = new ArrElements('FIT_1.jpg',100,75,"FIT (Fashion Institute of Technology) ","New York, NY","Innovative Stone materials featured in Inca Gold, Galil Gold, Giallo Veneziano, and Dakota Mahogany");
RArray[7] = new ArrElements('FIT_2.jpg',100,75,"FIT (Fashion Institute of Technology)","New York, NY","Innovative Stone materials featured in Inca Gold, Galil Gold, Giallo Veneziano, and Dakota Mahogany");
RArray[8] = new ArrElements('HitFactory_1.jpg',100,75,"The Hit Factory ","New York, NY","Innovative Stone materials featured in Jet Mist");
RArray[9] = new ArrElements('HitFactory_2.jpg',100,75,"The Hit Factory ","New York, NY","Innovative Stone materials featured in Jerusalem Gold");
RArray[10] = new ArrElements('Mirabella_1.jpg',100,75,"Mirabella on the Hudson","Jersey City, NJ","Innovative Stone materials featured in Mocha Cream, G684, and Nero Glass");
RArray[11] = new ArrElements('Mirabella_2.jpg',100,75,"Mirabella on the Hudson","Jersey City, NJ","Innovative Stone materials featured in Mocha Cream, G684, and Nero Glass");
RArray[12] = new ArrElements('Residence_1.jpg',104,75,"Residence","Princeton, NJ","Innovative Stone materials featured in Pennsylvania Rubble Stone, Turkish White ");
RArray[13] = new ArrElements('Residence_2.jpg',104,75,"Residence","Princeton, NJ","Innovative Stone materials featured in Pennsylvania Rubble Stone, Turkish White ");
RArray[14] = new ArrElements('RiverwalkBuilding5_1.jpg',100,75,"Riverwalk Building #5 ","Roosevelt Island, NY","Innovative Stone exterior course material featured in Absolute Black Flamed Finish");
RArray[15] = new ArrElements('RiverwalkBuilding5_2.jpg',100,75,"Riverwalk Building #5 ","Roosevelt Island, NY","Innovative Stone materials featured in Creme Royal, Fawn Tan, and Custom Stacked Mosaics");
RArray[16] = new ArrElements('RiverwalkBuilding6_1.jpg',100,75,"Riverwalk Building #6","Roosevelt Island, NY","Innovative Stone materials featured in Calcatta Vagli Reception Desk and Trim Italian Cream, Emperador Light Marble Floors and Custom Staggered Glass Mosaic");
RArray[17] = new ArrElements('RiverwalkBuilding6_2.jpg',100,75,"Riverwalk Building #6","Roosevelt Island, NY","Innovative Stone materials featured in Calcatta Vagli Reception Desk and Trim Italian Cream, Emperador Light Marble Floors and Custom Staggered Glass Mosaic");
RArray[18] = new ArrElements('TheAtlas_1.jpg',100,75,"The Atlas 6th Ave","New York, NY","Innovative Stone materials featured in Limestone and Granite");
RArray[19] = new ArrElements('TheAtlas_2.jpg',100,75,"The Atlas 6th Ave","New York, NY","Innovative Stone materials featured in Limestone and Granite");
RArray[20] = new ArrElements('TheElement_1.jpg',50,75,"The Element","New York, NY","Innovative Stone material featured in Jerusalem Gold (Taltish)");
RArray[21] = new ArrElements('TheElement_2.jpg',113,75,"The Element","New York, NY","Innovative Stone material featured in Jerusalem Gold (Taltish)");
RArray[22] = new ArrElements('Tower31_1.jpg',100,75,"Tower 31","New York, NY","Innovative Stone materials featured in Biancone Diana, Impala Black, and Bianco Sarde Flamed");
RArray[23] = new ArrElements('Tower31_2.jpg',100,75,"Tower 31","New York, NY","Innovative Stone materials featured in Biancone Diana, Impala Black, and Bianco Sarde Flamed");
RArray[24] = new ArrElements('VenetianResidence_1.jpg',100,75,"Venetian Residences ","Brooklyn, NY","Innovative Stone materials featured in Herringbone Crema Marfil flooring and vein matched silver travertine walls");
RArray[25] = new ArrElements('VenetianResidence_2.jpg',100,75,"Venetian Residences ","Brooklyn, NY","Innovative Stone materials featured in Blizzard Countertops and Calacatta Gold Mosaic Backsplash");
PRArray[0] = RArray;
//Shopping Malls
SArray = new Array();
SArray[0] = new ArrElements('AOLTimeWarner_1.jpg',100,75,"AOL Time Warner ","Columbus Circle<br>New York City, NY","Innovative Stone materials featured in Himalayan White, Naxos, Desert Green, Absolute Black, and Glass Pavers");
SArray[1] = new ArrElements('AOLTimeWarner_2.jpg',100,75,"AOL Time Warner ","Columbus Circle<br>New York City, NY","Innovative Stone materials featured in Himalayan White, Naxos, Desert Green, Absolute Black, and Glass Pavers");
SArray[2] = new ArrElements('KingOfPrussia Mall_1.jpg',59,75,"King of Prussia Mall ","King of Prussia, PA","Innovative Stone materials featured in Cotto Ceramics and Galatia");
SArray[3] = new ArrElements('KingOfPrussia Mall_2.jpg',59,75,"King of Prussia Mall ","King of Prussia, PA","Innovative Stone materials featured in Cotto Ceramics and Galatia");
SArray[4] = new ArrElements('LagunaHills_1.jpg',107,75,"Laguna Hills Mall ","South Orange County, CA","Innovative Stone materials featured in Calitette, Rosebud, Agglostone Berta, and Granitello Inca");
SArray[5] = new ArrElements('LagunaHills_2.jpg',50,75,"Laguna Hills Mall ","South Orange County, CA","Innovative Stone materials featured in Calitette, Rosebud, Agglostone Berta, and Granitello Inca");
SArray[6] = new ArrElements('MarketStreetMall_1.jpg',56,75,"Market Street Mall ","San Francisco, CA","Innovative Stone materials featured in Cobra Dark, Laguna Cream, and Maxaluna");
SArray[7] = new ArrElements('MarketStreetMall_2.jpg',56,75,"Market Street Mall ","San Francisco, CA","Innovative Stone materials featured in Cobra Dark, Laguna Cream, and Maxaluna");
SArray[8] = new ArrElements('RooseveltfieldMall_2.jpg',89,75,"Roosevelt Field Mall ","Long Island, NY","Innovative Stone materials featured in Erica Classic with Galatia Inserts");
SArray[9] = new ArrElements('RooseveltfieldMall_1.jpg',75,75,"Roosevelt Field Mall ","Long Island, NY","Innovative Stone materials featured in Erica Classic with Galatia Inserts");
SArray[10] = new ArrElements('RockawayMall_1.jpg',53,75,"Rockaway Mall","Rockaway, NJ","");
PRArray[1] = SArray;
//Hotels
HArray = new Array();
HArray[0] = new ArrElements('DesertInn.jpg',53,75,"Sheraton Desert Inn","Las Vegas, NV","");
HArray[1] = new ArrElements('MGMGrandHotel_2.jpg',75,75,"MGM Grand Hotel & Casino","Las Vegas, NV","Innovative Stone materials featured in Greensborough with Brass Inserts");
HArray[2] = new ArrElements('MGMGrandHotel_1.jpg',75,75,"MGM Grand Hotel & Casino","Las Vegas, NV","Innovative Stone materials featured in Greensborough with Brass Inserts");
HArray[3] = new ArrElements('EssexHouse_2.jpg',88,75,"Essex House","New York City, NY","Innovative Stone materials featured in Ambassador, December and Cobra Dark");
PRArray[2] = HArray;
//Restaurants
RESArray = new Array();
RESArray[0] = new ArrElements('BobbyFlaySteakHouse_1.jpg',113,75,"Bobby Flay Steak House","Borgata Hotel Casino & Spa<br>Atlantic City, NJ","Innovative Stone materials featured in African Black Flamed and Color Enhanced and Columns in African Black Chiseled - Split Face");
RESArray[1] = new ArrElements('BobbyFlaySteakHouse_2.jpg',113,75,"Bobby Flay Steak House","Borgata Hotel Casino & Spa<br>Atlantic City, NJ","Innovative Stone materials featured in African Black Flamed and Color Enhanced and Columns in African Black Chiseled - Split Face");
RESArray[2] = new ArrElements('CafeCitron_1.jpg',96,75,"Cafe Citron at Saks Fifth Ave","Austin, TX","");
RESArray[3] = new ArrElements('MichaelMinaSeaBlue_1.jpg',100,75,"Michael Mina Sea Blue","Borgata Hotel Casino & Spa<br>Atlantic City, NJ","Innovative Stone material featured in Azul Macauba");
RESArray[4] = new ArrElements('MichaelMinaSeaBlue_2.jpg',100,75,"Michael Mina Sea Blue","Borgata Hotel Casino & Spa<br>Atlantic City, NJ","Innovative Stone material featured in Azul Macauba");
RESArray[5] = new ArrElements('OnoRestaurant_1.jpg',104,75,"Ono Restaurant","Meat Packing DIstrict<br>New York City, NY","Innovative Stone materials featured in Custom Red Quartz Counters and Custom Pillowed Ceramics");
RESArray[6] = new ArrElements('OnoRestaurant_2.jpg',54,75,"Ono Restaurant","Meat Packing DIstrict<br>New York City, NY","Innovative Stone materials featured in Custom Red Quartz Counters and Custom Pillowed Ceramics");
RESArray[7] = new ArrElements('ThomasKellerPerSe_1.jpg',101,75,"Thomas Kellers Per Se Restaurant","Time Warner Center<br>New York City, NY","Innovative Stone materials featured in Negro Marquina Chiseled Finish and Golden Dawn");
RESArray[8] = new ArrElements('ThomasKellerPerSe_2.jpg',100,75,"Thomas Kellers Per Se Restaurant","Time Warner Center<br>New York City, NY","Innovative Stone materials featured in Negro Marquina Chiseled Finish and Golden Dawn");
RESArray[9] = new ArrElements('WolfgangPuck_1.jpg',113,75,"Wolfgang Puck American Grille","Borgata Hotel Casino & Spa<br>Atlantic City, NJ","Innovative Stone material featured in Dalvino");
PRArray[3] = RESArray;
//Retail Stores
REArray = new Array();
REArray[0] = new ArrElements('Bloomingdales_1.jpg',112,75,"Bloomingdale\'s","Multiple Locations (featured image San Francisco, CA)","Innovative Stone materials featured in Simpless, Nargason, and Ultimate White");
REArray[1] = new ArrElements('Bloomingdales_2.jpg',100,75,"Bloomingdale\'s","Multiple Locations (featured image San Francisco, CA)","Innovative Stone materials featured in Simpless, Nargason, and Ultimate White");
REArray[2] = new ArrElements('Express_1.jpg',95,75,"Express","Nationwide (featured image New York City, NY)","");
REArray[3] = new ArrElements('Fendi_1.jpg',107,75,"Fendi","New York City, NY","");
REArray[4] = new ArrElements('Guerlain_1.jpg',95,75,"Guerlain","Nationwide","");
REArray[5] = new ArrElements('HenriBendel_1.jpg',53,75,"Henri Bendel","New York, NY","Innovative Stone materials featured in Beige Sierra, Tina Giallo and Spiaccio");
REArray[6] = new ArrElements('Hollister_1.jpg',133,75,"Hollister","New York, NY","Innovative Stone material featured in Black and White Porcelain Mosaic");
REArray[7] = new ArrElements('Hollister_2.jpg',130,75,"Hollister","New York, NY","Innovative Stone material featured in Black and White Porcelain Mosaic");
REArray[8] = new ArrElements('Macys_1.jpg',100,75,"Macy\'s","Nationwide","Innovative Stone material featured in Alessandria, Cara, Da Capo Viola, Grey Mascato, Amanda, Pauna, Hita, and Custom Confetti Mosaic");
REArray[9] = new ArrElements('Macys_2.jpg',45,75,"Macy\'s","Nationwide","Innovative Stone material featured in Alessandria, Cara, Da Capo Viola, Grey Mascato, Amanda, Pauna, Hita, and Custom Confetti Mosaic");
REArray[10] = new ArrElements('Nordstrom_1.jpg',100,75,"Nordstrom","Nationwide","Innovative Stone materials featured in Mojave and Brown Brazos, Volos Ria, and Galatia");
REArray[11] = new ArrElements('Nordstrom_2.jpg',101,75,"Nordstrom","Nationwide","Innovative Stone materials featured in Mojave and Brown Brazos, Volos Ria, and Galatia");
REArray[12] = new ArrElements('Sephora_1.jpg',100,75,"Sephora","Nationwide","Innovative Stone material featured in Sarrazin");
REArray[13] = new ArrElements('Sephora_2.jpg',107,75,"Sephora","Nationwide","Innovative Stone material featured in Sarrazin");
REArray[14] = new ArrElements('TheLimited_1.jpg',113,75,"The Limited ","Nationwide (featured image New York City, NY)","");
PRArray[4] = REArray;
//International
IArray = new Array();
IArray[0] = new ArrElements('BelleriveCondominiums.jpg',106,75,"Bellerive Condominiums","Seoul, Korea","Innovative Stone materials featured in Cuenca");
IArray[1] = new ArrElements('DiamondHIll_1.jpg',70,75,"Diamond Hill","Hong Kong","");
IArray[2] = new ArrElements('DiamondHIll_2.jpg',60,75,"Diamond Hill","Hong Kong","");
IArray[3] = new ArrElements('Hankyu_1.jpg',111,75,"Hankyu","Tokyo, Japan","");
IArray[4] = new ArrElements('Iwataya_1.jpg',107,75,"Iwataya Department Store","Japan","");
IArray[5] = new ArrElements('PalaceOfTheLostCity_1.jpg',57,75,"Palace of the Lost City","Sun City, South Africa","Innovative Stone materials featured in Custom Natural Mosaic");
IArray[6] = new ArrElements('PalaceOfTheLostCity_2.jpg',107,75,"Palace of the Lost City","Sun City, South Africa","Innovative Stone materials featured in Custom Natural Mosaic");
IArray[7] = new ArrElements('WatchesSwitzerland_1.jpg',122,75,"Watches of Switzerland","Knightsbridge, London","");
PRArray[5] = IArray;

//Other
OArray = new Array();
OArray[0] = new ArrElements('AtlanticTerminal_1.jpg',51,75,"Atlantic Terminal ","Brooklyn, NY","Innovative Stone material featured in Mirabelle Honed Finish");
OArray[1] = new ArrElements('AtlanticTerminal_2.jpg',111,75,"Atlantic Terminal ","Brooklyn, NY","Innovative Stone material featured in Mirabelle Honed Finish");
OArray[2] = new ArrElements('AtlanticTerminal_3.jpg',51,75,"Atlantic Terminal ","Brooklyn, NY","Innovative Stone material featured in Mirabelle Honed Finish");
OArray[3] = new ArrElements('FordhamUniversity_1.jpg',107,75,"Fordham University ","New York, NY","");
OArray[4] = new ArrElements('90HudsonStreet_1.jpg',114,75,"90 Hudson Street ","Jersey City, NJ","");
PRArray[6] = OArray;

var CurrArray;
var CurrIndex = 0;
var CurrCode = "";
function ArrElements(Img, Width, Height, Heading, Address, Detail)
{
    this.Img = Img;
    this.Width = Width;
    this.Height = Height;
    this.Heading = Heading;
    this.Address = Address;
    this.Detail = Detail;
    return this;
}
function SetElements(index)
{
    //alert(PRArray[index]);
    CurrArray = new Array();
    CurrArray = PRArray[index];
    strImg = "<!-- Thumbnails -->\n";
    strCpt = "<!-- Image captions -->\n";
    for (i =0; i< CurrArray.length; i++)
    {
        strImg = strImg + '<a href="#" onclick="showPreview(\'PortfolioCommercial/' + CurrCode + '/medium/' + CurrArray[i]["Img"] + '\',\'' + (i+1) + '\');SetIndex(' + i + '); return false"><img src="PortfolioCommercial/' + CurrCode + '/small/' + CurrArray[i]["Img"] + '" width="' + CurrArray[i]["Width"] + '" height="' + CurrArray[i]["Height"] + '"></a>\n';
        strCpt = strCpt + '<div class="imageCaption"></div>\n';
    }
    strCpt = strCpt + '<!-- End image captions -->\n';
    strImg = strImg + '<!-- End thumbnails -->\n\n' + strCpt + '\n<div id="slideEnd"></div>\n';
    document.getElementById("theImages").innerHTML = strImg;
    
    strBImg = '<img src="PortfolioCommercial/' + CurrCode + '/medium/' + CurrArray[0]["Img"] + '" id="imgBig">\n';
    strBImg = strBImg + '<span id="waitMessage">Loading image. Please wait</span>';
    strBImg = strBImg + '<div id="largeImageCaption"></div>';
    document.getElementById("previewPane").innerHTML = strBImg;
    
    document.getElementById("Heading").innerHTML = CurrArray[0]["Heading"];
    document.getElementById("Heading1").innerHTML = CurrArray[0]["Address"];
    document.getElementById("Heading2").innerHTML = CurrArray[0]["Detail"];
    setPrevNext();
}
function ShowGallery(code,index)
{
    //alert(code);
    //document.getElementById("Heading").innerHTML = code;
    //objLnk = document.getElementById("lnkLeft" + i).innerHTML
    CurrIndex = 0;
    for (i =0; i<=document.getElementById("hdnTotalItems").value; i++)
    {
        objLnk = document.getElementById("lnkLeft" + i)
        Rvalue = objLnk.innerHTML
        //alert (Rvalue)
        Rvalue = Rvalue.replace('<span class="PortLnk1">','');
        Rvalue = Rvalue.replace('<SPAN class=PortLnk1>','');
        Rvalue = Rvalue.replace('</span>','');
        Rvalue = Rvalue.replace('</SPAN>','');
        if (index == i)
        {
            objLnk.innerHTML = '<span class="PortLnk1">' + Rvalue + '</span>';
        }
        else
        {
            objLnk.innerHTML = Rvalue;
        }
    }
    CurrCode = code;
    Initialize()
    SetElements(index);
    initSlideShow();
}
function SetIndex(index)
{
    CurrIndex = index
    document.getElementById("Heading").innerHTML = CurrArray[CurrIndex]["Heading"];
    document.getElementById("Heading1").innerHTML = CurrArray[CurrIndex]["Address"];
    document.getElementById("Heading2").innerHTML = CurrArray[CurrIndex]["Detail"];
    setPrevNext()
}
function setPrevNext()
{
    document.getElementById("imgPrev").style.display="";
    document.getElementById("imgNext").style.display="";
    if (CurrIndex == 0 || CurrArray.length == 1)
    {
        document.getElementById("imgPrev").style.display="none";
    }
    if (CurrIndex == CurrArray.length - 1 || CurrArray.length == 1)
    {
        document.getElementById("imgNext").style.display="none";
    }
}
function setBPrevNext()
{
    document.getElementById("imgBPrev").style.display="";
    document.getElementById("imgBNext").style.display="";
    if (CurrIndex == 0 || CurrArray.length == 1)
    {
        document.getElementById("imgBPrev").style.display="none";
    }
    if (CurrIndex == CurrArray.length - 1 || CurrArray.length == 1)
    {
        document.getElementById("imgBNext").style.display="none";
    }
}
function ViewNext()
{
    CurrIndex++;
    document.getElementById("imgBig").src = 'PortfolioCommercial/' + CurrCode + '/medium/' + CurrArray[CurrIndex]["Img"]
    document.getElementById("Heading").innerHTML = CurrArray[CurrIndex]["Heading"];
    document.getElementById("Heading1").innerHTML = CurrArray[CurrIndex]["Address"];
    document.getElementById("Heading2").innerHTML = CurrArray[CurrIndex]["Detail"];
    setPrevNext();
}
function ViewPrev()
{
    CurrIndex--;
    document.getElementById("imgBig").src = 'PortfolioCommercial/' + CurrCode + '/medium/' + CurrArray[CurrIndex]["Img"]
    document.getElementById("Heading").innerHTML = CurrArray[CurrIndex]["Heading"];
    document.getElementById("Heading1").innerHTML = CurrArray[CurrIndex]["Address"];
    document.getElementById("Heading2").innerHTML = CurrArray[CurrIndex]["Detail"];
    setPrevNext();
}

function ViewBNext()
{
    CurrIndex++;
    document.getElementById("imgBig").src = 'PortfolioCommercial/' + CurrCode + '/medium/' + CurrArray[CurrIndex]["Img"]
    document.getElementById("imgGalleryBig").src = 'PortfolioCommercial/' + CurrCode + '/' + CurrArray[CurrIndex]["Img"]
    document.getElementById("Heading").innerHTML = CurrArray[CurrIndex]["Heading"];
    document.getElementById("Heading1").innerHTML = CurrArray[CurrIndex]["Address"];
    document.getElementById("Heading2").innerHTML = CurrArray[CurrIndex]["Detail"];
    setPrevNext();
    setBPrevNext();
}
function ViewBPrev()
{
    CurrIndex--;
    document.getElementById("imgBig").src = 'PortfolioCommercial/' + CurrCode + '/medium/' + CurrArray[CurrIndex]["Img"]
    document.getElementById("imgGalleryBig").src = 'PortfolioCommercial/' + CurrCode + '/' + CurrArray[CurrIndex]["Img"]
    document.getElementById("Heading").innerHTML = CurrArray[CurrIndex]["Heading"];
    document.getElementById("Heading1").innerHTML = CurrArray[CurrIndex]["Address"];
    document.getElementById("Heading2").innerHTML = CurrArray[CurrIndex]["Detail"];
    setPrevNext();
    setBPrevNext();
}

function ViewLargeImage()
{
    document.getElementById("imgGalleryBig").src = 'PortfolioCommercial/' + CurrCode + '/' + CurrArray[CurrIndex]["Img"]
    setBPrevNext();
    DFMDBdivPortfolio.show();
}
function HideGalleryWindow()
{
    DFMDBdivPortfolio.hide();
}

var displayWaitMessage=true;	// Display a please wait message while images are loading?
  	
   		
	var activeImage = false;
	var imageGalleryLeftPos = false;
	var imageGalleryWidth = false;
	var imageGalleryObj = false;
	var maxGalleryXPos = false;
	var slideSpeed = 0;
	var imageGalleryCaptions = new Array();
	function Initialize()
	{
	    activeImage = false;
	    imageGalleryLeftPos = false;
	    imageGalleryWidth = false;
	    imageGalleryObj = false;
	    maxGalleryXPos = false;
	    slideSpeed = 0;
	    imageGalleryCaptions = new Array();
	    imageGalleryObj = document.getElementById('theImages');
		imageGalleryObj.style.left = "10px";
	}
	function startSlide(e)
	{
		if(document.all)e = event;
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '_over.gif';	
		if(this.id=='arrow_right'){
			slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed = -1*slideSpeedMultiply;
			slideSpeed = Math.max(-10,slideSpeed);
		}else{			
			slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed = 1*slideSpeedMultiply;
			slideSpeed = Math.min(10,slideSpeed);
			if(slideSpeed<0)slideSpeed=10;
		}
	}
	
	function releaseSlide()
	{
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
		slideSpeed=0;
	}
		
	function gallerySlide()
	{
		if(slideSpeed!=0){
			var leftPos = imageGalleryObj.offsetLeft;
			leftPos = leftPos/1 + slideSpeed;
			if(leftPos>maxGalleryXPos){
				leftPos = maxGalleryXPos;
				slideSpeed = 0;
				
			}
			if(leftPos<minGalleryXPos){
				leftPos = minGalleryXPos;
				slideSpeed=0;
			}
			
			imageGalleryObj.style.left = leftPos + 'px';
		}
		setTimeout('gallerySlide()',20);
		
	}
	
	function showImage()
	{
		if(activeImage){
			activeImage.style.filter = 'alpha(opacity=50)';	
			activeImage.style.opacity = 0.5;
		}	
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;	
		activeImage = this;	
	}
	
	function initSlideShow()
	{
	    //alert("yes");
		document.getElementById('arrow_left').onmousemove = startSlide;
		document.getElementById('arrow_left').onmouseout = releaseSlide;
		document.getElementById('arrow_right').onmousemove = startSlide;
		document.getElementById('arrow_right').onmouseout = releaseSlide;
		
		imageGalleryObj = document.getElementById('theImages');
		imageGalleryLeftPos = imageGalleryObj.offsetLeft;
		//alert(imageGalleryLeftPos)
		//alert(imageGalleryObj.style.left);
		imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
		maxGalleryXPos = imageGalleryObj.offsetLeft; 
		minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
		if ((minGalleryXPos + 14) >= 0)
		{
		    document.getElementById("arrow_left").style.display="none";
		    document.getElementById("arrow_right").style.display="none";
		}
		else
		{
		    document.getElementById("arrow_left").style.display="";
		    document.getElementById("arrow_right").style.display="";
		}
		var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
		for(var no=0;no<slideshowImages.length;no++){
			slideshowImages[no].onmouseover = showImage;
		}
		
		var divs = imageGalleryObj.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		}
		gallerySlide();
	}
	
	function showPreview(imagePath,imageIndex){
		var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
		if(subImages.length==0){
			var img = document.createElement('IMG');
			document.getElementById('previewPane').appendChild(img);
		}else img = subImages[0];
		
		if(displayWaitMessage){
			document.getElementById('waitMessage').style.display='inline';
		}
		document.getElementById('largeImageCaption').style.display='none';
		img.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1); };
		img.src = imagePath;
		
	}
	function hideWaitMessageAndShowCaption(imageIndex)
	{
		document.getElementById('waitMessage').style.display='none';	
		document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
		document.getElementById('largeImageCaption').style.display='block';
	}
	//window.onload = initSlideShow;

