//DOM Ready
$(function(){
	//mouseover images on all .swap classes
	$(".swap").mouseover(
		function(){
			swapIn(this);
		});
	$(".swap").mouseout(
		function(){
			swapOut(this);
			
		
		});
	var siteURL = document.location.href;
	siteURLarr = siteURL.split('/');
	siteDomain = siteURLarr[2];

	galleryloader= new Image(); 
  galleryloader.src="/images/common/ajax-loader.gif";
	formLoader= new Image(); 
  formLoader.src="/images/common/ajax-loader-mini.gif";
	pleaseWaitImg= new Image(); 
  pleaseWaitImg.src="/images/common/please-wait.gif";
});

//Mouseover for all images with the class .swap
var swapIn = function(lmnt) { 
		srcImg = $(lmnt).attr("src");
		imgExt = srcImg.split(".");
		imgExt = "."+imgExt.pop();
		srcImg = srcImg.replace(imgExt,"-on"+imgExt);
		$(lmnt).attr("src",srcImg);
}

var swapOut = function(lmnt) { 
	srcImg = srcImg.replace("-on"+imgExt,imgExt);
	$(lmnt).attr("src",srcImg);
}


//Disable Right clicking.

var siteURL = document.location.href;
	siteURL = siteURL.split('/');
	siteURL = siteURL[2];
	
var zaneray = document;
var isNS=(navigator.appName=="Netscape")? 1 : 0;
if(navigator.appName=="Netscape"){
 zaneray.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
}
function nothing(){
 return false;
}
function nothingm(e){
 var myevent=(isNS)? e : event;
 var eventbutton=(isNS)? myevent.which : myevent.button;
 
 if((eventbutton==2)||(eventbutton==3)){
	return false;
 }
}

if(siteURL == 'www.gravitec.com' || siteURL == 'gravitec.com') { 
	zaneray.oncontextmenu = nothing;
	zaneray.onmousedown = nothingm;
	zaneray.onmouseup = nothingm;
}

	

//hides the button and shows the preloading image.
var hideButton = function(id){
	btnWidth = $('#'+id+'').width();
	if( $('#'+id+'').attr('class') == 'formbutton') { 
		btnLt = $('#'+id+'').css('padding-left').replace('px','');
		btnRt = $('#'+id+'').css('padding-right').replace('px','');
		btnTotalPad = parseInt(btnLt) + parseInt(btnRt);
		btnTotal = btnTotalPad + btnWidth;
	} else { 
		btnTotal = btnWidth;
	}
	loaderPad = (btnTotal - 82) / 2;
	$('#'+id+'').css('display','none');
	loaderHTML = '<div class="loadingbutton" id="ajaxloader"><img height="16" width="66" style="padding-left: ' + loaderPad + 'px;" src="/images/common/please-wait.gif"/><img height="16" width="16" style="padding-right: ' + loaderPad + 'px;" src="/images/common/ajax-loader-mini.gif"/></div>';
	$('#'+id+'').after(loaderHTML);
}

var showButton = function(id){
	$("#ajaxloader").remove();
  $("#"+id+"").show();
}



/*window.onresize=function() { setprocessingheight(); }
window.onscroll=function() { setprocessingheight(); }*/




var ie=document.all;
  function opacity(id, opacStart, opacEnd, millisec, onCompleteAction, clearFilterBl) {
	var k=1;
	/* determine the direction for the blending, if start and end are the same nothing happens */
	if(opacStart > opacEnd) {
		 for (var h=opacStart; h>(opacEnd-.1); h=h-10) {
			 setTimeout("changeOpac(" + h + ",'" + id + "')",25*k);
			 k++;
		 }
	} 
	else if(opacStart < opacEnd) {
		for (var h=opacStart; h<(opacEnd+.1); h=h+5) {
			setTimeout("changeOpac(" + h + ",'" + id + "')",25*k);
			k++;
		}
	}
	if (!isEmpty(onCompleteAction)) {
		setTimeout(onCompleteAction,(25*k));
	}
}
 /* change the opacity for different browsers, hide png images if ie sucky browser */
  function changeOpac(opacity, id) {
		if ($(id)) {
			var object = $(id).style;
			object.opacity = (opacity / 100);
			object.MozOpacity = (opacity / 100);
			object.KhtmlOpacity = (opacity / 100);
			object.filter = "alpha(opacity=" + opacity + ")";      
		}
  }
	
function isEmpty(v) {
	if (v == undefined) { return true; }
	if (v == null) { return true; }
	if (v == "") { return true; }
	return false;
}




/*-------------------------------
|																|
|			Show the Gallery  				|
|																|
-------------------------------*/


var activeId = '';	
var activeImage = '';	
var galleryBoxHTML = '<div id="lightbox" class="lightboxgallery"><div id="lightboxutil"><img src="/images/lightbox/close.png" alt="Close" title="Close" onclick="closeLightBox();" id="lbclose" /></div><div id="gallerycontent"></div></div>';

