//
//	Configuration
//
var fileLoadingImage = "/javascript/lightbox/images/loading.gif";		
var fileBottomNavCloseImage = "/javascript/lightbox/images/closelabel.gif";
var floorflag = false;
var resizeSpeed = 0;	// controls the speed of the image resizing (1=slowest and 10=fastest)
var internationalFlag = false;
var borderSize = 32;	//if you adjust the padding in the CSS, you will need to update this variable

// -----------------------------------------------------------------------------------

//
//	Global Variables
//
var imageArray = new Array;
var floorflagcheck = false;
var finalImagearray = new Array();
var finalarray = new Array();
var meraflag = false;
var arrayAnchors = new Array();// for storing flash href
var arrayImageAnchors = new Array();
var anchorNoArray = new Array();//for storing anchors no
var anchorNoImageArray = new Array();
var activeImage;

if(resizeSpeed > 10){ resizeSpeed = 0;}
if(resizeSpeed < 1){ resizeSpeed = 0;}
resizeDuration = 0;//(11 - resizeSpeed) * 0.15;

// -----------------------------------------------------------------------------------

//
//	Additional methods for Element added by SU, Couloir
//	- further additions by Lokesh Dhakar (huddletogether.com)
//
Object.extend(Element, {
	getWidth: function(element) {
	   	element = $(element);
	   	return element.offsetWidth; 
	},
	setWidth: function(element,w) {
	   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   		element = $(element);
    	element.style.height = h +"px";
	},
	setTop: function(element,t) {
	   	element = $(element);
    	element.style.top = t +"px";
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});



Object.extend(Event, {
	wheel:function (event){
		var delta = 0;
		if (!event) event = window.event;
		if (event.wheelDelta) {
			delta = event.wheelDelta/120; 
			if (window.opera) delta = -delta;
		} else if (event.detail) { delta = -event.detail/3;	}
		return Math.round(delta); //Safari Round
	}
});


function abc()
{
    return;
}


function move(e, element)
            {
                  e = (e) ? e : window.event;
                  try
                  {
                        e.preventDefault();
                  }
                  catch(error)
                  {
                  
                  }
                  var x = e.clientX;
                  var y = e.clientY;
                  var oldLeft = element.style.left;
                  var oldTop = element.style.top;
                  element.onselectstart = function(){return false;}
                  document.onmouseup = function()
                  {
                        element.onmousemove = null;
                        document.onmouseup = null;
                  }
                  element.onmousemove = function(e)
                  {
                        e = (e) ? e : window.event;
                        element.style.left = (parseInt(oldLeft.split('px')[0]) + e.clientX - x) + 'px';
                        element.style.top = (parseInt(oldTop.split('px')[0]) + e.clientY -  y) + 'px';
                        return false;
                  }
                  return false;
            }
            



function ZoomIn()
    {
        var img = document.getElementById("lightboxImage");
                
        var ParentDiv = document.getElementById("imageContainer");
        
        //Parent Div
        var ParentDivMarginLeft = -60;
        //var ParentDivMarginTop = -45; 
        var ParentInitialWidth = 720;
        var ParentInitialHeight = 90;
                
        var ParentMarginLeft = ParentDiv.style.marginLeft;
   //     if(ParentMarginLeft == "")
   //         ParentMarginLeft = 0;
   //     ParentDiv.style.marginLeft = parseInt(ParentMarginLeft) + ParentDivMarginLeft + "px";
        var ParentMarginTop = ParentDiv.style.marginTop;
      /*  if(ParentMarginTop == "")
            ParentMarginTop = 0;
        ParentDiv.style.marginTop = parseInt(ParentMarginTop) + ParentDivMarginTop + "px";*/
        var ParentWidth = ParentDiv.style.width;
        if(ParentWidth == "")
            ParentWidth = 0;
        ParentDiv.style.width = parseInt(ParentWidth) + ParentInitialWidth + "px";
        var ParentHeight = ParentDiv.style.height;
    /*    if(ParentHeight == "")
            ParentHeight = 0;
        ParentDiv.style.height = parseInt(ParentHeight) + ParentInitialHeight + "px";*/
                        
        //Image Tag
        var ImageInitialLeft = 5;
        var ImageInitialTop = 6;
        var ImageInitialHeight = 45;
        var ImageInitialWidth = 60;
                
  /*      var imgLeft = img.style.left;
        if(imgLeft == "")
            imgLeft = 0;
        img.style.left = parseInt(imgLeft) + ImageInitialLeft + "px";*/
        var imgTop = img.style.top;
       /* if(imgTop == "")
            imgTop = 0;
        img.style.top = parseInt(imgTop) + ImageInitialTop + "px";*/
        var imgHeight = img.style.height;
        if(imgHeight == "")
            imgHeight = 0;
        img.style.height = parseInt(imgHeight) + ImageInitialHeight + "px";
        var imgWidth = img.style.width;
        if(imgWidth == 0)
            imgWidth = 0;
        img.style.width = parseInt(imgWidth) + ImageInitialWidth + "px";
    }
    
    function ZoomOut()
    {
        var img = document.getElementById("lightboxImage");
        if(parseInt(img.style.left) != 39) 
        {
       // if(parseInt(img.style.left) > 0)
        {
         var ParentDiv = document.getElementById("imageContainer");
        
        //Parent Div
        var ParentDivMarginLeft = -60;
        var ParentDivMarginTop = -45; 
        var ParentInitialWidth = 720;
        var ParentInitialHeight = 90;
                
//      var ParentMarginLeft = ParentDiv.style.marginLeft;
//        if(ParentMarginLeft == "")
//            ParentMarginLeft = 0;
//        ParentDiv.style.marginLeft = parseInt(ParentMarginLeft) - ParentDivMarginLeft + "px";
//        var ParentMarginTop = ParentDiv.style.marginTop;
//        if(ParentMarginTop == "")
//            ParentMarginTop = 0;
//        ParentDiv.style.marginTop = parseInt(ParentMarginTop) - ParentDivMarginTop + "px";
        var ParentWidth = ParentDiv.style.width;
        if(ParentWidth == "" || ParentWidth == "0px")
            ParentWidth = 0;
        if((parseInt(ParentWidth) - ParentInitialWidth) >= 1)
            ParentDiv.style.width = parseInt(ParentWidth) - ParentInitialWidth + "px";
        var ParentHeight = ParentDiv.style.height;
//        if(ParentHeight == "")
//            ParentHeight = 0;
//        if((parseInt(ParentHeight) - ParentInitialHeight) >= 1)
//            ParentDiv.style.height = parseInt(ParentHeight) - ParentInitialHeight + "px";
        
        //Image Tag
        var ImageInitialLeft = 5;
        var ImageInitialTop = 6;
        var ImageInitialHeight = 45;
        var ImageInitialWidth = 60;
                
//        var imgLeft = img.style.left;
//        if(imgLeft == "")
//            imgLeft = 0;
//        img.style.left = parseInt(imgLeft) - ImageInitialLeft + "px";
        var imgTop = img.style.top;
//        if(imgTop == "")
//            imgTop = 0;
//        img.style.top = parseInt(imgTop) - ImageInitialTop + "px";
        var imgHeight = img.style.height;
        if(imgHeight == "")
            imgHeight = 0;
        img.style.height = parseInt(imgHeight) - ImageInitialHeight + "px";
        var imgWidth = img.style.width;
        if(imgWidth == 0)
            imgWidth = 0;
        img.style.width = parseInt(imgWidth) - ImageInitialWidth + "px";
        }
        
        }
    }
 
function handleDIV(e) {
	if(document.getElementById("floorZoomDiv") != null)
	{	
	if(Event.wheel(e) > 0)
	    ZoomIn();
	else
	    ZoomOut();
Event.stop(e);
}
}

function UpdateBordersImage(action)
{
    var obj = document.getElementById('outerImageContainer');
    if(action == "HIDE"){
        obj.style.borderTop="none";
        obj.style.borderBottom="none";
    }
    if(action == "SHOW"){
        obj.style.borderTop="1px solid #D8D8D6";
        obj.style.borderBottom="1px solid #D8D8D6";
    }
    if(action == "dynamic"){
        obj.style.borderTop="none";
        obj.style.borderBottom="1px solid #D8D8D6";
    }
}

// -----------------------------------------------------------------------------------

//
//	Extending built-in Array object
//	- array.removeDuplicates()
//	- array.empty()
//
Array.prototype.removeDuplicates = function () {
	for(i = 1; i < this.length; i++){
		for(j = 1; j < i; j++)
		{
		if(this[i][0] == this[j][0]){
			anchors.splice(i,1);
	    }
	   }
	}
}

// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

// -----------------------------------------------------------------------------------

Array.prototype.empty = function () {
	for(i = 0; i <= this.length; i++){
		this.shift();
	}
}

var Lightbox = Class.create();

Lightbox.prototype = {
	
	initialize: function() {	
		if (!document.getElementsByName){ return; }
	 	var anchors = new Array();
	 	var Imageanchors = new Array();
	 	
	 	var newanchors = new Array();
	 	var newImageanchors = new Array();
	 	
	 	var specialflag = false;
	 	var specialImageflag = false;
	 	
	 	anchors = document.getElementsByName('simple');
        Imageanchors = document.getElementsByName('IconImage');
       
        for(var i=0; i<Imageanchors.length; i++)
        {
          var anchor = Imageanchors[i];
          
          newImageanchors[i] = anchor.getAttribute('href');
          finalImagearray[i] = anchor;
          }
                     
        for(var i=0; i<anchors.length; i++)
        {
          var anchor = anchors[i];
          if(i <= 1)
          {
          newanchors[i] = anchor.getAttribute('href');
          if(anchor.getAttribute('IsFloorPlan') != null)
         {            
            specialflag = false;
		    floorflagcheck = true;
         }
          finalarray[i] = anchor;
          }
        for(var j=1; j < i; j++)
		{
		  var prevanchor = anchors[j];
        
         
          if(anchor.getAttribute('href') != prevanchor.getAttribute('href')){
		    for(var k=0; k<j; k++)
		    {
		        if(newanchors[k] == anchor.getAttribute('href'))
		        {
		            specialflag = true;
		            break;
		        }
		        
		        if(anchor.getAttribute('IsFloorPlan') != null)
		        {
		            specialflag = false;
		            floorflagcheck = true;
		        }
		    }
		  } 
		    if(specialflag == false)
		    {
		        newanchors[newanchors.length] = anchor.getAttribute('href');
		        finalarray[newanchors.length-1] = anchor;
		        break;
		    }
	 }
   }
	    // loop through all anchor tags
		var ImageNo = 1;
		for (var i=0; i<finalarray.length; i++)
		{
			var anchor = finalarray[i];
			var relAttribute = String(anchor.getAttribute('rel'));
			
			// use the string.match() method to catch 'lightbox' references in the rel attribute
			if (anchor.getAttribute('href') != '' && (relAttribute.toLowerCase().match('lightbox')))
			{
				arrayAnchors[i] = anchor.getAttribute('href');
				anchorNoArray[i] = ImageNo;
				anchor.onclick = function ()
				{ 
				    meraflag = true;
				    if(objImageData != null)
				    {
				     var currentImage = parseInt(this.getAttribute('ImageNo'));
				  
				        if(this.getAttribute("IsFloorPlan") != null)
				        {
				           floorflag = true;getbar(currentImage,finalarray.length,objImageData,floorflag,false); myLightbox.start(this); return false;
				        }
				 
				        if(this.getAttribute("IsInternational") != null)
				        {
				            internationalFlag = true;
				            document.getElementById('imageDataContainer').style.display = "block";
				            floorflag = false; getbar(currentImage,finalarray.length,objImageData,floorflag,internationalFlag);myLightbox.start(this); return false;
				        }
				  
				        if(this.getAttribute("IsFloorPlan") == null && this.getAttribute("IsInternational") == null)
				        {
				            document.getElementById('imageDataContainer').style.display = "block";
				            floorflag = false;
				            if(floorflagcheck == true)
				               getbar(currentImage,finalarray.length-1,objImageData,floorflag,false);
				            else
				                getbar(currentImage,finalarray.length,objImageData,floorflag,true);
				            myLightbox.start(this); return false;
				        }
				   }
				else {
				document.getElementById('imageDataContainer').style.display = "block";
				 floorflag = false; getbar(currentImage,finalImagearray.length,objImageData,floorflag,false); myLightbox.start(this); return false; }
			}
			}
			ImageNo++;
		}
	    
	    // loop through all anchor tags
		var ImageNo = 1;
		for (var i=0; i<finalImagearray.length; i++)
		{
			var anchor = finalImagearray[i];
			var relAttribute = String(anchor.getAttribute('rel'));
			
			// use the string.match() method to catch 'lightbox' references in the rel attribute
			if (anchor.getAttribute('href') != '' && (relAttribute.toLowerCase().match('lightbox')))
			{
				arrayImageAnchors[i] = anchor.getAttribute('href');
				anchorNoImageArray[i] = ImageNo;
				anchor.onclick = function ()
				{ 
				    meraflag = false;
				    if(objImageData != null)
				    {
				     var currentImage = parseInt(this.getAttribute('ImageNo'));
				  
				        if(this.getAttribute("IsFloorPlan") != null)
				        {
				          document.getElementById('imageDataContainer').style.display = "block";
				          floorflag = true; getbar(currentImage,finalImagearray.length,objImageData,floorflag,false); myLightbox.start(this); return false;
				        }
				 
				        if(this.getAttribute("IsInternational") != null)
				        {
				            document.getElementById('imageDataContainer').style.display = "block";
				            internationalFlag = true;
				            floorflag = false; getbar(currentImage,finalarray.length,objImageData,floorflag,internationalFlag);myLightbox.start(this); return false;
				        }
				  
				        if(this.getAttribute("IsFloorPlan") == null && this.getAttribute("IsInternational") == null)
				        {
				            document.getElementById('imageDataContainer').style.display = "block";
				              floorflag = false;  getbar(currentImage,finalImagearray.length,objImageData,floorflag,true);
				               myLightbox.start(this); return false;
				        }
				   }
				else { 
				document.getElementById('imageDataContainer').style.display = "block";
				floorflag = false; getbar(currentImage,finalImagearray.length,objImageData,floorflag,false); myLightbox.start(this); return false; }
			}
			}
			ImageNo++;
		}
	    
	    var objBody = document.getElementsByTagName("body").item(0);
		var objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','overlay');
		objOverlay.style.display = 'none';
		objOverlay.onclick = function() { myLightbox.end(); return false; }
		objBody.appendChild(objOverlay);
		
		var objLightbox = document.createElement("div");
		objLightbox.setAttribute('id','lightbox');
		objLightbox.style.display = 'none';
		objBody.appendChild(objLightbox);
	
	    //Creating text Container div
		var objTopTextContainer = document.createElement("div");
		objTopTextContainer.setAttribute('id','ImagetopTextContainer');
		objTopTextContainer.className = 'clearfix';
				
		//Creating TextContainer Div
		var objTextContainer = document.createElement("div");
		objTextContainer.setAttribute('id','ImageTextContainer');
				
		//heading div
		var objHeading = document.createElement("div");
		objHeading.className = 'Imageheading';
		
		//blue color span
		var objHeadingSpanFirst = document.createElement("span");
		objHeadingSpanFirst.setAttribute('id','blueText');
		objHeadingSpanFirst.className = 'Imagebluecolor';
		
		//pink color span
		var objHeadingSpanSecond = document.createElement("span");
		objHeadingSpanSecond.setAttribute('id','pinkText');
		objHeadingSpanSecond.className = 'flashpinkcolor';
				
		//appending above two span to h1
		objHeading.appendChild(objHeadingSpanFirst);
		objHeading.appendChild(objHeadingSpanSecond);
		
		//append heading to TextContainer div
		objTextContainer.appendChild(objHeading);
	
		//creating close class
		var objClose = document.createElement("div");
		objClose.className = 'Imageclose';
				
		//creating close image class
		var objCloseImg = document.createElement("img");
		objCloseImg.setAttribute('src','/images/close_button.gif');
		objCloseImg.title = "Close";
		objCloseImg.setAttribute('border','0');
		objCloseImg.style.cursor = 'pointer';
		objCloseImg.onclick = function() { myLightbox.end(); return false; };
		
		objClose.appendChild(objCloseImg);
				
		//append close div to Text close div
		objTextContainer.appendChild(objClose);
		
		var clearDiv = document.createElement("div");
		clearDiv.className = "clear";
		
		objTextContainer.appendChild(clearDiv);
				
		//appending text container div to toptextcontainer
		objTopTextContainer.appendChild(objTextContainer);
		
		//creating text div
		var objText2 = document.createElement("div");
		objText2.className = 'Imagetext2';
		
		//creating span
		var objTextSpan = document.createElement("span");
		objTextSpan.setAttribute('id','ImagetypeText');
		objTextSpan.className = "Imagebluecolor";
		objTextSpan.style.color = "#304382";
		objTextSpan.style.fontSize = "12px";
				
		//appending span to text2 div
		objText2.appendChild(objTextSpan);
		
		//appending text div to Text close div
		objTextContainer.appendChild(objText2);
		
		//appending text close div to lightbox
		objLightbox.appendChild(objTopTextContainer);
	
		var objOuterImageContainer = document.createElement("div");
		objOuterImageContainer.setAttribute('id','outerImageContainer');
		objOuterImageContainer.style.borderBottom = "none";
		objOuterImageContainer.style.borderTop = "none";
		objLightbox.appendChild(objOuterImageContainer);
		
		var outerTable = document.createElement("table");
		outerTable.cellSpacing = "0";
		outerTable.cellPadding = "0";
		outerTable.setAttribute("align","center");
		objOuterImageContainer.appendChild(outerTable);
			
		var outerbody = document.createElement("tbody");
		outerTable.appendChild(outerbody);
		
		var outertr = document.createElement("tr");
		outerbody.appendChild(outertr);
		
		var outertd = document.createElement("td");
		outertd.style.verticalAlign = "bottom";
		//outertd.style.width = "12px";
		outertr.appendChild(outertd);

		var leftBorderImage = document.createElement("img");
		leftBorderImage.setAttribute('id','leftborder');
		leftBorderImage.setAttribute("src","/images/border_pic_left.gif");
		outertd.appendChild(leftBorderImage);
		
		var innertd = document.createElement("td");
		//innertd.style.width = "640px";
		//innertd.style.height = "495px";
		outertr.appendChild(innertd);
				
		var objImageContainer = document.createElement("div");
		objImageContainer.setAttribute('id','imageContainer');
		objImageContainer.style.background = "transparent url(/images/border_pic_bottom.gif) repeat-x scroll center bottom";
		objImageContainer.style.verticalAlign = "bottom";
		
		innertd.appendChild(objImageContainer);
	
		var objLightboxImage = document.createElement("img");
		objLightboxImage.setAttribute('id','lightboxImage');
		objLightboxImage.style.margin = "0px";
		objImageContainer.appendChild(objLightboxImage);
	
	    var righttd = document.createElement("td");
	    //righttd.style.width = "12px";
	    righttd.style.verticalAlign = "bottom";
	    outertr.appendChild(righttd);
	    
	    var RightBorderImage = document.createElement("img");
		RightBorderImage.setAttribute('id','rightborder');
		RightBorderImage.setAttribute("src","/images/border_pic_right.gif");
		righttd.appendChild(RightBorderImage);
		
		var objLoading = document.createElement("div");
		objLoading.setAttribute('id','loading');
		objImageContainer.appendChild(objLoading);
	
		var objLoadingLink = document.createElement("a");
		objLoadingLink.setAttribute('id','loadingLink');
		objLoadingLink.setAttribute('href','javascript:void(0);');
		objLoadingLink.onclick = function() { myLightbox.end(); return false; }
		objLoadingLink.style.border = "none";
		objLoading.appendChild(objLoadingLink);
	
		var objLoadingImage = document.createElement("img");
		objLoadingImage.setAttribute('src', fileLoadingImage);
		objLoadingImage.style.width = "183px";
		objLoadingImage.style.height = "45px";
		objLoadingImage.style.border = "none";
		objLoadingLink.appendChild(objLoadingImage);

		var objImageDataContainer = document.createElement("div");
		objImageDataContainer.setAttribute('id','imageDataContainer');
		objImageDataContainer.className = 'clearfix';
		objLightbox.appendChild(objImageDataContainer);

		var objImageData = document.createElement("div");
		objImageData.setAttribute('id','imageData');
		objImageDataContainer.appendChild(objImageData);
			 
   },
	
	//
	//	start()
	//	Display overlay and lightbox. If image is part of a set, add siblings to imageArray.
	//
	start: function(imageLink) {	

        var abc = "";
        abc = imageLink.href;
        abc = abc.substring(0, abc.lastIndexOf(".")+4);
        imageLink.href = abc;
        
		//hideSelectBoxes();
		//UpdateBordersLoading();

		// stretch overlay to fill page and fade in
		var arrayPageSize = getPageSize();
		Element.setHeight('overlay', arrayPageSize[1]);
		new Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.8 });

		imageArray = [];
		var newanchors = new Array();
	 	var finalarray = new Array();
	 	var specialflag = false;
	 	var newImageanchors = new Array();
	 	var finalImagearray = new Array();
	 	var specialImageflag = false;
		imageNum = 0;		

		if (!document.getElementsByName){ return; }
		var anchors = document.getElementsByName('simple');
        
        var Imageanchors = document.getElementsByName('IconImage');
        
    if(meraflag == false)
    {
        for(var i=0; i<Imageanchors.length; i++)
        {
          var anchor = Imageanchors[i];
          
          newImageanchors[i] = anchor.getAttribute('href');
          finalImagearray[i] = anchor;
        }
  }
        
        else
        {
         for(var i=0; i<anchors.length; i++)
        {
          var anchor = anchors[i];
          if(i <= 1)
          {
          newanchors[i] = anchor.getAttribute('href');
          finalarray[i] = anchor;
          }
        for(var j=1; j < i; j++)
		{
          var prevanchor = anchors[j];
          if(anchor.getAttribute('href') != prevanchor.getAttribute('href')){
		    for(var k=0; k<j; k++)
		    {
		        if(newanchors[k] == anchor.getAttribute('href'))
		        {
		            specialflag = true;
		            break;
		        }
		        
		        if(anchor.getAttribute('IsFloorPlan') != null)
		        {
		            specialflag = false;
		        }
		    }
		    
		    if(specialflag == false)
		    {
		        newanchors[newanchors.length] = anchor.getAttribute('href');
		        finalarray[newanchors.length-1] = anchor;
		        break;
		    }
		 }
	 }
   }
   
   }
    
        if(meraflag == false){    
         	// if image is NOT part of a set..
		if((imageLink.getAttribute('rel') == 'lightbox')){
			// add single image to imageArray
			imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('apnatitle')));			
		} else {
		// if image is part of a set..

			// loop through anchors, find other images in set, and add them to imageArray
			for (var i=0; i<finalImagearray.length; i++){
				var anchor = finalImagearray[i];
				if (anchor.getAttribute('href')){
					imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('apnatitle')));
				}
			}
			//removeDup(imageArray);
			//imageArray.removeDuplicates();
			while(imageArray[imageNum][0] != imageLink.getAttribute('href')) { imageNum++;}
		}

}
   
        else
        {
        //alert("b");
		// if image is NOT part of a set..
		if((imageLink.getAttribute('rel') == 'lightbox')){
			// add single image to imageArray
			imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('apnatitle')));			
		} 
		else {
		// if image is part of a set..
			// loop through anchors, find other images in set, and add them to imageArray
			for (var i=0; i<finalarray.length; i++){
				var anchor = finalarray[i];
				if (anchor.getAttribute('href')){
					imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('apnatitle')));
				}
			}
			//removeDup(imageArray);
			//imageArray.removeDuplicates();
			while(imageArray[imageNum][0] != imageLink.getAttribute('href')) { imageNum++;}
		}

        }
        // calculate top offset for the lightbox and display 
		var arrayPageSize = getPageSize();
		var arrayPageScroll = getPageScroll();
		var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 15);

		Element.setTop('lightbox', lightboxTop);
		Element.show('lightbox');
		
		this.changeImage(imageNum);
	},

	//
	//	changeImage()
	//	Hide most elements and preload image in preparation for resizing image container.
	//
	changeImage: function(imageNum) {	
		
		activeImage = imageNum;	// update global var
        
        // hide elements during transition
		UpdateBordersImage("HIDE");
		//UpdateBordersLoading();
		
		Element.show('loading');
		Element.hide('leftborder');
		Element.hide('lightboxImage');
		Element.hide('rightborder');
		imgPreloader = new Image();
		
		// once image is preloaded, resize image container
		imgPreloader.onload=function(){
		Element.setSrc('lightboxImage', imageArray[activeImage][0]);
		myLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);
		}		
		imgPreloader.src = imageArray[activeImage][0];
			
	},
	
	resizeImageContainer: function( imgWidth, imgHeight) {

		// get current height and width
		this.wCur = Element.getWidth('outerImageContainer');
		this.hCur = Element.getHeight('outerImageContainer');

		// scalars based on change from old to new
		this.xScale = ((imgWidth  + (borderSize * 2)) / this.wCur) * 100;
		this.yScale = (((imgHeight  + (borderSize * 2)) / this.hCur) * 100);

		// calculate size difference between new and old image, and resize if necessary
		wDiff = (this.wCur - borderSize * 2) - imgWidth;
		hDiff = (this.hCur - borderSize * 2) - imgHeight;
         
        if(hDiff != -48){
        if(hDiff != -55) 
        {
		    new Effect.Scale('outerImageContainer', this.yScale, {scaleX: false, duration: resizeDuration, queue: 'front'}); 
		}
		}
		if(!( wDiff == 2)){
		new Effect.Scale('outerImageContainer', this.xScale, {scaleY: false, delay: resizeDuration, duration: resizeDuration});
		new Effect.Scale('imageDataContainer', this.xScale, {scaleY: false, delay: resizeDuration, duration: resizeDuration});
		new Effect.Scale('ImagetopTextContainer', this.xScale, {scaleY: false, delay: resizeDuration, duration: resizeDuration});
		}
        
        // if new and old image are same size and no scaling transition is necessary, 
		// do a quick pause to prevent image flicker.
		if((hDiff == -48 || hDiff == -55) && (wDiff == 2)){
		    document.getElementById('outerImageContainer').style.width = document.getElementById('ImagetopTextContainer').style.width;
			if (navigator.appVersion.indexOf("MSIE")!=-1){ pause(250); } else { pause(100);} 
		}
		Element.setHeight('imageContainer', imgHeight + 16);
		this.showImage();
	},
	showImage: function(){
		Element.hide('loading');
		new Effect.Appear('lightboxImage', { duration: 0.0, afterFinish: function(){
		if(document.getElementById('outerImageContainer').style.height != '')
		{
		if(document.getElementById('outerImageContainer').style.height != "489px")
		{
		var newHeight = document.getElementById('outerImageContainer').style.height;
		newHeight = parseInt(newHeight) - 55;
		document.getElementById('outerImageContainer').style.height = newHeight + 'px';	
		}
		}
		myLightbox.updateDetails(); 
		if(floorflag == false){
		UpdateBordersImage("HIDE");
		 }
		 else{ UpdateBordersImage("HIDE"); }
		  } });
		
		  
	},
	updateDetails: function() {
		if(floorflag == true)
		{
		var newTitle = imageArray[activeImage][1].split("|");
		if(newTitle[1] == undefined || newTitle[1] == '')
		    document.getElementById('ImagetypeText').innerHTML = "Floor Plan";
		else
		    document.getElementById('ImagetypeText').innerHTML = newTitle[1];
		
		var imageobj = newTitle[0].split("-");
	    document.getElementById('blueText').innerHTML = imageobj[0];
	    
	    var pinkString = "";
        
        for(z=1; z<imageobj.length; z++)
	    {
           pinkString += imageobj[z] + "-";
        }   	 
	    
	    pinkString = pinkString.substring(0,pinkString.length-1);
	    
	    if(pinkString == undefined)
	    {
	    document.getElementById('pinkText').innerHTML = "";
	    }
	    else {
	    document.getElementById('pinkText').innerHTML = "- " + pinkString; 
	    }
	    
	 	}
		
		else
		{
		
		var newTitle = imageArray[activeImage][1].split("|");
		if(newTitle[1] == undefined || newTitle[1] == '')
		    document.getElementById('ImagetypeText').innerHTML = "Image Gallery";
		else
		    document.getElementById('ImagetypeText').innerHTML = newTitle[1];
				
		var imageobj = newTitle[0].split("-");
	    document.getElementById('blueText').innerHTML = imageobj[0];
        
        var pinkString = "";
        
        for(z=1; z<imageobj.length; z++)
	    {
           pinkString += imageobj[z] + "-";
        }   	 
	    
	    pinkString = pinkString.substring(0,pinkString.length-1);
	    
	    if(pinkString == undefined || pinkString == null || pinkString == '' )
	    {
	    document.getElementById('pinkText').innerHTML = "";
	    }
	    else {
	    document.getElementById('pinkText').innerHTML = "- " + pinkString; 
	    }
	    
	    }
	    
	    if(floorflag == false)
	    {
		Element.show('leftborder');
		Element.show('rightborder');
		Element.show('imageContainer');
		//document.getElementById("outerImageContainer").style.height = "490px";
		
			
		var fzD = document.getElementById("floorZoomDiv");
		if(fzD != null)
		{
	        while(fzD.hasChildNodes())
            {
             fzD.removeChild(fzD.lastChild);
            }
            document.getElementById("imageDataContainer").removeChild(document.getElementById("floorZoomDiv"));
            
            //var imageContainer = document.getElementById("imageContainer");
		
		    var imageDiv = document.getElementById("lightboxImage");
	        imageDiv.style.left = null;
	        imageDiv.style.top = null;
	       // imageDiv.style.border = null;
	        imageDiv.style.width = null;
	        imageDiv.style.height = null;
	       // imageDiv.style.position = null;
	        imageDiv.style.cursor = "default";
	        imageDiv.style.margin = "0px";
	        
	        if(window.navigator.appName == "Microsoft Internet Explorer")
	        imageDiv.onmousedown = function(){  };
	        else
	        imageDiv.setAttribute("onmousedown","javascript:;");
	        
	        imageDiv.onmousedown = null;
	        
	        var imgCont = document.getElementById("imageContainer");
	        imgCont.style.marginLeft = null;
	        imgCont.style.marginTop = null;
	        imgCont.style.top = null;
	        imgCont.style.width = null;
	     }
	    
	    document.getElementById("imageData").style.display = "block";
	    
	}
	else
	{
	    UpdateBordersImage("HIDE");
	
	    document.getElementById("imageData").style.display = "none";
	    	
		new Effect.Parallel(
		    [ new Effect.SlideDown( 'ImagetopTextContainer', { sync: true, duration: 0.0, from: 0.0, to: 0.0 }),
		      new Effect.Appear('ImagetopTextContainer', { sync: true, duration: 0.0 }) ],
		    { duration:0.0, afterFinish: function() { myLightbox.updateNav();  } }
		);
		Element.show('imageContainer');
		//document.getElementById("imageContainer").style.height = "950px";
		
		
				new Effect.Parallel(
		    [ new Effect.SlideDown( 'ImagetopTextContainer', { sync: true, duration: resizeDuration + 0.25, from: 0.0, to: 1.0 }),
		      new Effect.Appear('ImagetopTextContainer', { sync: true, duration: 1.0 }) ],
		    { duration:0.65, afterFinish: function() { myLightbox.updateNav();  } }
		);
				
		var imageContainer = document.getElementById("imageContainer");
		
		var imageDiv = document.getElementById("lightboxImage");
	    imageDiv.style.cursor = "move";
	    imageDiv.style.margin = "0px";
	    imageDiv.style.position = "relative";
	    imageDiv.style.left = "0px";
	    imageDiv.style.top = "0px";
	    imageDiv.style.border = "none";
	    imageDiv.style.width = 640 + "px";
	    imageDiv.style.height = 480 + "px";
	    
	    if(window.navigator.appName == "Microsoft Internet Explorer")
	        imageDiv.onmousedown = function(){ move(event,imageDiv); };
	    else
	        imageDiv.setAttribute("onmousedown","move(event,this);");
	    
	    if(document.getElementById("imageDataContainer").childNodes.length < 2)
	    {
	    var floorZoomDiv = document.createElement("div");
	    floorZoomDiv.setAttribute("id","floorZoomDiv");
	    floorZoomDiv.className = 'clearfix';
	    //floorZoomDiv.setAttribute("style","float:left;width:100%;line-height:11px;font-size:11px;padding-top:30px;margin:0 auto;padding-bottom:15px;");
        floorZoomDiv.style.width = "100%";
        floorZoomDiv.style.lineHeight = "11px";
        floorZoomDiv.style.paddingTop = "30px";
        floorZoomDiv.style.margin = "0 auto;";
        floorZoomDiv.style.paddingBottom = "15px";
        floorZoomDiv.style.styleFloat = 'left';
	    	    	    
		var newlinkdiv = document.createElement("div");
	    newlinkdiv.className = 'clearfix';
	    newlinkdiv.setAttribute("id","open");
        newlinkdiv.style.display = "block";
        newlinkdiv.style.lineHeight = "normal";
        newlinkdiv.style.paddingLeft = "15px";
        newlinkdiv.style.styleFloat = 'left';
        newlinkdiv.setAttribute("style","float:left;padding-left:15px;");
        var newlinkAnchor = document.createElement("a");
        newlinkAnchor.innerHTML = "Click here to view the larger image.";
        newlinkAnchor.setAttribute("target","_blank");
        newlinkAnchor.setAttribute("href", MKLink);
        newlinkdiv.appendChild(newlinkAnchor);
        floorZoomDiv.appendChild(newlinkdiv);
	
	       
	    var zoomOutdiv = document.createElement("div");
	    zoomOutdiv.className = 'clearfix';
	    zoomOutdiv.setAttribute("id","zoomOutdiv");
        zoomOutdiv.style.styleFloat = 'right';
        zoomOutdiv.setAttribute("style","float:right;");
        zoomOutdiv.style.paddingRight = "30px";
        var zoomOutAnchor = document.createElement("img");
        zoomOutAnchor.title = " Zoom Out ";
        zoomOutAnchor.style.cursor = "pointer";
        zoomOutAnchor.setAttribute("src","/images/zoomout.gif");
        zoomOutAnchor.onclick = function() {ZoomOut(); }
        zoomOutdiv.appendChild(zoomOutAnchor);
        floorZoomDiv.appendChild(zoomOutdiv);
	    
	     var zoomIndiv = document.createElement("div");
	    zoomIndiv.className = 'clearfix';
	    zoomIndiv.setAttribute("id","zoomIndiv");
        zoomIndiv.style.styleFloat = 'right';
        zoomIndiv.style.paddingLeft = "15px";
        zoomIndiv.style.paddingRight = "15px";
        zoomIndiv.setAttribute("style","float:right;padding-left:15px; padding-right:15px;");
        var zoomInAnchor = document.createElement("img");
        zoomInAnchor.style.cursor = "pointer";
        zoomInAnchor.title = " Zoom In ";
        zoomInAnchor.setAttribute("src","/images/zoomin.gif");
        zoomInAnchor.onclick = function() { ZoomIn(); }
        zoomIndiv.appendChild(zoomInAnchor);
        floorZoomDiv.appendChild(zoomIndiv);
	    
	    document.getElementById("imageDataContainer").appendChild(floorZoomDiv);
	    
	    Event.observe($("outerImageContainer"), "mousewheel", handleDIV, false);
	    Event.observe($("outerImageContainer"), "DOMMouseScroll", handleDIV, false); //firefox
		
	    //document.getElementById("outerImageContainer").setAttribute("style","border-bottom:none;");
	    }
	    
	    new Effect.Parallel(
			[ new Effect.SlideDown( 'imageDataContainer', { sync: true, duration: resizeDuration + 0.25, from: 0.0, to: 1.0 }), 
			  new Effect.Appear('imageDataContainer', { sync: true, duration: 1.0 }) ], 
			{ duration: 0.65, afterFinish: function() { myLightbox.updateNav();} } 
		);
		
		
	}
	
	
	
	},
	updateNav: function() {
		this.enableKeyboardNav();
	},
	enableKeyboardNav: function() {
		document.onkeydown = this.keyboardAction; 
	},
	disableKeyboardNav: function() {
		document.onkeydown = '';
	},
	keyboardAction: function(e) {
		if (e == null) { // ie
			keycode = event.keyCode;
		} else { // mozilla
			keycode = e.which;
		}

		key = String.fromCharCode(keycode).toLowerCase();
		
		if((key == 'x') || (key == 'o') || (key == 'c')){	// close lightbox
			myLightbox.end();
		} else if(key == 'p'){	// display previous image
			if(activeImage != 0){
				myLightbox.disableKeyboardNav();
				myLightbox.changeImage(activeImage - 1);
			}
		} else if(key == 'n'){	// display next image
			if(activeImage != (imageArray.length - 1)){
				myLightbox.disableKeyboardNav();
				myLightbox.changeImage(activeImage + 1);
			}
		}

    
	},
	preloadNeighborImages: function(){

		if((imageArray.length - 1) > activeImage){
			preloadNextImage = new Image();
			preloadNextImage.src = imageArray[activeImage + 1][0];
		}
		if(activeImage > 0){
			preloadPrevImage = new Image();
			preloadPrevImage.src = imageArray[activeImage - 1][0];
		}
	
	},
	end: function() {
		this.disableKeyboardNav();
		Element.hide('lightbox');
		new Effect.Fade('overlay', { duration: 0.2});
		showSelectBoxes();
	}
}
function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}
function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}
function getKey(e){
	if (e == null) { // ie
		keycode = event.keyCode;
	} else { // mozilla
		keycode = e.which;
	}
	key = String.fromCharCode(keycode).toLowerCase();
	
	if(key == 'x'){
	}
}
function listenKey () {	document.onkeypress = getKey; }
function showSelectBoxes(){
	selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}
}
function hideSelectBoxes(){
	selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "hidden";
	}
}
function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}
function initLightbox() { myLightbox = new Lightbox(); }
Event.observe(window, 'load', initLightbox, false);

