var imgItemArr = new Array();

var stageWidth = 0;

var currentSlide = 1;

	function isIE() {
		
	    if (navigator.appName.indexOf("Microsoft") != -1) {
	        return 1;
	    }else{
	    	return 0;
	    }
	    
	}
	
	
	
Event.observe(window, 'load', function() {	fixStageforIE()	}, false);
	
		
function fixStageforIE (){



	imgItemArr = null;
	imgItemArr = new Array();
	// clear elements collection array
	
	var stageElements = $('bodyContent');
	// var stageElements = document.getElementById('bodyContent');
	
	if (!stageElements){
		// alert(' no stage elements ');
	}
	
	var requiredStageWidth = 0;
	// add usable content types
	if (!stageElements){
		return;
	}
	var x1 = stageElements.getElementsByClassName('xmAdm_warn');
			for (var i = 0; i < x1.length; i++){
				var item = x1[i];
				
				// add item to objects list
				imgItemArr.push(item);
				
				var width = item.clientWidth;
				
				if (width > 0){
					requiredStageWidth += width;
				}
			}
			// var trace ='';
	var x2 = stageElements.getElementsByClassName('cnText');
			for (var i = 0; i < x2.length; i++){
				var item = x2[i];
				
				// add item to objects list
				imgItemArr.push(item);
				
				var width = item.clientWidth;
				
				if (width > 0){
					requiredStageWidth += width;
				//	trace += width + ' > \n' ;
				}
			}
			
	var x5 = stageElements.getElementsByClassName('cnPhoto');
			for (var i = 0; i < x5.length; i++){
				var item = x5[i];
				
				// add item to objects list
				imgItemArr.push(item);
				
				var width = item.clientWidth;
				
				if (width > 0){
					requiredStageWidth += width;
				//	trace += width + ' > \n' ;
				}
			}
			
			//alert(trace);
	var x3 = stageElements.getElementsByClassName('cnImgColl');
			for (var i = 0; i < x3.length; i++){
				var item = x3[i];
				// dont add item to the arry
						var x3sub = item.getElementsByClassName('slideShow-thumb');
							var thumb_width = 0;
							for (var i = 0; i < x3sub.length; i++){
								var it = x3sub[i];
												
								// add item to objects list
								imgItemArr.push(it);
								
								
								var width = it.clientWidth;
								
								if (width > 0){
									thumb_width += width;
								}
							}
						item.style.width = thumb_width;	
							
				var width = item.clientWidth;
				
				if (width > 0){
					requiredStageWidth += width;
				}
			}

	if (undefined == x1){
		alert ('error x1');
	}
	// calculate the width of all the elements in het box

	
	stageElements.style.width = requiredStageWidth;//  + 12;
	
	stageWidth = requiredStageWidth;//  + 12;
	
	
}



function stepscroller(direction){
	
	/**
	call the positioning script again for late photos
	*/
	fixStageforIE();
	
	/**
	
	SET NEW SLIDE TO DISPLAY
	
	*/
	switch (direction){
	
		case 'next':
			currentSlide += 1;
			
			if (currentSlide >= (imgItemArr.length -1)){
				currentSlide = (imgItemArr.length -1);
			}
			break;
		
		default:
		case 'prev':
			currentSlide -= 1;
			if (currentSlide <= 1 ){
				currentSlide = 1;
			}
		
			break;
	
	}
	
	var bodyContent = $('bodyContent');
	
	
	var trace = '';
	
	if (0 >= imgItemArr.length){
		alert(' no item in array' + imgItemArr.length);
		return;
	}
	
	var new_x = 0;
	
	var offset_x = 0; // imgItemArr[0].clientWidth;
	// calculate offset
	for(var i = 0; i < imgItemArr.length; i++){
		var item = imgItemArr[i];
		
		var width = item.clientWidth;

		/**
		attach action for zoom  image
		
		*/
		item.onmousedown = function (){
			//alert('hellow' + this.getElementsByTagName('img'));
		}
		
		if (i >= currentSlide){
			// dont count add to ofset any more
			break;
		}
		new_x = (new_x - width);
		
	}

	bodyContent.style.left = new_x + offset_x; 
	
}

function getStyle(el,styleProp)
{
	/// var x = document.getElementById(el);
	var x = el;
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}