var artImgList = [], selIndex = 0, overLap,  insideConHeight = howMuch = 0;
function initDoc() {
   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;
	   overLapL.setStyle({display:'none'});
	   overLapR = document.createElement('div');
	   $('galViewers').appendChild(overLapR);
	   overLapR.id = 'showNxtImages'
	   overLapR.onmouseout = function(event){$('showNxtImages').hide();}
	   overLapR.onclick = moveNext;
	   overLapR.setStyle({display:'none'});
	   $('layer').onmousemove = 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);
		}
   }
   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
/*_-----------------------------------------_*/

document.observe('dom:loaded', initDoc);
/*_-----------------------------------------_*/
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 thumbIn(This) {
   $(this).setStyle({border:'2px solid #FF0000',width:'46px',height:'46px'});
}
function thumbOut(This) {
   $(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) {
  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;
  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);
}
/*_-----------------------------------------_*/


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]-100+'px',left:pos[0]-5+'px',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+'&articleId='+$('articleId').value+'&comments='+encodeURIComponent($('userComments').value.stripTags());	
  new Ajax.Request('./postUserComments.php',{method:'post', parameters: parms, onComplete: function(OReq){
											alert(OReq.responseText==1?'Your Comments Has Been Submitted!!! \n However we will review it and approved it!!':OReq.responseText);
											closeOverLay();
																			
					}});
} // end function

function closeOverLay() {
  if ($('overlay')) { 
     new Effect.Fade('overlay', { duration: 0.2}); 
	  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: 0.3, from: 0.0, to: 0.7 });
 }