/***********************************************************************************************
	
	Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com
	
	UPDATE LOG:
	
	March, 10th, 2006 : Added support for a message while large image is loading
	
	Get this and other scripts at www.dhtmlgoodies.com
	
	You can use this script freely as long as this copyright message is kept intact.
	Modified by :bksh	
	***********************************************************************************************/ 
   	
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
  	
   		
	var activeImage = false;
	var imageGalleryLeftPos = false;
	var imageGalleryWidth = false;
	var imageGalleryObj = false;
	var maxGalleryXPos = false;
	var slideSpeed = 0;
	var imageGalleryCaptions = new Array();
	var mygallery = "";
	
	var activeImage1 = false;
	var imageGalleryCaptions1 = new Array();
	var mygallery1 = 1;
	
	var monthList = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
	
	function showImage()
	{
		if(activeImage){
			activeImage.style.filter = 'alpha(opacity=50)';	
			activeImage.style.opacity = 0.5;
		}	
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;	
		activeImage = this;	
	}
	
	function showImage1()
	{
		if(activeImage1){
			activeImage1.style.filter = 'alpha(opacity=50)';	
			activeImage1.style.opacity = 0.5;
		}	
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;	
		activeImage1 = this;	
	}
	
	
	function initSlideShow(galleryId)
	{
		try{
			var gallery = galleryId == 0?"":galleryId;

			if (galleryId == 0) {
				document.getElementById('arrow_left'+gallery).onclick = getPreviousImages;
				document.getElementById('arrow_right'+gallery).onclick = getNextImages;
			} else {
				document.getElementById('arrow_left'+gallery).onclick = getPreviousImages1;
				document.getElementById('arrow_right'+gallery).onclick = getNextImages1;	
			}
			imageGalleryObj = document.getElementById('theImages'+gallery);
			imageGalleryLeftPos = imageGalleryObj.offsetLeft;
			imageGalleryWidth = document.getElementById('galleryContainer'+gallery).offsetWidth - 80;
			maxGalleryXPos = imageGalleryObj.offsetLeft; 
			minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd'+gallery).offsetLeft;
			var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
			if (galleryId == 0) {
				for(var no=0;no<slideshowImages.length;no++){
					slideshowImages[no].onmouseover = showImage;
				}
			} else {
				for(var no=0;no<slideshowImages.length;no++){
		            slideshowImages[no].onmouseover = showImage1;
				}	
			}

			var divs = imageGalleryObj.getElementsByTagName('DIV');
			if (galleryId == 0) {
				for(var no=0;no<divs.length;no++){
					//if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		            if(divs[no].className=='imageCaption')imageGalleryCaptions[no] = divs[no].innerHTML;
				}
			} else {
				for(var no=0;no<divs.length;no++){
		            if(divs[no].className=='imageCaption')imageGalleryCaptions1[no] = divs[no].innerHTML;
				}
			}
		} catch(e) {
			//alert("exception: "+e.message);
		}	
	}
	
	function showPreview(galleryId, imagePath, imageIndex, 
              imageDate, url, viewCount, commentCount, label) {
		var gallery = galleryId == 0 ?"":galleryId;	  
		var subImages = document.getElementById('previewPane'+gallery).getElementsByTagName('IMG');
		if(subImages.length==0){
			var img = document.createElement('IMG');
			document.getElementById('previewPane'+gallery).appendChild(img);
		}else img = subImages[0];
		
		if(displayWaitMessage){
			document.getElementById('waitMessage'+gallery).style.display='inline';
		}
		document.getElementById('largeImageCaption'+gallery).style.display='none';	
		img.onload = function() { hideWaitMessageAndShowCaption(galleryId, imageIndex-1); };
		img.src = imagePath;
        img.alt = label;
		if (galleryId == 0) {
			updateDate('hiking_date',imageDate);
			updatePostInfo('hiking_post_info', viewCount, commentCount, url);
            document.getElementById("jumpToArticle").href=url;
		} else {
			updateDate('lin_date',imageDate);
			updatePostInfo('lin_post_info', viewCount, commentCount, url);
            document.getElementById("jumpToArticle1").href=url;
		}		
	}
	function hideWaitMessageAndShowCaption(galleryId, imageIndex)
	{
		var gallery = galleryId == 0?"":galleryId;
		document.getElementById('waitMessage'+gallery).style.display='none';	
		if (galleryId == 0) {
			document.getElementById('largeImageCaption'+gallery).innerHTML = imageGalleryCaptions[imageIndex];
		} else {
			document.getElementById('largeImageCaption'+gallery).innerHTML = imageGalleryCaptions1[imageIndex];	
		}
		document.getElementById('largeImageCaption'+gallery).style.display='block';
		
	}
	
	function updateDate(elementId, myDate) {
      var dateParts = myDate.split('-');  
      var dateTemplate = (monthList[dateParts[1]-1])
                        +"<br /><span class='title1'><strong>"+dateParts[2].split(" ")[0]
                        +"</strong></span><br />"+dateParts[0];  
      //TODO: Make Dynamic, here hard coded to hiking_date                        
      document.getElementById(elementId).innerHTML = dateTemplate;                        
	  }
	  
	  function updatePostInfo(elementId, viewCount, commentCount, url) {
	    var basePath = 'http://www.everestuncensored.org/wp-content/themes/EUBlueTheme2';
	    var commentImg = basePath+"/images/ico-comments.gif";
	    var postInfoTemplate = "<a href='"+url+"/#comment'><img src=\""+commentImg+"\" alt='icon_comments' width='10' height='10' border='0' class='middle' /></a> <a href='"+url+"/#comment' class='txt_white'>"+commentCount+" Comments</a> | "+viewCount+" views | <a href='"+url+"' class='txt_white'>Read Post</a>";
	    document.getElementById(elementId).innerHTML = postInfoTemplate;
	  }
  
  /*===========================================================================*/
	//window.onload = initSlideShow;