var NUMBER_IMAGES = 8;
var PATH = "gallery/";
var imgArray = [ 				
'<p id="name">Starrett-Lehigh Building - 601 West 26th Street | <span class="blu_name">Chelsea</span></p><p id="submarket"><span class="blu_name">Submarket:</span>Grand Central</p><p id="inter"><span class="blu_name">Intersection:</span> Park Avenue & 40th Street</p>', 
'<p id="name">Rockefeller Center | <span class="blu_name">Plaza District</span></p><p id="submarket"><span class="blu_name">Submarket:</span>Midtown</p><p id="inter"><span class="blu_name">Intersection:</span> Madison & 57th Street</p>', 
'<p id="name">Loft Space | <span class="blu_name">Manhattan</span></p><p id="submarket"><span class="blu_name">Submarket:</span>Chelsea / Flatiron / Soho / TriBeca</p><p id="inter"><span class="blu_name">Intersection:</span> None</p>', 
'<p id="name">IBM Building | <span class="blu_name">Plaza District</span></p><p id="submarket"><span class="blu_name">Submarket:</span>Midtown</p><p id="inter"><span class="blu_name">Intersection:</span> Madison & 57th Street</p>', 
'<p id="name">Flatiron Building | <span class="blu_name">Flatiron District</span></p><p id="submarket"><span class="blu_name">Submarket:</span>Soho</p><p id="inter"><span class="blu_name">Intersection:</span> Fifth Avenue & 23rd Street</p>', 
'<p id="name">Empire State Building | <span class="blu_name">Penn Station</span></p><p id="submarket"><span class="blu_name">Submarket:</span>Grand Central</p><p id="inter"><span class="blu_name">Intersection:</span> Park Avenue & 34th Street</p>', 
'<p id="name">230 Park Avenue – The Helmsley Building | <span class="blu_name">Grand Central</span></p><p id="submarket"><span class="blu_name">Submarket:</span>Grand Central</p><p id="inter"><span class="blu_name">Intersection:</span> Park Avenue & 45th Street</p>', 
'<p id="name">100 Park Avenue | <span class="blu_name">Midtown</span></p><p id="submarket"><span class="blu_name">Submarket:</span>Grand Central</p><p id="inter"><span class="blu_name">Intersection:</span> Park Avenue & 40th Street</p>'];
var urlArray = ["inner_featured_starrett.php","inner_featured_rockefeller.php","inner_featured_loft.php","inner_featured_ibm.php","inner_featured_flatiron.php","inner_featured_empire.php","inner_featured_230park.php","inner_featured_100park.php"];
var elem0, elem1, elem2, elem3, elem4, url0, url1, url2, url3, url4;
var aux;

var imageL = new Image(80, 40);
var imageR = new Image(80, 40);
imageL.src =PATH+(NUMBER_IMAGES-1)+".gif";
imageR.src = PATH+"5.gif";

var urlLnhref =NUMBER_IMAGES-2;
var urlRnhref = 4;
var urlLhref =urlArray[urlLnhref];
var urlRhref = urlArray[urlRnhref];
var enabled = true;
function loadcontent(id)
{
	document.getElementById("gallery_info").innerHTML = imgArray[id-1];
	//document.getElementById('urlCarousel2').href= urlArray[id-1];
}
function loadImages(direction)
{	
	if(enabled==false)
		return;
	enabled=false;
	elem0 = document.getElementById('imgCarousel0');
	elem1 = document.getElementById('imgCarousel1');
	elem2 = document.getElementById('imgCarousel2');
	elem3 = document.getElementById('imgCarousel3');
	elem4 = document.getElementById('imgCarousel4');
	url0 = document.getElementById('urlCarousel0');
	url1 = document.getElementById('urlCarousel1');
	url2 = document.getElementById('urlCarousel2');
	url3 = document.getElementById('urlCarousel3');
	url4 = document.getElementById('urlCarousel4');
	if(direction) //if true then it's right else it's left, meaning 2-->1
	{
		imageL.src = elem0.src;
		elem0.src=elem1.src;
		elem1.src=elem2.src;
		elem2.src=elem3.src;		
		elem3.src=elem4.src;
		elem4.src=imageR.src;
                imageR.src = inc(imageR.src);
//HREF
		urlLhref = url0.href;
		url0.href=url1.href;
		url1.href=url2.href;
		url2.href=url3.href;		
		url3.href=url4.href;
		url4.href=urlRhref;
		incR();
	}
	else //else it's left,  2-->3
	{
		imageR.src = elem4.src;
		elem4.src=elem3.src;
		elem3.src=elem2.src;
		elem2.src=elem1.src;
		elem1.src=elem0.src;
		elem0.src=imageL.src;
		imageL.src = dec(imageL.src);
//HREF
		urlRhref = url4.href;
		url4.href=url3.href;
		url3.href=url2.href;
		url2.href=url1.href;
		url1.href=url0.href;
		url0.href=urlLhref;
		decR();
	}
		aux = elem2.src;
		loadcontent(aux.substring(aux.lastIndexOf('/',aux.length)+1,aux.length-4));
		enabled=true;
}
function inc(name)
{
	var nmbr = name.substring(name.lastIndexOf('/',name.length)+1,name.length-4);
	if(nmbr>=NUMBER_IMAGES)
		nmbr=1;
	else
		nmbr++;
	return PATH+nmbr+".gif";
}
function dec(name)
{
	var nmbr = name.substring(name.lastIndexOf('/',name.length)+1,name.length-4);
	if(nmbr<=1)
		nmbr=NUMBER_IMAGES;
	else
		nmbr--;
	return PATH+nmbr+".gif";
}

function incR()
{
	if(urlRnhref>=NUMBER_IMAGES-1)
		urlRnhref=0;
	else
		urlRnhref++;
		
	if(urlLnhref>=NUMBER_IMAGES-1)
		urlLnhref=0;
	else
		urlLnhref++;
		
	urlRhref=urlArray[urlRnhref];
}
function decR()
{
	if(urlLnhref<=0)
		urlLnhref=NUMBER_IMAGES-1;
	else
		urlLnhref--;
	
	if(urlRnhref<=0)
		urlRnhref=NUMBER_IMAGES-1;
	else
		urlRnhref--;
        
	urlLhref=urlArray[urlLnhref];
}