// global variables
var s1,s2,s3,s4,s5,s6;
var cur=0,next,running=false, imgSrc=new Array(), gMap = false;
var flist,timeOut, direction, loading=true, timeOutAutoPlay, DHotel;
var artImgList = [], selIndex = 0, overLap, insideConHeight = howMuch = 0;
/*_-----------------------------------------_*/
function observing (){
	//initialize();
	var getdivs = $A($$('div.containers')).compact();	
	var tabs    = $A($('tablist').getElementsByTagName('a')).compact();				
	getdivs.each(function(el){$(el).hide();});
    $(getdivs[0]).show();
    $(tabs[0]).className = 'selected';
	//$('galMid').hide();
	tabs.each(function(e){
					 Event.observe(e,'click', function() {
		                  getdivs.each(function(el){$(el).hide();});
						  $(getdivs[tabs.indexOf(this)]).show();
						  tabs.each(function(ell){$(ell).className = '';});
						  $(this).className = 'selected';
						  if($('photoVideo'))$('photoVideo').hide();
						  if ( tabs.indexOf(this) == 0 ) { 
						    if($('photoVideo')){$('photoVideo').show(); }
		                  }
						 }
					 );
			  }); // end tabs.each
	
	if ($('insideCont'))
     artImgList = $A($('insideCont').childElements()).compact();	
	if ( artImgList.size() > 0 ) { 
	   $(artImgList[selIndex]).setStyle({border:'2px solid #FF0000',width:'46px',height:'46px'});
	   overLapL = document.createElement('div');
	   $('galViewers').appendChild(overLapL);
	   overLapL.id = 'showPreImages'
	   overLapL.onmouseout = function(event){$('showPreImages').hide();}
	   overLapL.onclick = movePrev;
	   
	   $('showPreImages').hide();
	   //return;
	   overLapR = document.createElement('div');
      $('galViewers').appendChild(overLapR);
	   overLapR.id = 'showNxtImages'
	   overLapR.onmouseout = function(event){$('showNxtImages').hide();}
	   overLapR.onclick = moveNext;
	    $('showNxtImages').hide();
		Event.observe('layer','mousemove', function(event) {
									  if ( artImgList.size() <= 1 ) return false;
									  elm = Event.element(event);
									  pos = $(elm).cumulativeOffset();
									  cPos = Event.pointerX(event) - pos[0];
									  if ( (cPos > 0) && (cPos < 150) ) {
										  $('showPreImages').setStyle({left:'0px',top:'0px'}).show();
										  $('showNxtImages').hide();
									  }
									  else if ( (cPos > 350) && (cPos < 500) ) {
										  $('showNxtImages').setStyle({left:'350px',top:'0px'}).show();
										  $('showPreImages').hide();
									  }
									  else {
										  if ( $('showPreImages') ) {$('showPreImages').hide();}
										  if ( $('showNxtImages') ) {$('showNxtImages').hide();}
									  }
								   });
	  
   } // end if
   if ($('insideCont')) {
	   insideConHeight  = parseInt(($('insideCont').offsetHeight - 360) / 60);
	   howMuch = insideConHeight
	   if ( insideConHeight > 0 ) {
		  insideConHeight = parseInt(145/insideConHeight); 
	   }
	   var elms = $('insideCont').childElements();
	   for ( ii=0; ii<elms.length; ii++){
		    Event.observe(elms[ii],'mouseover', thumbIn);
		    Event.observe(elms[ii],'mouseout', thumbOut);
			Event.observe(elms[ii],'click', showLarges);
		}
	   
	   
   }
  //alert(insideConHeight);
   Event.observe(document, 'keyup', function(event){
								  if( $('photoVideo').getStyle('display') == 'none' ){return false;}
								  if( (event.keyCode == 39) || (event.keyCode == 40) ) { moveNext(); }// next
								  else if ( (event.keyCode == 37) || (event.keyCode == 38) ) { movePrev();  }
								});
} // end function
/*_-----------------------------------------_*/
function moveNext() {
   selIndex = parseInt(selIndex)+1;
   FiIndex = (Math.abs(parseInt($('insideCont').getStyle('top')))/60)*3+17;
   if ( ( selIndex > FiIndex)  ) {moveTowards('n');}
   if (selIndex > artImgList.size()-1) { 
	   selIndex = 0; 
		if ( $('insideCont').offsetHeight > 360) { 
		   $('indicator').setStyle({width:'5px'});
		   $('insideCont').setStyle({top:'0px'});
		}
   }
   //if ( (selIndex > 15) &&  ((selIndex - 15) % 3 == 0) ){ moveTowards('n'); }
   showLarge(artImgList[selIndex], selIndex);
}
function movePrev() {
	selIndex = parseInt(selIndex)-1;
	FiIndex = (Math.abs(parseInt($('insideCont').getStyle('top')))/60)*3;
	if ( ( selIndex < FiIndex) && (selIndex > 0)  ) {
	  moveTowards('p');
	}
   if (selIndex < 0 ) { 
	  selIndex = artImgList.size()-1; 
	   if ( $('insideCont').offsetHeight > 360) { 
		  $('insideCont').setStyle({top:(-1)*($('insideCont').offsetHeight-360)+'px'});
		  $('indicator').setStyle({width:(howMuch*insideConHeight)+'px'});
	   }
   }
	showLarge(artImgList[selIndex], selIndex);
}



