function imgNavResize(mode,ih,iw){
		var win_height=0;
		var win_width=0;
	  	var textNavFont=20;		
		var textNavHeight=0;	  	
	  	var textNavWidth=220; 
		var docMargin=20;
		var footer_height=40;
		var header_height=120;
		var header_font=64;		
		var max_cwidth=1380;
		var max_cheight=840;
		var cratio=max_cwidth / max_cheight;
		var project_counter = {
			fontSize:'1.6em',
			arrows_height: 57,
			arrows_width: 33
		};
	  	var layout_elements = {
	  		nav_bar_container: $("#txtNav"),
	  		nav_bar_parent: $("#txtNav ul"),
	  		project_arrows: $("#project_ctrls img")
	  	};
	  	
		if(!window.innerWidth) {	//strict mode IE
			if(!(document.documentElement.clientWidth == 0)){
				win_width = document.documentElement.clientWidth;
				win_height = document.documentElement.clientHeight;
			} 	else { //quirks mode IE
				win_width = document.body.clientWidth;
				win_height = document.body.clientHeight;
			}
		}	else { //w3c
			win_width = window.innerWidth;
			win_height = window.innerHeight;
		}		

		var container_height=win_height-header_height-footer_height-20-20-20; // 20 doc top margin 20 container top 20 container bottom
		var container_width=win_width-textNavWidth-60;
		var $nav_bar_items = layout_elements.nav_bar_parent.children();
		$nav_bar_items.removeClass('size_80');		
		if(win_width < 1300 || win_height < 800) {
			$nav_bar_items.addClass('size_80');
			textNavWidth=textNavWidth * 0.8;
			header_height=header_height * 0.8;
			header_font=header_font  * 0.8;				
			textNavFont=textNavFont * 0.8;
			project_counter.fontSize = '1.45em';
			project_counter.arrows_height*=0.8;
			project_counter.arrows_width*=0.8;				
		}
		if(mode=="landing"){ //landing page resize
			var img_space_h=28; // 10 px on all but last r margin
			var img_space_v=30; // 20 pixels top container margin and 10 bottom img margin
			var img_width=450;
			var img_height=840;
			var img_ratio=840/450; //image ratio
			var new_container_width = 0;
						
			if(container_width >= max_cwidth && container_height >=max_cheight){
				container_width=max_cwidth;
				container_height=max_cheight;
			} else {
					new_container_width=((container_height/img_ratio)*3)+img_space_h;
					if(new_container_width > container_width){
						container_height=((container_width-img_space_h)/3)*img_ratio;
					} else if(new_container_width <= container_width){
						container_width=((container_height/img_ratio)*3)+img_space_h;
					}
			}
			img_height=container_height;
			img_width=img_height/img_ratio;
			$("#imgnav").css({width:container_width});
			$("#imgnav img").attr({height:img_height, width: img_width});
		} else if(mode=="thumbs"){
			var max_twidth=268; // original / max thumb width
			var max_theight=160; // original / max thumb height
			var tratio=max_twidth / max_theight; // thumb image ratio
			var tspacing=40; // 4 columns x 10 pixels between each of them
			var rows=5;
			var cols=5;
			var new_container_width = 0;
//			max_cheight=(max_theight*rows)+tspacing*1;
//			max_cwidth=(max_twidth*cols)+tspacing*1;
			if(container_width >= max_cwidth && container_height >=max_cheight){
				container_width=max_cwidth;
				container_height=max_cheight;
				twidth=max_twidth;
				theight=max_theight;
			} else 	if(container_height < max_cheight && container_width >= max_cwidth){
					theight=(container_height - tspacing)/5;
					twidth=theight*tratio;
					container_width=(twidth*5)+tspacing;
			} else 	if(container_height > max_cheight && container_width < max_cwidth){
					twidth=(container_width - tspacing)/5;
					theight=twidth/tratio;
					container_height=max_cheight;					
			} 
			else{  // both w and h are less than max
					theight=(container_height - tspacing)/5;
					twidth=theight*tratio;
					new_container_width=(twidth*5)+tspacing;
					if(new_container_width > container_width){
						twidth=(container_width-tspacing)/5;
						theight=twidth/tratio;
						container_height=(theight*5)+tspacing;
					} else if(new_container_width <= container_width){
						theight=(container_height - tspacing)/5;
						twidth=theight*tratio;
						container_width=(twidth*5)+tspacing;						
					}
			}
			$("#imgnav li").css({height:theight});			
			$("#imgnav").css({width:container_width});
			$("#imgnav img").attr({width:twidth,height:theight});
		} else if(mode=="project"){
			var img_width = iw, 
				  img_height = ih;
			var img_ratio = img_width / img_height;
			var new_container_width = 0;
			if(container_width >= max_cwidth && container_height >=max_cheight){
				container_width=max_cwidth;
				container_height=max_cheight;
			} else {
					new_container_width=container_height*cratio;
					if(new_container_width > container_width){
						container_height=container_width/cratio;
					} else if(new_container_width <= container_width){
						container_width=container_height*cratio;
					}
			}
			img_height=container_height;			
			img_width=img_height*img_ratio;
			var clients_img = {
				el: $("#imgnav .jw_clients_imgmap"),
				n_height: 0,
				n_width: 0,
				o_height: 260,
				o_width: 900,
				ratio: 900 / 260
			};
		
			clients_img.n_width = clients_img.o_width;
			clients_img.n_height  = clients_img.n_width / clients_img.ratio;
			
			$("#imgnav").css({width:container_width});
			$("#imgnav .pDetail").css({height:img_height});			
			$("#imgnav .pDetail img").attr({height:img_height, width: img_width});
//			if(clients_img.el.length){
//				clients_img.el.attr({height:clients_img.n_height,width:clients_img.n_width});
//			}
			layout_elements.project_arrows.attr({height: project_counter.arrows_height,width:project_counter.arrows_width});
			if($("#imgnav .video_player").length){
				var vm_player = {
					height: 720,
					width: 1200,
					ratio: $('#imgnav .video_player').attr('id').split("-")[1],
					desc_height: 100,
					container_height: 820 // 720 + 100
				};
				var min_vm_player_cheight=720+100; // where 100 is the height of the description container
				var vm_player_cheight=(container_height > vm_player.container_height) ? vm_player.container_height : container_height;
				var vm_player_cwidth=(container_width > vm_player.width) ? vm_player.width : container_width;
				var vm_player_height=vm_player_cheight - vm_player.desc_height;
				var vm_player_width = vm_player_height * vm_player.ratio;
				$("#imgnav .video_player").css({height:vm_player_cheight, width: vm_player_cwidth});
				$("#imgnav .video_player #vm_player").attr({height:vm_player_height,width:vm_player_width});
			}
		
		} else if(mode=="general"){  //about, clients, contact pages
			if(container_width >= max_cwidth)	container_width=max_cwidth;
			if(container_height >=max_cheight)	 container_height=max_cheight;
			if($("#imgClients").length){
				var clients_image=$("#imgClients").attr('class').split("-");
				var imgInfo={
					width: clients_image[1],
					height: clients_image[3]
				}
				var clientsImgWidth=(imgInfo.width < container_width) ? imgInfo.width : container_width;
				var clientsImgRatio = imgInfo.width / imgInfo.height;
				var clientsImgHeight=clientsImgWidth /clientsImgRatio;
				$("#imgClients").attr({width: clientsImgWidth, height: clientsImgHeight});
			}
			$("#imgnav").css({width:container_width});
		}
		else if(mode=="blog"){
			max_cwidth=1380;
			max_cheight=win_height;
			if(container_width >= max_cwidth)	container_width=max_cwidth;
			if(container_height >=max_cheight)	 container_height=max_cheight;
			$("#imgnav").css({width:container_width});		
		}
		//General resizing values
		siteWidth=container_width+textNavWidth+20;//win_width-docMargin_lr;
		docMargin_lr=(win_width-siteWidth-20) / 2;
		if(docMargin_lr < 20) docMargin_lr=20;
		siteHeight=container_height+140;
		textNavHeight=container_height+20; // text navigation bar
		$(".col1").css({width:siteWidth});			
		$("#txtNav").css({height:textNavHeight,width:textNavWidth,'font-size':textNavFont+'pt'});
		$(".colmask").css({width:win_width-docMargin_lr, margin:docMargin,'margin-left':docMargin_lr,'margin-bottom':0,'margin-right':docMargin_lr});
		$("#branding").css({height:(header_height-1), 'font-size':header_font+'pt'});		
		return false;
	}