// 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[window.location.href.include('#')?2:0]).show();
    $(tabs[window.location.href.include('#')?2: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 ( tabs.indexOf(this) == 2 ) {createAllSliders();}
						  //if ( tabs.indexOf(this) == 3 ) {if (!gMap){initialize(); gMap = true;}} // google map initilizer
						  if($('photoVideo'))$('photoVideo').hide();
						  if ( tabs.indexOf(this) == 0 ) { 
						    if($('photoVideo')){$('photoVideo').show(); }
		                  }
						 }
					 );
			  }); // end tabs.each
	
    if ( window.location.href.include('#') ) { if($('photoVideo'))$('photoVideo').hide(); createAllSliders();}
	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( (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 createAllSliders() {
   // drag drop the rating images
   // do not change the variable name 
   s1 = createSlider('staffPointSlider', 'staffPointCont', 'staffPointContBg', 'staffPoint');
   s2 = createSlider('roomQualitySlider', 'roomQualityCont', 'roomQualityBg', 'roomQuality');
   s3 = createSlider('bedComfortSlider', 'bedComfortCont', 'bedComfortBg', 'bedComfort');
   s4 = createSlider('CleanliNessSlider', 'CleanliNessCont', 'CleanliNessBg', 'CleanliNess');
   s5 = createSlider('ValueForMoneySlider', 'forMoneyCont', 'ValueForMoneyBg', 'ValueForMoney');
   s6 = createSlider('locationSlider', 'locationCont', 'locationBg', 'location');
   incSlider('staffPoint','staffPointContBg',s1, 'initial');	
   incSlider('roomQuality','roomQualityBg',s2, 'initial');	
   incSlider('bedComfort','bedComfortBg',s3, 'initial');	
   incSlider('CleanliNess','CleanliNessBg',s4, 'initial');	
   incSlider('ValueForMoney','ValueForMoneyBg',s5, 'initial');	
   incSlider('location','locationBg',s6, 'initial');	
}
/*_-----------------------------------------_*/
// tool tips for room type
function showRTF(This, val, type, event) {
   if ($('popUps'))$('popUps').remove();
   elm = document.createElement('div');
   document.body.appendChild(elm);
   $(elm).addClassName('popUp');
   $(elm).id = 'popUps';
  // Element.writeAttribute($(elm),{class:'popUp',id:'popUps'});
   // find position where to show i.e find the source element and then find source element position
   pos = $(This).cumulativeOffset();
   posX = Event.pointerX(event);
   posY = Event.pointerY(event);
   //alert(posX)
   $(elm).setStyle({left:posX+'px',top:posY+15+'px',zIndex:0,position:'absolute'});
   $(elm).innerHTML = '<div class="popUpBottom"><div class="popBG"><div class="topPart">Facilities Of This Room</div><div class="facPart">'+val+'</div><div class="topPart">Accomodation Capability</div><div>'+type+'</div></div></div>';
   $(elm).show(); 
}
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'});
   }
}
function showRating(This, event, val) {
   elm = document.createElement('div');
   document.body.appendChild(elm);
   $(elm).addClassName('popUp1');
   $(elm).id = 'popUps';
  // Element.writeAttribute($(elm),{class:'popUp',id:'popUps'});
   // find position where to show i.e find the source element and then find source element position
   pos = $(This).cumulativeOffset();
   posX = Event.pointerX(event);
   posY = Event.pointerY(event);
   //alert(posX);
   $(elm).setStyle({left:posX-500+'px',top:posY+15+'px',zIndex:0,position:'absolute',overflow:'hidden'});
   $(elm).innerHTML = '<div class="popUpBottom"><div class="popBG"><div class="topPart">Average Rating By User</div><div>'+val+'</div></div></div>';
   $(elm).show(); 
	 
}
function rmvRTF() {
  if ($('popUps')) { $('popUps').remove(); }
}



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;
  
}
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);
}

