// <script>
// _cfscript.js.php
// JavaScript site code

// filename : { display name, left }
var CF = {
	"1" 	: {"name" : "Alley Baggett", 		"left" : 410 },
	"2" 	: {"name" : "Erica Campbell", 	"left" : 466 },
	"3" 	: {"name" : "Iga Wyrwal", 		"left" : 528 },
	"4" 	: {"name" : "Lindsey Strutt", 		  "left" : 588 },
	"5" 	: {"name" : "Sweet Krissy", 		"left" : 650 },
	"6" 	: {"name" : "Tiffany Teen",	    "left" : 705 },
	"7" 	: {"name" : "Next Door Nikki", 	"left" : 766 },
	"0" 	: {"name" : "Sign the guestbook!", "left" : 333 }
}


var divTemplate = '<div style="position:absolute;margin-left:7px;margin-top:15px;width:180px;height:260px;background:url(http://eroticwalls.com/images/babepanel.jpg) -[filename]px 0px no-repeat;"></div><div id="babeFrame" class="babeNav"><img src="http://eroticwalls.com/images/babeframe.png" border="0"><br><span class="caption">[name]</span></div>';

var fader = new Object;
var fadeRateNav = 10;
var fadeLast = null;

/*/ preload images
var imgFile = new Array();
for (var filename in CF) {
	imgFile[filename] = new Image();
	imgFile[filename].src = "http://eroticwalls.com/images/" + filename + ".jpg";
}
*/
imgFile = new Image();
imgFile.src = "http://eroticwalls.com/images/babepanel.jpg";

imgFile2 = new Image();
imgFile2.src = "http://eroticwalls.com/images/toplinks.jpg";


var babeframe = new Image();
babeframe.src = "http://eroticwalls.com/images/babeframe.png";

window.onresize = function() {
	for (var objId in CF) {
		d = document.getElementById(objId);
		if(d != null) {
			d.parentNode.removeChild(d);
		}
	}
}

// cross-browser support
function getObj(name) {
  if (document.getElementById) {
    return document.getElementById(name);
  } else if (document.all)  {
    return document.all[name];
  } else if (document.layers) {
    return document.layers[name];
  }  else return false;
}

// create fade object and/or show
function createFade(objId) {
	if(thisBabe == CF[objId].name) return;

	if(document.getElementById(objId) == null) { // create div object; create fader object

		/* placeholder for dynamic centering
		var placeholder = document.createElement('div');
		placeholder.style.position = "relative";
		placeholder.style.left = "0px";
		*/

		/* inner content (image + label) */
		var innerContent = divTemplate;
		innerContent = innerContent.replace("[name]", CF[objId].name);
		//innerContent = innerContent.replace("[filename]", imgFile[objId].src);
		innerContent = innerContent.replace("[filename]", objId * 180);
		
		/* absolute placeholder needed for I.E. */
		var placehold = document.createElement('div');
		placehold.style.position = 'absolute';
		placehold.style.top = '62px';
		placehold.style.zIndex = '10';

		// 335
		// 168
		//alert(document.body.clientWidth);
		var startLeft = 0;
		if(document.body.clientWidth > 925) {
			startLeft = (document.body.clientWidth - 925) / 2;
		}

		placehold.style.left = 
               startLeft  - 168 +

			CF[objId].left + 70 + "px";

		/* div to hold content and control fading */
		var div = document.createElement('div');
		if(false) div.style.position = 'absolute';

		div.className = "sectionFadeDiv";
		div.id = objId;
		div.innerHTML = innerContent;

          placehold.appendChild(div);
          getObj("placehold").appendChild(placehold);
		fader[objId] = $(div); //new Fadomatic(div, fadeRateNav, 0);

		//placeholder.appendChild(div);
		//document.body.insertBefore(placeholder,getObj("pointer"));
		//getObj("pointer").appendChild(placeholder);
	}
	fader[objId].show();
	//fader[objId].show();



}

// fade out
function fade(objId) {
	if(thisBabe == CF[objId].name) return;


/*
	if(navigator.userAgent.indexOf("Opera") >= 0) { // isn't good at multiple fades
		if(fadeLast != null) fader[fadeLast].hide();
	}
*/
        if($.browser.msie) {
          fader[objId].hide();
        } else {
	  fader[objId].fadeOut();
	}

	fadeLast = objId;
}


jQuery(function() {


  //
  // TOP LINKS
  //
  
  var TOP_DIM = 0.7;
  var topwait = true;
  
  // setup dim div
  jQuery.each($("#toplinks a"), function() {
    //$(this).css("width", ($(this).width() + 5) + "px");
    $("#toplinkimg").append("<div></div>");     
  });
  $("#toplinkimg div").fadeTo(0, TOP_DIM);


  //$("#toplinks").mouseover(function() { });
  //*
  $("#toplinks").mouseover(function() { 
    //if(topwait) {
    //  setTimeout(function() { topwait = false; }, 10);
    //} else {
      $("#toplinkimg").show(); 
    //}     
  });
  
  function showtoplinksimg() {
    
  }  
  
  //*/
  //$("#toplinks").mouseover(function() { $("#toplinkimg").show();  });
  $("#toplinks").mouseout(function() { $("#toplinkimg").hide(); });
  
  $("#toplinks a").hover(function() {
    var index = $("#toplinks a").index(this);
    $("#toplinkimg div").fadeTo(0, TOP_DIM);
    $("#toplinkimg div").eq(index).fadeTo(0, 0);
  });

})