function init_scroll(){
var viewportHeight = $('container').getStyle('height').toInt(); 

var contentHeight = $('inner').getStyle('height').toInt();
var offsetContentHeight = contentHeight - viewportHeight + 10;

function scrollB(offset){
	$('inner').style.top=-offset+"px";
}
var mySlide = new Slider($('area'), $('knob'), {	
	steps: offsetContentHeight ,	//scroll
	mode: 'vertical',	
	onChange: function(step){
		scrollB(step);
	}
}).set(0);

}


function chmode(num,type){
  $$('div.cont').each(function(div){div.setStyle('display', 'none')});
  $('cont'+num).setStyle('display', 'block');
  init_scroll();
}

/*
var numSlides;
var currentSlide = 1;

function displaySlide(n) {
//alert(num)
 showSlide(currentSlide, false);
 currentSlide = n;
 showSlide(currentSlide, true);
}
function showSlide(n, display) {
 if(document.getElementById) {
  var slide = document.getElementById("slide"+n).style;
  var slide2 = document.getElementById("slide0").style;
  if(display) {slide2.display = "none";
  			   slide.display = "block";
  }
  else slide.display = "none";
 }else if(document.all){
  var slide=window.document.all.item("slide"+n).style;
  var slide2=window.document.all.item("slide0").style;
  if(display) {slide2.display = "none";
  			   slide.display = "block";
  }
  else slide.display = "none";
 }
}*/

function showImage(num) {
 //displaySlide(num);
 $$('#container div').each(function(item){
 	
	 item.setStyle('display', 'none');
	 
 	//item.setStyles({'height': '0', 'overflow': 'hidden'});
 });	
 
 $("slide"+num).setStyle('display', 'block');
}




function iview(id, next){	
	if(id == ipos && next != 1) return false;

	el = id;
	ipos = id;
	$('foto').setStyle('display', 'none');
	$('foto').setProperty('src', 'mci/i/x.gif');
	
	myEffect = new Fx.Morph('foto').set({'opacity': 0});
	var loader = new Asset.image('var/big/' + el +'.jpg', { onload: function(){
		show(el);
	} }); 
	/*
 	new Asset.image(imageStyle.source, {
		'onload'  : function(img){
			img.element.setStyle(
				'backgroundImage',
				"url('" + img.source + "')")
				img.loaded = true;
		}.bind(this, imageStyle)
	});
	*/
}


/*
var launchWin;
function launchWindow(url, name, width, height, scrollbars)
{
  if(launchWin)
    launchWin.close();
  screenX = (screen.width /2) - (width /2); // used to center.
  screenY = (screen.height /2) - (height /2); // used to center.
  launchWin = window.open(url,name,"toolbar=no,directories=no,menubar=no,scrollbars=" + scrollbars + ",resizable=yes,width=" + width + ",height=" + height + ",top=" + screenY + ",left=" + screenX + ",screenX=" + screenX + ",screenY=" + screenY);
  launchWin.focus();	
}




function scroll(type){
	var ss = 3;
	var inner = $('inner');
	var itop = inner.getStyle('top').toInt();
	var iheight = inner.getStyle('height').toInt();
	if(!itop) itop= 0;
	//alert(iheight);return false;
	if(type=='up'){
    	itop -= ss;
		if(itop<=-iheight+190){
			scroll('stop');
			return false;
		} 
		inner.setStyle('top', itop);
		st = setTimeout( "scroll('up')", 20);
	}else if(type=='down'){
		itop += ss;
		if (itop >= 0) {
			inner.setStyle('top', 0);
			scroll('stop');
			return false;
		}
		inner.setStyle('top', itop);
		st = setTimeout( "scroll('down')", 20);
	}else if(type=='stop'){
		clearTimeout(st);
	}
	//alert(itop)

}*/