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

var contentWidth = $('slider').getStyle('height').toInt();
var offsetContentWidth = contentWidth - viewportWidth;
//alert(offsetContentWidth )


//var myScrollFx = new Fx.Scroll('container', { wait: false });	
function scrollB(offset){
	$('slider').style.top=-offset+"px";
}
var mySlide = new Slider($('area'), $('knob'), {	
	steps: offsetContentWidth ,	//scroll
	mode: 'vertical',	
	onChange: function(step){
		scrollB(step);
	}
}).set(0);

}

function changei(type){

    currentpic = $('thumbs_holder').getElement('.current_pic');

    if(type == 'next'){
        block = currentpic.getNext();
    }else if(type == 'prev'){
        block = currentpic.getPrevious();
    }

    if(block != null){

    imgid = block.getElement('a').getProperty('rel');
    iview(imgid);
    currentpic.removeClass('current_pic');
    block.addClass('current_pic');
    }

}

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

	el = id;
	//ipos = id;
	$('foto').setStyle('display', 'none');
	$('foto').setProperty('src', 'mci/i/x.gif');

    if(obj){
        $$('#thumbs_holder .bord').each(function(item){
         item.removeClass('current_pic');
        })
        obj.getParent('.bord').addClass('current_pic');
    }

	
	myEffect = new Fx.Morph('foto').set({'opacity': 0});
	var loader = new Asset.image('/var/products/' + 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)
	});
	*/
}

function show(el){
	$('foto').setProperty('src', '/var/products/' + el +'.jpg');
	//$('dfoto').setProperty('href', 'var/orig/'  + el +'.JPG');
	$('foto').setStyle('display', 'block');
	$('foto').fade('in');
}

var numSlides;
var currentSlide = 1;

function displaySlide(n) {
 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);
}

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();	
}