function moveCur (event) {
   posX = Event.pointerX(event);
   posY = Event.pointerY(event);
   if ($('popUps')) { 
      left = ($('popUps').className == 'popUp1') ? posX - 500 : posX;
      $('popUps').setStyle({left:left+'px',top:posY+15+'px'});
   }
}



document.observe('dom:loaded', observing);
/*_-----------------------------------------_*/

/*_-----------------------------------------_*/
function thumbIn() {
   $(this).setStyle({border:'2px solid #FF0000',width:'46px',height:'46px'});
}
function thumbOut() {
   $(this).setStyle({border:'0px solid #FF0000',width:'50px',height:'50px'});
   $(artImgList[selIndex]).setStyle({border:'2px solid #FF0000',width:'46px',height:'46px'});
}
function showLarges(event) {
  var elm = Event.element(event);
  var index = artImgList.indexOf(elm);
  showLarge(elm, index)
}
function showLarge(This, index) {
  //alert(index);
  var loadingImage = new Image();
  loadingImage.id = 'loading';
  loadingImage.src = './images/loading.gif';
  $('galViewers').appendChild(loadingImage);
  // get position of center
  allPos = $('largView').cumulativeOffset();
  $('loading').setStyle({top:'150px',left:'230px',position:'absolute',zIndex:1000});
  var oImage = new Image();
  var src =   artImgList[index].src.replace('_thm','_img');
  oImage.src = src;
  Event.observe($(oImage), 'load', function(event){ if($('loading')){$('loading').remove();}});
  $('largView').src = 	src;
  //if($('loading')){$('loading').remove();}
  artImgList.each(function(elm){$(elm).setStyle({border:'0px solid #FF0000',width:'50px',height:'50px'})});
  $(This).setStyle({border:'2px solid #FF0000',width:'46px',height:'46px'});
  selIndex = index;
  $('nowShowing').innerHTML = parseInt(selIndex)+1;
  if (src.include('amit')) $('cBy').update('Photo: Amit Premtilok Roy Choudhury');
  else $('cBy').update('Photo: TripBd Team');
}
var timeF;
function moveTowards(d) {
   obj = $('insideCont');
   oldTop = parseInt(obj.getStyle('top'));
   if ( d=='n' ) {
	  newTop = oldTop - 60; if ( Math.abs(newTop) > ($('insideCont').offsetHeight - 360) ) {  stopScrolling();return false; }
	  $('indicator').setStyle({width:$('indicator').offsetWidth+insideConHeight+'px'});
   }
   else {
	  newTop = oldTop + 60; if ( newTop > 0 ) { stopScrolling();return false; }
	  w = ($('indicator').offsetWidth-insideConHeight) < 5 ? 5 : $('indicator').offsetWidth-insideConHeight; 
	  $('indicator').setStyle({width:w+'px'});
   }
   obj.setStyle({top:newTop+'px'});	
}
function thumbPre() {
  stopScrolling(); timeF = setInterval("moveTowards('p')",400);
}
function thumbNxt() {
  stopScrolling(); timeF = setInterval("moveTowards('n')",400);
}
function stopScrolling() {
  if (timeF) clearInterval(timeF);
}

/*_-----------------------------------------_*/