var PicInt = 1;
PicInt = 2;
var FadeInOutSpeed = 1500;
var MinOpacity = 35;
var TimeBetweenPics = 8000;
//experimental
function Morph2Pictures(){
 // alert(prod_id);
  MinOpacity = 0;
	
  opacity('FadeHolderFront', 100, MinOpacity, FadeInOutSpeed);//fade out
	opacity('FadeHolderBack', MinOpacity, 100, FadeInOutSpeed);//fade in
	
	
	PicInt = PicInt + 1;
	
	//if(PicInt == 13){PicInt = 2;}
	setTimeout("FlipMorphPictures('"+PicInt+"')",FadeInOutSpeed);
  
	//setTimeout("opacity('FadeHolder', MinOpacity, 100, FadeInOutSpeed)",FadeInOutSpeed);//fade in
	
	
}
function FlipMorphPictures(picture){
  document.getElementById('FadeHolderFront').innerHTML = '<img src="images/Row'+(picture - 1)+'.jpg" alt="" />';
	changeOpac(100, 'FadeHolderFront');
	if(picture == 13){picture = 1;PicInt = 1; }
	document.getElementById('FadeHolderBack').innerHTML = '<img src="images/Row'+picture+'.jpg" alt="" />';
	
	//alert('<img src="photos/'+picture+'" alt="" />');
}
//end experimental


function FlipPicture(){
 // alert(prod_id);
  opacity('FadeHolder', 100, MinOpacity, FadeInOutSpeed);//dade out
	PicInt = PicInt + 1;
	if(PicInt == 13){PicInt = 1;}
	setTimeout("SetFadeHolder('"+PicInt+"')",FadeInOutSpeed);
  
	setTimeout("opacity('FadeHolder', MinOpacity, 100, FadeInOutSpeed)",FadeInOutSpeed);//fade in
	
	
}
function SetFadeHolder(picture){
  document.getElementById('FadeHolder').innerHTML = '<img src="images/Row'+picture+'.jpg" alt="" />';
	//alert('<img src="photos/'+picture+'" alt="" />');
}

////////////opacity
function opacity(did, 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 + ",'" + did + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + did + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, did) {
    var object = document.getElementById(did).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 
pic1= new Image(); pic1.src="images/Row1.jpg";pic2= new Image(); pic2.src="images/Row2.jpg";pic3= new Image(); pic3.src="images/Row3.jpg";pic4= new Image(); pic4.src="images/Row4.jpg";pic5= new Image(); pic5.src="images/Row5.jpg";pic6= new Image(); pic6.src="images/Row6.jpg";pic7= new Image(); pic7.src="images/Row7.jpg";pic8= new Image(); pic8.src="images/Row8.jpg";pic9= new Image(); pic9.src="images/Row9.jpg";pic10= new Image(); pic10.src="images/Row10.jpg";pic11= new Image(); pic11.src="images/Row11.jpg";pic12= new Image(); pic12.src="images/Row12.jpg";pic13= new Image(); pic13.src="images/Row13.jpg";