function init_dw_Scroll() {
    var wndo = new dw_scrollObj('wn', 'lyr1', 'tumbs');
    wndo.setUpScrollControls('scrollLinks');
}

function shiftOpacity(id, millisec) { 
    //if an element is invisible, make it visible, else make it ivisible 
    if(document.getElementById(id).style.opacity == 0) { 
        opacity(id, 0, 100, millisec); 
    } else { 
        opacity(id, 100, 0, millisec); 
    } 
}


function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 

		
    } 
} 


function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 


function cpic(num,pics){
	

	
	//select cuurent lyar
	var clayer = "apDiv1";
	var clayerold = "apDiv2"; 
	if(document.getElementById('apDiv1').style.zIndex>document.getElementById('apDiv2').style.zIndex){
		clayer = "apDiv2";
		clayerold = "apDiv1";
		}else{
		clayer = "apDiv1";
		clayerold = "apDiv2";
		}	
		
	//change the pic
	
	document.getElementById(clayer).style.filter = "alpha(opacity=0)";
	document.getElementById(clayer).style.backgroundImage="url(inventory_images/multi_images_pics/"+pics[num]+")";
	document.getElementById(clayer).style.backgroundPosition = "center";
	document.getElementById(clayer).style.backgroundRepeat = "no-repeat";	
	document.getElementById(clayer).style.zIndex = Number(document.getElementById(clayerold).style.zIndex)+1;
	document.getElementById(clayer).onLoad = opacity(clayer, 0, 100, 250);
	opacity(clayerold, 100, 0, 250);
	


	
}
//creating the tumbs
function build_tumbs(pics){
	var tumbs1 = "<table border='0' cellpadding='0' cellspacing='0'><tr>";
	for(var i=1; i<pics.length; i++){
	
		tumbs1 += "<td><div id='tumb"+i+"' style='background-image:url(inventory_images/multi_images_tumbs/"+pics[i]+");background-position:center;background-repeat:no-repeat;'><a href='javascript:cpic("+i+",pic)'><img src='images/x.gif' border='0'></a></div></td>";
	}
	tumbs1 +="<tr></table>";
	document.getElementById('tumbs').innerHTML =tumbs1;
	init_dw_Scroll();
}