function moveClientDetails(){
	detailDivs = $$('#slideContainer .clientDetail');
	var viewSize = Window.getSize();
	for(var i = 0; i < detailDivs.length; i++){		
		detail = detailDivs[i];
		if(detail.id != openDetailID){
			detail.style.left = (viewSize.x - leftOffset + 10) + 'px';
		}
	}
}

function windowResize(){
	calculateContainerWidth();
	moveClientDetails();
}

/*function windowResize(){
	var windowHeight = document.getElementById('site-container').offsetHeight;
	var windowWidth = document.getElementById('site-container').offsetWidth;
	var slideImages = $$('#slideContainer .slideImg');
	var detailImgs = $$('#slideContainer .detailImg');
	detailDivs = $$('#slideContainer .clientDetail');
	//KEEP THE RATIO BETWEEN THESE TWO VALUES AT 1.027! AWESOME! (imageRation * 1.027 = shadowRatio)
	var imageRatio = 0.516;
	//var shadowRatio = 0.529;
	var clientHeightRatio = 0.709;
	var isUnderMinSize = false;
	var isOverMaxSize = false;
	var detail = 0;//placeholder for editing client detail elements
	var detailImg = 0;
	var detailImgDiv = 0;
	//var firstPane = 0;
	
	//determine if we need to cap sizes or not.
	if(isDetailOpen){
		if((windowHeight * clientHeightRatio) > 405){
			isUnderMinSize = false;
			if((windowHeight * clientHeightRatio) > 625){
				isOverMaxSize = true;
			}
		}
		else {
			isUnderMinSize = true;
			isOverMaxSize = false;
		}
	}
	else{
		if((windowHeight * imageRatio) > 300){
			isUnderMinSize = false;
			if((windowHeight * imageRatio) > 457){
				isOverMaxSize = true;
				isUnderMinSize = false;
			}
		}
		else {
			isUnderMinSize = true;
			isOverMaxSize = false;
		}
	}
	
	//adjust heights on all divs/images that appear on the main slideshow
	for(var i = 0; i < slideImages.length; i++){
		var img = slideImages[i];
		if(isOverMaxSize){
			img.style.height = '457px';
		}
		else if(isUnderMinSize){
			img.style.height = '300px';
		}
		else{
			img.style.height = windowHeight * imageRatio + 'px';
		}
	}

	
	//set heights of slide container
	if(isUnderMinSize){
		if(isDetailOpen){
			//set the container height
			document.getElementById('slideContainer').style.height = '405px';
		}
		else{
			//set the container height
			document.getElementById('slideContainer').style.height = '308px';
		}
		
		//adjust heights/widths on client detail pane divs
		for(var i = 0; i < detailDivs.length; i++){
			detail = detailDivs[i];
			detail.style.height = '405px';
		}
		for(var i = 0; i < detailImgs.length; i++){
			detail = detailImgs[i];
			detail.style.height = '405px';
		}
		
	}
	else if(isOverMaxSize){
		if(isDetailOpen){
			document.getElementById('slideContainer').style.height = '638px';
		}
		else{
			document.getElementById('slideContainer').style.height = '465px';
		}
		
		//adjust heights/widths on client detail pane divs
		for(var i = 0; i < detailDivs.length; i++){
			detail = detailDivs[i];
			detail.style.height = '625px';
		}
		for(var i = 0; i < detailImgs.length; i++){
			detail = detailImgs[i];
			detail.style.height = '625px';
		}
	}
	else{//else-dont need to cap sizes
		if(isDetailOpen){
			//set the container height
			document.getElementById('slideContainer').style.height = (windowHeight * clientHeightRatio  + 16)+ 'px';

		}
		else{
			//set the container height
			document.getElementById('slideContainer').style.height = (windowHeight * imageRatio  + 16)+ 'px';
		}
		
		
		//set heights/widths on client detail pane divs	
		for(var i = 0; i < detailDivs.length; i++){
			detail = detailDivs[i];
			detail.setStyle('height', windowHeight * clientHeightRatio);
		}
		for(var i = 0; i < detailImgs.length; i++){
			detail = detailImgs[i];
			detail.setStyle('height', windowHeight * clientHeightRatio);
		}
	}

	//uncoditionally, we need to move all clientdetails to the edge of the screen,
	//moveClientDetails() will NOT move a client detail that is IN VIEW, so dont worry :)
	moveClientDetails();
	calculateContainerWidth();

	//check to see if I need to make the footer invisible/visible
	/*if(windowHeight < 750 || isDetailOpen){
		document.getElementById('footer').style.visibility = 'hidden';
	}
	else{
		document.getElementById('footer').style.visibility = 'visible';
	}
}	*/