function showGallery(galleryID,galleryCat){
	maskLoad();
	$("#lightboxload").after(galleryBoxHTML);
	$("#lightbox").css("top",lbTopPos);
	lbLeftPos = (Math.round(winWidth/2))-380;
	$("#lightbox").css("left",lbLeftPos);
	$("#lightboxclose img").css("behavior","url(/iepngfix.htc)");
	$("#gallerycontent").load("/za/GVT/includes/gallery.jsp", {catcode: galleryCat, id: galleryID}, function(){
		$("#lightboxload").remove();
		//set the mask height again just to make sure we don't have the white space in the footer
		docHeight = $(document).height();
		$("#mask").css("height",docHeight);
		//show the content
		$("#lightboxutil img").css("behavior","url(/iepngfix.htc)");
		$("#lightbox").fadeIn('normal', function(){
			lbStage = 'loaded';
		});
	});
}
	

/*-------------------------------
|																|
|			Gallery scrolling 				|
|																|
-------------------------------*/

var scrollable = true;
function galleryScroll(dir,xmax){ 
	xpos = $('#gallerythumbs').css('left');
	xpos = xpos.replace(/px/,"");
	xpos = parseFloat(xpos);
	//alert(xpos);
	xmax = xmax * -1;
	if(scrollable == true) {
		scrollable = false;
		if (dir == '+') { 
			$('#arrowprevimg').show();
				xscroll =  xpos - 672;
				if (xscroll <= xmax + 672){
					xscroll = xmax + 672;
					$('#arrowmoreimg').fadeOut('350');
					//$('#arrowmoreimg').fade({ duration: .35, from: 1, to: 0 });
				}
				$('#gallerythumbs').animate(
					{ 
						left: xscroll + "px",
						top: 0
					}, 500, function(){
						scrollable = true;		
					});
			} else {
				scrollable = false;
				$('#arrowmoreimg').show();
				xscroll = xpos + 672;
				if (xscroll >= xmax){
					xscroll = 0;
					$('#arrowprevimg').fadeOut('350');
				}
				
				$('#gallerythumbs').animate(
					{ 
						left: xscroll + "px",
						top: 0
					}, 500, function(){
						scrollable = true;		
					});
			}
		}
	}

function showHero(id){
	if(activeId != id) {
		$('#galleryloader').css('display','block');
		//$('#galleryimg').css('display','none');
		if(activeId == '') {
			activeId = $('#activediv').html();
			activeImage = 'thumbimage'+activeId;
		}
		curImage = $('#thumbimage'+id).attr('src');
		
		heroImage = curImage.replace("/th","");
		heroAlt = $('#thumbimage'+id).attr('alt');
		
		var galImg = new Image();
		$(galImg).load(function(){
			//alert('image loaded');
			$('#galleryloader').css('display','none');
			$('#galleryimg').attr('src',this.src);
			$('#galleryimg').attr('alt',heroAlt);
			$('#galleryimg').attr('title',heroAlt);
			$('#gallerycover').attr('alt',heroAlt);
			$('#gallerycover').attr('title',heroAlt);
			$('#gallerydesc').html($('#deschidden'+id).html());
		}).attr('src',heroImage);
		$('#'+activeImage).removeClass('active');
		$('#thumbimage'+id).addClass('active');
		//Set this to the current id for the next one. 
		activeId = id;
		activeImage = 'thumbimage'+id;
	}
}

function nextHero(id) {
	lastId = $('#lastimage').html();
	xpos = $('#gallerythumbs').css('left');
	xpos = xpos.replace(/px/,"");
	xpos = parseFloat(xpos);
	xOffset = xpos - 56;
	xmax = lastId * 56;
	xmax  = xmax * -1;
	xmax = xmax + 672;
	//alert (xmax);
	maxId = lastId  - 12;
	if(scrollable == true) {
		scrollable = false;
		if(activeId == '') { 
			nextId = id + 1;
		} else { 
			nextId = activeId + 1;
		}
		if (nextId > lastId) { 
			if(lastId > 12){
				$('#arrowmoreimg').show();
			}
			
			$('#gallerythumbs').animate(
					{ 
						left: "0px",
						top: 0
					}, 500, function(){
						scrollable = true;		
					});
			$('#arrowprevimg').fadeOut('350');
			showHero(1);
		} else if(nextId <= lastId) { 
			showHero(nextId);
			if ((nextId > 12) && (xpos > xmax)) { 
				$('#arrowprevimg').show();
				$('#gallerythumbs').animate(
					{ 
						left: xOffset + "px",
						top: 0
					}, 500, function(){
						scrollable = true;		
					});
			} else { 
				scrollable = true;
			}
		} else { 
			scrollable = true;
		}
	}
}

/*Equipment Landing page read more functionality*/

var landMoreHTML = ' <a href="#" onclick="landReadMore(); return false;" class="readmore">Read More &raquo;</a>';
var landLessHTML = ' <a href="#" onclick="landReadLess(); return false;" class="readmore">&laquo; Read Less</a>';

var landReadLess = function(){
	$('a.readmore').remove();
	var landingCopy = $('#landingcopy').html();
	//var copyLength = landingCopy.length;
	landingCopySplit = landingCopy.split('</p>');
	if (landingCopySplit.length > 1) { 
		$('#landingcopy').before('<div id="landingcopyshort" class="landingcopy"></div>');
		$('#landingcopyshort').html(landingCopySplit[0]);
		$('#landingcopy').hide();
		$('#landingcopyshort p:last').append(landMoreHTML);
	}
}

var landReadMore = function(){
	$('#landingcopyshort').remove();
	$('#landingcopy').show();
	$('#landingcopy p:last').append(landLessHTML);
}