// List image names without extension
var myImg= new Array()
  myImg[0]= "mailerimage_01";
  myImg[1]= "mailerimage_02";
 
// Tell browser where to find the image
myImgSrc = "images/index.html";

// Tell browser the type of file
myImgEnd = ".jpg"

var i = 0;

// Create function to load image
function loadImg(){
  $('imgSrc').src = myImgSrc + myImg[i] + myImgEnd;
}

// Create link function to switch image backward
function img_prev(){
  if(i<1){
    var l = i
  } else {
    var l = i-=1;
  }
  $('imgSrc').src = myImgSrc + myImg[l] + myImgEnd;
  $('imgSrcLighbox').href = myImgSrc + myImg[l] + '_big' + myImgEnd;
}

// Create link function to switch image forward
function img_next(){
  if(i>=myImg.length-1){
    var l = i
  } else {
    var l = i+=1;
  }
  $('imgSrc').src = myImgSrc + myImg[l] + myImgEnd;
  $('imgSrcLighbox').href = myImgSrc + myImg[l] + '_big' + myImgEnd;
}

// Load function after page loads
// required where?
// window.onload=loadImg;

	function ShowHide(id, visibility) 
		{	 
    	obj = document.getElementsByTagName("div"); 
    	obj[id].style.visibility = visibility; 
		}	
								
	function ShowPopup(hoveritem) 
	{ 
	hp = document.getElementById("hoverpopup"); 
	
	// Set position of hover-over popup 
	hp.style.top = hoveritem.offsetTop + 20; 
	hp.style.left = hoveritem.offsetLeft + 0; 
	
	// Set popup to visible 
	hp.style.visibility = "Visible"; 
	} 
	
	function HidePopup() 
	{ 
	hp = document.getElementById("hoverpopup"); 
	hp.style.visibility = "Hidden"; 
	} 

				
	var scrolling = null; 
	var scrolling_ltr = null; 
  
    function scroll_right(obj) { 
        var d = document.getElementById(obj); 
        d.scrollLeft = d.scrollLeft + 10; 
        scrolling = window.setTimeout(function() { 
            scroll_right(obj); 
        }, 100); 
    } 
  
    function scroll_left(obj) { 
        var d = document.getElementById(obj); 
        d.scrollLeft = d.scrollLeft - 10; 
        scrolling = window.setTimeout(function() { 
            scroll_left(obj); 
        }, 100); 
    } 
  
    function scroll_up(obj) { 
        var d = document.getElementById(obj); 
        d.scrollTop = d.scrollTop - 20; 
        scrolling = window.setTimeout(function() { 
            scroll_up(obj); 
        }, 100); 
    } 
  
    function scroll_down(obj) { 
        var d = document.getElementById(obj); 
        d.scrollTop = d.scrollTop + 20; 
        scrolling = window.setTimeout(function() { 
            scroll_down(obj); 
        }, 100); 
    } 
  
    function stop_scroll(obj) { 
        window.clearTimeout(scrolling); 
        window.clearTimeout(scrolling_ltr); 
    }
	

	function image_type(img)
	{
		if (-1 != img.src.indexOf('.gif'))
			img.src = img.src.replace(/\.gif/, "_over.gif");
		if (-1 != img.src.indexOf('.jpg'))
			img.src = img.src.replace(/\.jpg/, "_over.jpg");
		if (-1 != img.src.indexOf('.png'))
			img.src = img.src.replace(/\.png/, "_over.png");
		if (-1 != img.src.indexOf('.jpeg'))
			img.src = img.src.replace(/\.jpeg/, "_over.jpeg");
	}
	
		function navon(img)
		{ 
			if(img.longdesc != "on")
			{				
				if (-1 != img.src.indexOf('.gif'))
					img.src = img.src.replace(/\.gif/, "_over.gif");
				if (-1 != img.src.indexOf('.jpg'))
					img.src = img.src.replace(/\.jpg/, "_over.jpg");
				if (-1 != img.src.indexOf('.png'))
					img.src = img.src.replace(/\.png/, "_over.png");
				if (-1 != img.src.indexOf('.jpeg'))
					img.src = img.src.replace(/\.jpeg/, "_over.jpeg");
			}
		}
		
		function navoff(img)
		{ 
			if(img.longdesc != "on")
			{		
				if (-1 != img.src.indexOf('.gif'))
					img.src = img.src.replace(/\_over.gif/, ".gif");
				if (-1 != img.src.indexOf('_over.html'))
					img.src = img.src.replace(/\_over.jpg/, ".jpg");
				if (-1 != img.src.indexOf('http://bells.staging.brandhouse.co.za/_over.png'))
					img.src = img.src.replace(/\_over.png/, ".png");
				if (-1 != img.src.indexOf('http://bells.staging.brandhouse.co.za/_over.jpeg'))
					img.src = img.src.replace(/\_over.jpeg/, ".jpeg");
			}
		}

		function navActive(img)
			{ 
			var tag	= document.getElementById('navrow').getElementsByTagName('img');
			for (var i=0; i	< tag.length; i++) {
				if (-1 != tag[i].src.indexOf('.gif'))
					tag[i].src = tag[i].src.replace(/\_over.gif/, ".gif");
				if (-1 != tag[i].src.indexOf('http://bells.staging.brandhouse.co.za/_over.jpg'))
					tag[i].src = tag[i].src.replace(/\_over.jpg/, ".jpg");
				if (-1 != tag[i].src.indexOf('http://bells.staging.brandhouse.co.za/_over.png'))
					tag[i].src = tag[i].src.replace(/\_over.png/, ".png");
				if (-1 != tag[i].src.indexOf('http://bells.staging.brandhouse.co.za/_over.jpeg'))
					tag[i].src = tag[i].src.replace(/\_over.jpeg/, ".jpeg");
				tag[i].longdesc = "off";
			}		
			if (-1 != img.src.indexOf('.gif'))
				img.src = img.src.replace(/\.gif/, "_over.gif");
			if (-1 != img.src.indexOf('.jpg'))
				img.src = img.src.replace(/\.jpg/, "_over.jpg");
			if (-1 != img.src.indexOf('.png'))
				img.src = img.src.replace(/\.png/, "_over.png");
			if (-1 != img.src.indexOf('.jpeg'))
				img.src = img.src.replace(/\.jpeg/, "_over.jpeg");
			img.longdesc = "on";
			}
			
		
		
		
// ---- added for autoTab

function autoTab(obj, default_value) {
    if(obj.value != default_value && obj.value.length == obj.getAttribute("maxlength")) {
            new Field.activate(findNextElement(obj.getAttribute("tabindex")));
        }
}

function findNextElement(index) {
    elements = new Form.getElements('frm');
    for(i = 0; i < elements.length; i++) {
        element = elements[i];
        if(parseInt(element.getAttribute("tabindex")) == (parseInt(index) + 1)) {
            return element;
        }
    }
    return elements[0];
}

function hideAll(elements)
{
	for (x = 0; x < elements.length; x++) {
		elements[x].hide();
	}

}

function showGallery(gallery_id)
{
	var elements = $$('#gallery_content .gallery_holder');	
	hideAll(elements);
	$(gallery_id).show();
}

function initGallery()
{
	var elements = $$('#gallery_content .gallery_holder');	
	hideAll(elements);

	elements[0].show();

}