var counter = 0;
var ow = 0;
var oh = 0;
var ow2 = 0;
var oh2 = 0;

function change_sizes(loop){
	if( loop != 0 ){
		if( loop > 100 ){
			loop = 100;
		}
		if( loop < -100 ){
			loop = -100;
		}
		if( loop >= 0 ){
		   for(var i = 0; i < loop; i++){
				grow();
		   }
		}
		else{
		   var loops = loop * (-1);
		   for(var i = 0; i < loops; i++){
				shrink();
		   }
		}
	}
   set_size_url(loop, 'linkpicture1');
   set_size_url(loop, 'linkpicture2');
}
function shrink(){

    var i = document.getElementById('picture1');
    var w = i.width;
    var h = i.height;
    if( h > 60 && w > 60 ){
      counter--;
      i.width = w - 20;
      i.height = Math.round( (h/w)*(w - 20) );    
	  var t = document.getElementById('photos');
	  t.width -= 25;
    }
    var i = document.getElementById('picture2');
    var w = i.width;
    var h = i.height;
   if( h > 60 && w > 60 ){
    i.width = w - 20;
    i.height = Math.round( (h/w)*(w - 20) );    
   }
   set_size_url(counter, 'linkpicture1');
   set_size_url(counter, 'linkpicture2');
 }

 function grow(){
    counter++;
    var i = document.getElementById('picture1');
    var w = i.width;
    var h = i.height;
    
    i.width = w + 20;
    i.height = Math.round(  (h/w)*(w + 20)  );

	var t = document.getElementById('photos');
	t.width += 25;
	
    var j = document.getElementById('picture2');
    var w = j.width;
    var h = j.height;
    j.width = w + 20;
    j.height = Math.round(  (h/w)*(w + 20)  );
   set_size_url(counter, 'linkpicture1');
   set_size_url(counter, 'linkpicture2');
 }
 function reset_image_sizes(){
   counter = 0;
   var pic = new Image();
   pic.src = document.getElementById('picture1').src;
   
   var i = document.getElementById('picture1');
   i.width = pic.width;
   i.height = pic.height;
   
   var pic2 = new Image();
   pic2.src = document.getElementById('picture2').src;
   
   var j = document.getElementById('picture2');
   j.width = pic2.width;
   j.height = pic2.height;
   set_size_url(counter, 'linkpicture1');
   set_size_url(counter, 'linkpicture2');
 }
 function set_size_url(size, id){
	if(size > 20){
		size = 20;
	}
	else if( size < -20 ){
		size = -20;
	}
	var url = document.getElementById(id);
	var href = url.href;
	var part = "&isl=" + size + "#photos";
	var pos = href.search(/\&isl=/);
	if( pos == -1  ){
		url.href = href.substr(0, href.length - 7) + part;
	}
	else{
		url.href = href.substr(0, pos) + part;
	}
	/*
	var url = document.getElementById(id);
	var href = url.href;
	if( size == 0 ){
		href.replace(/\&isl\=\w*\#photos/,"#photos");
		href.replace(/\&isl\=\w*\&/,"&");
		url.href = href;
	}
	else{
	    if( href.search(/\&isl=/) != -1 ){
			href.replace(/\&isl\=\w*\#photos/,"&isl=" + size + "#photos");
			href.replace(/\&isl\=\w*\&/,"&isl=" + size +"&");
			alert('in part a HREF: ' + href);
		}
		else{
		    var hr = href.split("/");
			var lastbit = hr[hr.length - 1];
			var last = lastbit.split("&");
			lastbit = last[last.length - 1];
		    var urlbit = "&isl=" + size + "#photos";
			lastbit.replace(/photos/, urlbit);
			alert('Last bit: '+ lastbit + "\r\nin part b HREF: " + href + "\r\n and string found?: " + href.search(/photos/) + "\r\n URLBIt: " + urlbit);
		}
		url.href = href;
	}
	*/
 }