/*_-----------------------------------------_*/
// sliders for review tabs
function createSlider(handle, track, contentBg, inputField) {
	 return new Control.Slider($(handle), $(track), {
	  range:$R(0,400),
	  increment: 74,  
	  values: [0,74,148,222,296,372],
	  restricted:true,
      onSlide: function(value) {
		 v = parseInt(value/74);
		 $(inputField).value = v;
		 val = (-1) * v * 15;
		 $(contentBg).style.background = 'url(./images/slider-bg.gif) no-repeat 0 '+val+'px';
		 setValues();
		 
      },
      onChange: function(value) {
		 v = parseInt(value/74);
		 $(inputField).value = v;
		 val = (-1) * v * 15;
		 $(contentBg).style.background = 'url(./images/slider-bg.gif) no-repeat 0 '+val+'px';
		 setValues();
      }
    });
}
/*_-----------------------------------------_*/
function incSlider(inputField, contentBg, instance, when) {
    next = parseInt($(inputField).value) + 1 ; 	 
	if (when == 'initial') next = next -1;
	if (next > 5) return false;
	$(inputField).value = next;
	eval(instance).setValue(next*74,0);
	val = (-1) * next * 15;
	$(contentBg).style.background = 'url(./images/slider-bg.gif) no-repeat 0 '+val+'px';
	setValues();
}
function decSlider(inputField, contentBg, instance) {
    next = parseInt($(inputField).value) - 1 ; 	 
	if (next < 0) return false;
	$(inputField).value = next;
	eval(instance).setValue(next*74,0);
	val = (-1) * next * 15;
	$(contentBg).style.background = 'url(./images/slider-bg.gif) no-repeat 0 '+val+'px';
	setValues();
}
function setValues() {
  tVal = [$('staffPoint'),$('roomQuality'),$('bedComfort'),$('CleanliNess'),$('ValueForMoney'),$('location')].compact();
  total = 0;
  for(i = 0; i < 6; i++ ) { 
	 total += parseInt(tVal[i].value);
  }
  //alert(total);
  //avg = Math.round(total / 6);
  $('overAllRating').innerHTML  = total;
}


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


function leaveComment(This, parentId, mId, articleId) {
  if ($('leaveComPop')) {$('leaveComPop').remove();}
  if (mId == 0 ) {
	 window.location.href = './redirect.php?u='+encodeURIComponent(location.href);
	 return false;
  }
  overLayWholeDocs();
  popUp  = document.createElement('div');
  document.body.appendChild(popUp);
  popUp.id = 'leaveComPop';
  pos = $(This).cumulativeOffset();
  popUp.setStyle({position:'absolute',top:pos[1]-240+'px',left:'250px',zIndex:1200});
  popUp.innerHTML = '<div class="box popup formArea pad"><span class="close"><a href="javascript:void(0);" onclick="javascript:closeOverLay();">Close (X)</a></span><strong class="hdrtxt space2">Leave your comment here</strong><input type="hidden" name="parentId" id="parentId" value="'+parentId+'" /><input type="hidden" name="articleId" id="articleId" value="'+articleId+'" /><input type="hidden" name="mId" id="mId" value="'+mId+'" /><textarea class="txtArea1 space" rows="7" cols="40" name="userComments" id="userComments"></textarea><input type="button" class="subbtn flspr" value="Submit" onclick="javascript:submitComments();" /><input type="button" class="subbtn" value="Cancel" onclick="javascript:closeOverLay();" /></div>';
  $('leaveComPop').scrollTo();
  
}
function submitComments() {
  var parms = 'parentId='+$('parentId').value+'&mId='+$('mId').value+'&hotelId='+$('articleId').value+'&reviewText='+encodeURIComponent($('userComments').value.stripTags());	
  new Ajax.Request('./postUserReviews.php',{method:'post', parameters: parms, onComplete: function(OReq){
											alert(OReq.responseText==1?'Your Reviews Has Been Submitted!!! \n However we will check it and publish it soon!!':OReq.responseText);
											closeOverLay();
																			
					}});
} // end function




