// JavaScript Document
// JavaScript Document
var currMainW = 0;
var prevWorksW = 0;
var prevOfficeW = 0;
var prevNewsW = 0;
var minimumW = 200;
var mouseX = 0;
var maxFrameWidth = Math.floor(currMainW- (minimumW*2));
var worksResizeTimer;
var globalScale = 1;
var worksImgs = [];

function prepareImageArray() {
	$("#worksContent").find("img").each(function(){	worksImgs.push([$(this), $(this).width(), $(this).height()]); });
}
window.onload = prepareImageArray; 

$(document).ready(function() {	
	if($(window).width() >= 885){ currMainW = $(window).width(); }else{ currMainW = 885; }
	$(document).mousemove(function(e){ mouseX = e.pageX; }); 
	$("#worksContent").height($(window).height() - $("#worksContent").position().top - 50 + "px");	
	$("#officeContent").height($(window).height() - $("#officeContent").position().top - 70 + "px");
	$("#newsContent").height($(window).height() - $("#newsContent").position().top - 70 + "px");	
	$("#worksFrame").width(($("#officeFrame").offset().left));				
	$("#officeFrame").width(($("#newsFrame").offset().left-$("#officeFrame").offset().left));		
	$("#newsFrame").width((currMainW-$("#newsFrame").offset().left));
	$('#worksFrame').resizable({ handles: 'e', minWidth: minimumW, maxWidth: maxFrameWidth, containment: 'document', resize: function(event, ui){onWorksMove();} });
	$('#officeFrame').resizable({ handles: 'e', minWidth: minimumW, maxWidth: maxFrameWidth, containment: 'document', resize: function(event, ui){onOfficeMove();} });		
	setGlobalVars();
	onResize();
	$(window).resize(onResize);
});

function onWorksResize(){
	var contPrevScale = $("#worksContent").width() / 450;
	if(contPrevScale > 1){ contPrevScale = 1;}	
	for(var i=0, im=worksImgs.length; im>i; i++){
		worksImgs[i][0].width((worksImgs[i][1] * contPrevScale)+5);
		worksImgs[i][0].height((worksImgs[i][2] * contPrevScale)+5);	
		if(worksImgs[i][0].width()>worksImgs[i][1]){worksImgs[i][0].width(worksImgs[i][1]);}
		if(worksImgs[i][0].height()>worksImgs[i][2]){worksImgs[i][0].height(worksImgs[i][2]);}
	}
}

function onWorksMove(){			
	$("#worksFrame").resizable( "option", "maxWidth", Math.floor(currMainW-minimumW*2) );	
	if(Math.floor( prevOfficeW - ($('#worksFrame').width()-prevWorksW)) > minimumW){
		$('#officeFrame').width( Math.floor( prevOfficeW - ($('#worksFrame').width()-prevWorksW)) ) ;
	}else{ $('#officeFrame').width(minimumW); }
	$("#newsFrame").width((currMainW-$("#officeFrame").offset().left-$('#officeFrame').width()));
	if($("#newsFrame").width() < minimumW){$("#newsFrame").width(minimumW)} 
	onWorksResize();
	setGlobalVars();
}

function onOfficeMove(){	
	if($("#officeFrame").width() > maxFrameWidth){
		$( "#officeFrame" ).resizable( { disabled: true } );
		$("#officeFrame").width(maxFrameWidth);
		$("#newsFrame").width(minimumW);
		//$( "#officeFrame" ).resizable( { disabled: false } );
	}else if($("#officeFrame").width() < maxFrameWidth){
		$("#officeFrame").resizable( "option", "maxWidth", maxFrameWidth);	
		var newNewsW = Math.floor(currMainW-$("#officeFrame").offset().left-$('#officeFrame').width());	
		if($('#officeFrame').width() < minimumW+2){
			if(mouseX - minimumW > minimumW && prevWorksW != minimumW)$('#worksFrame').width(Math.floor(mouseX - minimumW));
			else{ $('#worksFrame').width(minimumW); }
			$('#officeFrame').width(minimumW);
		}
		
		//if(prevWorksW < $('#worksFrame').width() && mouseX > Math.floor(minimumW*2) && Math.floor(mouseX-minimumW) < maxFrameWidth ){ $('#officeFrame').width(Math.floor(mouseX-minimumW)); }
		if($('#officeFrame').width()>=maxFrameWidth){$('#officeFrame').width(maxFrameWidth)}	
		$("#newsFrame").width(Math.floor(currMainW-$("#officeFrame").offset().left-$('#officeFrame').width()));
	}
	$("#officeFrame").resizable( "option", "maxWidth", Math.floor(currMainW-$("#officeFrame").offset().left-minimumW)-10 );
	onWorksResize();
	setGlobalVars();
}

function setGlobalVars(){		
	prevWorksW = Math.floor($('#worksFrame').width());
	prevOfficeW = Math.floor($('#officeFrame').width());
	prevNewsW = Math.floor($('#newsFrame').width());
	maxFrameWidth = Math.floor(currMainW- (minimumW*2));
}

function onResize(){	
	var tempW = 0;
	if($(window).width() >= 885){ 
		if(currMainW != $(window).width()){ globalScale = $(window).width()/currMainW;}
		tempW = $(window).width();
	}else{ 
		if(currMainW != 885){ globalScale = 885/currMainW;}
		tempW = 885;
	}		
	
	var newWorkW = prevWorksW * globalScale;
	if(newWorkW <= minimumW){ $('#worksFrame').width(minimumW);
	}else{ $("#worksFrame").width( Math.floor(newWorkW) );}	
	var newOfficeW = $('#officeFrame').width() * globalScale;
	var newNewsW = $('#newsFrame').width() * globalScale;	
				
	if(newOfficeW <= minimumW){ $('#officeFrame').width(minimumW);
	}else{ $("#officeFrame").width( Math.floor(newOfficeW) );}	
	
	$("#newsFrame").width(Math.floor(tempW-$("#worksFrame").width()-$('#officeFrame').width())-50);
	
	currMainW = tempW;
	onWorksResize();
	
	$("#worksContent").height($(window).height() - $("#worksContent").position().top - 50 + "px");	
	$("#officeContent").height($(window).height() - $("#officeContent").position().top - 70 + "px");
	$("#newsContent").height($(window).height() - $("#newsContent").position().top - 70 + "px");
	
	setGlobalVars();
}

function expandSection(frm){	
	var worksNewW = minimumW;
	var officeNewW = minimumW;
	var newsNewW = minimumW-50;
	if(frm == 'works'){	worksNewW = Math.floor(currMainW - (minimumW*2)); }
	else if(frm == 'office'){ officeNewW = Math.floor(currMainW - (minimumW*2)); }
	else if(frm == 'news'){	newsNewW = Math.floor(currMainW - (minimumW*2))-50; }
		
	worksResizeTimer = setInterval ( "onWorksResize()", 1 );
	
	$('#newsFrame').animate({ width: newsNewW+'px'}, 500);
	$('#officeFrame').animate({ width: (officeNewW)+'px' }, 500);
	$('#worksFrame').animate({ width: (worksNewW)+'px' }, 500, function()
	{ 
		clearInterval(worksResizeTimer); 
		//onWorksResize();
		$('#newsFrame').width($('#newsFrame').width()+50); 
		setGlobalVars();  
	});
}

function swapImage(el){
}