var useBSNns;

if (useBSNns) {
	 if (typeof(bsn) == "undefined")
		  bsn = {}
	   var _bsn = bsn;
} else {
	  var _bsn = this;
}

function changeCF2Image(myNewImageFile){

//var newCF2Image = "<img id = \"cf2_img\" src=\"/images/jewelry/"+myNewImageFile+".jpg\" width=\"408\" height=\"370\" onMouseOver=\"alert('ere')\">";
	//document.getElementById("cf2").innerHTML = 


}

_bsn.Crossfader = function (divs, fadetime, delay ) {
	 this.nAct = -1;
	 this.aDivs = divs;

	 for (var i=0;i<divs.length;i++) {
	// if(i == ''){alert('helo');}
	   document.getElementById(divs[i]).style.opacity = 0;
   	document.getElementById(divs[i]).style.position = "absolute";
	   document.getElementById(divs[i]).style.filter = "alpha(opacity=0)";
 	  document.getElementById(divs[i]).style.visibility = "hidden";
	 }

	 this.nDur = fadetime;
  this.nDelay = delay;
  
  this._newfade();
}

_bsn.Crossfader.prototype._newfade = function() {
  if (this.nID1)
    clearInterval(this.nID1);
	   this.nOldAct = this.nAct;
    this.nAct++;

// 	if (!this.aDivs[this.nAct])	this.nAct = 0; // removed to stop the continuous play
 	if (this.nAct == this.nOldAct)
    return false;
	
	//alert(document.getElementById( this.aDivs[this.nAct] ).id);	
	//if CF2 - the white cover then set cf0 to hidden	
		if (document.getElementById(this.aDivs[this.nAct]) == null){
			//do nothing
		}else{		

	if (document.getElementById(this.aDivs[this.nAct]).id =='cf2'){
	document.getElementById("cf0").style.visibility = "hidden";
	var newPassedImage = document.getElementById("myUniqueItemID").innerHTML
	document.getElementById("cf0").innerHTML = "<img id = \"cf0_img\" src=\"/images/jewelry/"+newPassedImage+"_multi.jpg\" width=\"408\" height=\"370\">";
	}else{
	document.getElementById("cf0").style.visibility = "visible";
	document.getElementById("cf2").style.visibility = "hidden";
	//document.getElementById("cf0").style.backgroundImage = 'url(/images/jewelry/FP502PK_multi.jpg)'; 
	}

  document.getElementById( this.aDivs[this.nAct] ).style.visibility = "visible";
  this.nInt = 50;
  this.nTime = 0;
  var p=this;
  this.nID2 = setInterval(function() { p._fade() }, this.nInt);
  
  }
  
}

_bsn.Crossfader.prototype._fade = function() {
  this.nTime += this.nInt;
 	var ieop = Math.round( this._easeInOut(this.nTime, 0, 1, this.nDur) * 100 );
 	var op = ieop / 100;
 	document.getElementById( this.aDivs[this.nAct] ).style.opacity = op;
 	document.getElementById( this.aDivs[this.nAct] ).style.filter = "alpha(opacity="+ieop+")";

  if (this.nOldAct > -1) {
    document.getElementById( this.aDivs[this.nOldAct] ).style.opacity = 1 - op;
  		document.getElementById( this.aDivs[this.nOldAct] ).style.filter = "alpha(opacity="+(100 - ieop)+")";
	 }

	 if (this.nTime == this.nDur) {
		  clearInterval( this.nID2 );

  if (this.nOldAct > -1)
	   document.getElementById( this.aDivs[this.nOldAct] ).style.visibility = "hidden";
    var p=this;
    this.nID1 = setInterval(function() { p._newfade() }, this.nDelay);
  }
}

_bsn.Crossfader.prototype._easeInOut = function(t,b,c,d) {
  return c/2 * (1 - Math.cos(Math.PI*t/d)) + b;
}

function getFileName(s) {
var d = s.lastIndexOf('.');
return s.substring(s.lastIndexOf('/') + 1, d < 0 ? s.length : d);
}


function play(newUniqueID){
	var newPassedImagePlay = document.getElementById("myUniqueItemID").innerHTML;
	document.getElementById("cf2").innerHTML = "<a rev=\"width: 810px; border:none; height: 655px; scrolling: no;\" rel=\"lyteframe\" id=\"bigImageZoomLink\" href=\"/lytebox-zoom-iframe.php?item_id="+newPassedImagePlay+"\" onmouseover=\"initLytebox()\"><img  id = \"cf2_img\" src=\"/images/jewelry/"+newPassedImagePlay+"_multi.jpg\" width=\"408\" height=\"370\"></a>";
 	var cf = new Crossfader( new Array('cf1','cf2'), 300, 100 );

	 }