function getbar(CurrentIndex,TotalPages,objImageData,flags,internationalFlag)
{       
       if(flags == true)
        {
        while(objImageData.hasChildNodes())
        {
         objImageData.removeChild(objImageData.lastChild);
        }
        document.getElementById('imageDataContainer').style.display = "none";
        document.getElementById('imageDataContainer').style.width = "704px";
        document.getElementById('outerImageContainer').style.width = "704px";
        document.getElementById('outerImageContainer').style.width = "704px";
        document.getElementById('ImagetopTextContainer').style.width = "704px";
        return;
        }
     while(objImageData.hasChildNodes())
     {
        objImageData.removeChild(objImageData.lastChild);
     }
        //creating count div
        var objcount = document.createElement("div");
        objcount.className = 'count2';
        objcount.style.height='27px';
        objcount.style.dislplay='block';
        var barIcons = 10;
        var minindex = 0;
        var maxindex = 0;
        var enablePrevious = false;
        var enableNext = false;
        var temp = 0;
        if(TotalPages > barIcons && CurrentIndex > barIcons /2)
        {
            var enablepaging = true;
        }
        else{
            var enablepaging = false;
        }
        
        if(enablepaging)//if paging true
        {
        
        if ((CurrentIndex + 5) > TotalPages)
            {
                minIndex = TotalPages - barIcons;
            }
        else
            {
                minIndex = CurrentIndex - barIcons / 2;
            }
            
         if ((CurrentIndex + 5) > TotalPages)
         {
                maxIndex = TotalPages;
         }
         else if (CurrentIndex > TotalPages - barIcons / 2)
         {
                maxIndex = TotalPages;
         }
         else
         {
              maxIndex = CurrentIndex + ((barIcons / 2) - 1);
         }
            
        }//end if
        else
        {
            minIndex = 1;
            maxIndex = TotalPages > barIcons ? barIcons : TotalPages;
        }
        enablePrevious = CurrentIndex > 1 ? true : false;
        enableNext = CurrentIndex == TotalPages ? false : true;
       
        if (enablePrevious)
        {
        var objcount2anch = document.createElement("a");
        objcount2anch.title = "Previous Image";
        objcount2anch.className = "PreviousAnchor";
        objcount2anch.style.background='transparent url(/images/active_back.gif) no-repeat scroll 0% 0%';
        objcount2anch.style.padding = '5px 11px';
        objcount2anch.setAttribute('href','javascript:void(0);');
        objcount2anch.onclick = function() {
        if(internationalFlag == false)
        {        
         getbar(parseInt(CurrentIndex)-1,finalarray.length-1,objImageData,false,internationalFlag);
         }
        else{
           getbar(parseInt(CurrentIndex)-1,finalImagearray.length,objImageData,false,true);
        }
        myLightbox.changeImage(parseInt(CurrentIndex)-2); return false;  }
        var objcount2anchText = document.createTextNode("Previous");
        objcount2anch.appendChild(objcount2anchText);
        objcount.appendChild(objcount2anch);
		}
        else
        {
        var objcount2 = document.createElement("span");
        objcount2.className = 'countdisabled3';
        var objcount2anch = document.createElement("a");
        objcount2anch.title = "Previous Image unavailable";
        objcount2anch.setAttribute('href','javascript:void(0);');
        objcount2anch.style.padding = "5px 1px 5px 0px";
        var objcount2anchText = document.createTextNode("Previous");
        objcount2anch.appendChild(objcount2anchText);
        objcount2.appendChild(objcount2anch);
		objcount.appendChild(objcount2);
        }
        var topi = "a";
        var divid = "b";
        for (var i = minIndex; i <= maxIndex; i++)
        {
            topi += "a";
            divid += "b";
            if (i != CurrentIndex)
            {
               if(i > 9)
               {
                 //creating anchor1 for count2 div
                 var objanchor = document.createElement("a");
                 objanchor.style.padding = '5px 9px 5px 6px';
                 objanchor.setAttribute('href','javascript:void(0);');
                 objanchor.setAttribute('ImageNo',anchorNoImageArray[i-1]);
                 objanchor.onclick = function() {  
                 var currentImage = parseInt(this.getAttribute('ImageNo'));
                 if(internationalFlag == false)
                 {
                 getbar(currentImage,finalarray.length-1,objImageData,false,internationalFlag);
                 }
                 else
                 {
                 getbar(currentImage,finalImagearray.length,objImageData,false,true);
                 }
                 myLightbox.changeImage(currentImage-1); return false; }
                 var objanchorText = document.createTextNode(i);
                 objanchor.appendChild(objanchorText);
                 objcount.appendChild(objanchor);
               }
               else{
                 var objanchor = document.createElement("a");
                 objanchor.setAttribute('href','javascript:void(0);');
                 objanchor.setAttribute('ImageNo',anchorNoImageArray[i-1]);
                 objanchor.onclick = function() { 
                 var currentImage = parseInt(this.getAttribute('ImageNo'));
                 if(internationalFlag == false)
                 {
                 getbar(currentImage,finalarray.length-1,objImageData,false,internationalFlag);
                 }
                 else
                 {
                 getbar(currentImage,finalImagearray.length,objImageData,false,true);
                 }
                 myLightbox.changeImage(currentImage-1); return false;
                 }
                 var objanchorText = document.createTextNode(i);
                 objanchor.appendChild(objanchorText);
                 objcount.appendChild(objanchor);
                 temp = temp + 1;
                 }
             }
             else{
                if(i>9 && i<99)
                {
                 var objanchor = document.createElement("a");
                 objanchor.style.padding='5px 9px 5px 6px';
                 objanchor.style.color = "rgb(209, 0, 116)";
                 objanchor.style.background='url(/images/number_back.gif) no-repeat';
                 objanchor.style.cursor='default';
                 objanchor.setAttribute('href','javascript:void(0);');
                 objanchor.setAttribute('id',topi);
                 objanchor.setAttribute('ImageNo',anchorNoImageArray[i-1]);
                 objanchor.onclick = function() { javascript:void(0); }
                 var objanchorText = document.createTextNode(i);
                 objanchor.appendChild(objanchorText);
                 objcount.appendChild(objanchor);          
                 }
                 else
                 {
                 var objanchor = document.createElement("a");
                 objanchor.style.background='transparent url(/images/number_back.gif) no-repeat scroll 0% 0%';
                 objanchor.style.color='rgb(209, 0, 116)';
                 objanchor.style.cursor='default';
                 objanchor.setAttribute('href','javascript:void(0);');
                 objanchor.setAttribute('id',topi);
                 objanchor.setAttribute('ImageNo',anchorNoImageArray[i-1]);
                 objanchor.onclick = function() { javascript:void(0); }
                 var objanchorText = document.createTextNode(i);
                 objanchor.appendChild(objanchorText);
                 objcount.appendChild(objanchor);  
                 }
             }
        }
        objImageData.appendChild(objcount);
       if(enableNext)
       {
        //creating next anchor for count2 div
        var objanchorNext = document.createElement("a");
        objanchorNext.title = "Next Image";
        objanchorNext.style.padding = "5px 26px 5px 22px";
        objanchorNext.style.background='transparent url(/images/active_back.gif) no-repeat scroll 0% 0%';
        objanchorNext.setAttribute('href','javascript:void(0);');
        objanchorNext.className = 'NextAnchor';
        objanchorNext.onclick = function() {
        if(internationalFlag == false)
        {        
        getbar(parseInt(CurrentIndex)+1,finalarray.length-1,objImageData,false,internationalFlag);
        }
        else { 
        getbar(parseInt(CurrentIndex)+1,finalImagearray.length,objImageData,false,true);
        }
        myLightbox.changeImage(parseInt(CurrentIndex));
        }
        var objanchorNextText = document.createTextNode("Next");
        objanchorNext.appendChild(objanchorNextText);
        objcount.appendChild(objanchorNext);
        }
      else {
        var objNextDiv = document.createElement("span");
        objNextDiv.className = 'countdisabled3';
        var objanchorNext = document.createElement("a");
        objanchorNext.title = "Next image unavailable";
        objanchorNext.setAttribute('href','javascript:void(0);');
        objanchorNext.style.padding = "5px 0px";
        var objanchorNextText = document.createTextNode("Next");
        objanchorNext.appendChild(objanchorNextText);
        objNextDiv.appendChild(objanchorNext);
        objcount.appendChild(objNextDiv);
      
      
      }
  }