/*_-----------------------------------------_*/
function closeOverLay() {
  if ($('overlay')) { 
     new Effect.Fade('overlay', { duration: 0.5}); 
	  if ($('leaveComPop')) { $('leaveComPop').remove(); }
  }
}
function overLayWholeDocs() {
  var aPageSize = getPageSize();
  document.viewport.getScrollOffsets().top
  var showLoading = document.createElement('div');
  showLoading.id = 'overlay';
  document.body.appendChild(showLoading);
  $('overlay').setStyle({position: 'absolute',top:0,left:0,zIndex:90,width:aPageSize[0]+'px',height:aPageSize[1]+'px',backgroundColor:'#000',display:'none'});
  new Effect.Appear('overlay', { duration: 1.0, from: 0.0, to: 0.7 });
 }
/*_-----------------------------------------_*/
// report a hotel
function reportHotel(hotelId) {
   overLayWholeDocs();
   if ($('pWin')) { $('pWin').remove(); }
   elm = document.createElement('div');
   document.body.appendChild(elm);
   $(elm).addClassName('popUp');
   $(elm).id = 'pWin';
   pos = $('reportHotel').cumulativeOffset();
   $('reportHotel').scrollTo();
   $(elm).setStyle({left:pos[0]+'px',top:pos[1]+15+'px',zIndex:1000,position:'absolute'});
   $(elm).innerHTML = '<div class="popUpBottom"><div style="height:400px;" id="reCont"><div style="font-size:20px;">Write Your Report Below<br /><span style="font-size:12px;padding-left:20px;padding-top:10px;">Your say will be checked and necessary action will be taked asap</span></div><div>Your Name: <br /><br /><input type="text" /><br /><br />Your Valid Email: <br /><br /><input type="text" /><br /><br />Your Contact Number: <br /><br /><input type="text" /><br /><br />Your Say: <br /><br /><textarea style="height:120px;"></textarea><br /><br /><div><input class="button" type="button" value="Send Your Report &raquo;" onclick="javascript:sendReportNow();" /><span id="reportSending" style="display:none;padding-left:5px;float:left">Sending Report...Please Wait...</span></div></div></div></div>';
  $(elm).show(); 

	
}
function sendReportNow() {
	$('reportSending').setStyle({display:'inline'});
	setTimeout("closeOverLay()",2000); // should be replace with ajax call
}
/*_-----------------------------------------_*/

function sendToFriend(hotelId) {
   overLayWholeDocs();
   if ($('pWin')) { $('pWin').remove(); }
   elm = document.createElement('div');
   document.body.appendChild(elm);
   $(elm).addClassName('popUp');
   $(elm).id = 'pWin';
   pos = $('sendFriend').cumulativeOffset();
   $('sendFriend').scrollTo();
   $(elm).setStyle({left:pos[0]+'px',top:pos[1]+15+'px',zIndex:1000,position:'absolute'});
   $(elm).innerHTML = '<div class="popUpBottom"><div style="height:400px;" id="reCont"><div style="font-size:20px;">Send This Hotel to your Friend(s)</div><div>Your Name: <br /><br /><input type="text" /><br /><br />Your Valid Email: <br /><br /><input type="text" /><br /><br />Your Friends Email: [use comma(,) for multiple emails] <br /><br /><input type="text" /><br /><br />Your Say: <br /><br /><textarea style="height:120px;"></textarea><br /><br /><div><input class="button" type="button" value="Send &raquo;" onclick="javascript:sendReportNow();" /><span id="reportSending" style="display:none;padding-left:5px;float:left">Sending Emails...Please Wait...</span></div></div></div></div>';
  $(elm).show(); 
}
/*_-----------------------------------------_*/