// JavaScript Document



function reStr(){
	
	var ww = ($(window).width());
	

	var per = Math.round(ww/192);
	
	//document.getElementById('info').innerHTML = "halla:";
	var denne = 192;
	//document.getElementById('info').innerHTML = "halla1:";
	var scale = 1.2;
	
	
	
	//7document.getElementById('info').innerHTML = "halla1,4:";
	var wh = denne*scale;
	//document.getElementById('info').innerHTML = "halla2:";
	//document.getElementById('info').innerHTML = "per: "+per+"<br/>denne: "+denne+"<br/>scale: "+scale+"<br/>wh: "+wh;
	
	
	//var topp = nummer * denne;
	 //$('.boksen').css('width',denne);
	 //$('.boksen').css('height',wh);
	 /*
	 $('document').find('.boksen').animate({
		 width: denne,
		 height: wh
	 },500, function(){});
	 */
	 var $alle = $('.boksen');
	 //alert($alle.length);
	 for(i = 0; i<$alle.length; i++){
		 
		var itm = $('.boksen')[i];
		if ($(itm).attr('active') == "false" ) {
		
			$(itm).animate({
				width: denne,
				height: wh
			},50, function(){});
			
			
		}else{
			$(itm).animate({
				width: (denne*2)+4,
    			height: (wh*2)+4,
			},50, function(){});
			
		}
		
		 
	 }
	 
	 
	 
	// $('.boksen').css('left',denne*$('boksen').attr('nummer'));
	
}





function expand(obj) {
	
	//var ww = ($(window).width());
	
	
	//var per = Math.round(ww/192);
	
	
	//var denne = (ww-(per*4))/per;
	var denne = 192;
	var scale = 1.2;
	
	
	var nummer = $(obj).attr('nummer');
	
	var wh = denne*scale;
	//if (!resized) return;
	
	if ($(obj).attr('active') == "false" ) {
		
		$(obj).animate({
		width: 390,
    	height: 464,
		}, 500, function() {
    // Animation complete.
		});
		$(obj).attr('active',"true");
		//var baseimgsrc = $(obj).find("img.bilde").attr("src").substring(8);
		var nummer= $(obj).attr('nummer');
		
			$(obj).find('.bilde').css("display", "none");
			$(obj).find('.bildeMin').css("display", "none");
			
			$(obj).append('<iframe src="hentObj.php?type='+nummer+'" class="iframe"></iframe><img src="img/close.jpg" height="39" width="39" class="closebtn">');
			//$('<img />').remove();	
			
		
		
	}else{
		$(obj).animate({
		width: 192,
    	height: 230,
	
  		}, 500, function() {
    // Animation complete.
  		});
		$(obj).attr('active',"false");
		
		//var baseimgsrc = $(obj).find("img.bilde").attr("src").substring(8);
		//if(baseimgsrc == 'leting.jpg'){
			$(obj).find('.iframe').remove();
			$(obj).find('.bilde').css("display", "");
			$(obj).find('.bildeMin').css("display", "");
			$(obj).find('.closebtn').remove();
			
		
		
	}

}

function expandNr(objNr) {
	var obj = $(document).find(objNr);
	var ww = ($(window).width());
	
	
	var per = Math.round(ww/192);
	
	var denne = (ww-(per*4))/per;
	var scale = 1.2;
	
	
	var nummer = $(obj).attr('nummer');
	
	var wh = denne*scale;
	//if (!resized) return;
	
	if ($(obj).attr('active') == "false" ) {
		
		$(obj).animate({
		width: (denne*2)+4,
    	height: (wh*2)+4,
		}, 500, function() {
    // Animation complete.
		});
		$(obj).attr('active',"true");
		//var baseimgsrc = $(obj).find("img.bilde").attr("src").substring(8);
		var nummer= $(obj).attr('nummer');
		
			$(obj).find('.bilde').css("display", "none");
			$(obj).find('.bildeMin').css("display", "none");
			
			$(obj).append('<iframe src="hentObj.php?type='+nummer+'" class="iframe"></iframe><img src="img/close.jpg" height="39" width="39" class="closebtn">');
			//$('<img />').remove();	
			
		
		
	}else{
		$(obj).animate({
		width: denne,
    	height: wh,
	
  		}, 500, function() {
    // Animation complete.
  		});
		$(obj).attr('active',"false");
		
		//var baseimgsrc = $(obj).find("img.bilde").attr("src").substring(8);
		//if(baseimgsrc == 'leting.jpg'){
			$(obj).find('.iframe').remove();
			$(obj).find('.bilde').css("display", "");
			$(obj).find('.bildeMin').css("display", "");
			$(obj).find('.closebtn').remove();
			
		
		
	}

}