var currentSlide = (new Number(1)); // current slide number
var slideshowSpeed = (new Number(10000)); // milliseconds
var containers = ["imageSlide","imgFader"];
var snHeight = new Number(480);
var being_used = false;

var is_loaded = (new Boolean(false));
var timeOut = null;

$.ready(function(complete){

 // once 5 seconds has passed since the document has been loaded we 
 // will start the slideshow and the images will begin to change
 timeOut = (setTimeout("runSlideshow(1, 2);", slideshowSpeed));
 $.events("slideBackward", "click", slideBackward); // go backward a slide
 $.events("slideForward", "click", slideForward); // go forward a slide
 var contentHeight = ($.o("content").offsetHeight);
 if(contentHeight < snHeight) { // content height is
 // small than that of the secondary navigation so the
 // secondary navigation will hang off the bottom; this
 // needs to be fixed by extending it using javascript.
 $.o("content").style.height = (snHeight + "px");
 }; // only if contentHeight is smaller
 
 // ## get all the item url links; so we can add roll-overs
 var item_lnk = ($.obj.getElementsByClass("item item_link"));
 for(var s = new Number(0); s < item_lnk.length; s++) {
  var item_lnk_a = (item_lnk[s].getElementsByTagName("a")[0]);
  $.events(item_lnk_a, "mouseout", itemMouseState);
  $.events(item_lnk_a, "mouseover", itemMouseState);
  $.events(item_lnk_a, "mousemove", itemMouseState);
  $.events(item_lnk_a, "click", itemMouseState);
  item_lnk[s].pic = (imgArr[s]); // ## image for product
 } // ## end of roll-over addition for-loop
 $.obj.alpha("iconview", "0"); // ## no visibility
 
}); // ## end of ready-state

function itemMouseState(e){
 var obj = ($.returnElement(e)); // ## triggering object
 var parent = (obj.parentNode); // ## a-tags parent object
 var img_src = (parent.pic); // ## source to our image
 switch(e.type){ // ## what type of event is it?
  case "click": 
   // ## if they click the item; then most likely no mouse out 
   // ## will occur; so we need to set iconview to no display; 
   // ## incase they hit back button, this way they dont see it
   // ## when returning to the homepage by hitting the back btn.
   $.o("iconview").style.display = "none";
  break; // ## end of click-event
  case "mouseout":

   being_used = false;
   if(being_used==false) $.o("iconview").style.display = "none";
   
  break; // ## end of mouseout-event
  case "mouseover":
   
   var posArr = (retrievePositions(e)); // ## get position of link
   while($.o("iconview").hasChildNodes()) // remove all children.
   $.o("iconview").removeChild($.o("iconview").lastChild);
   var imgObj = (document.createElement("img")); // ## new image object
   imgObj.src = "lib/img/items/icons/" + (img_src); // ## give path specified
   $.o("iconview").style.display = "block"; // ## show icon-view
   $.o("iconview").style.left = ((posArr[0] + 15)+"px");
   $.o("iconview").style.top = ((posArr[1] + -20)+"px");
   $.obj.fx.fade ("iconview", 40, 90, 2, function(e){});
   $.o("iconview").appendChild(imgObj);
   being_used = true;
   
  break; // ## end of mouseover-event
  case "mousemove":
  
   var posArr = (retrievePositions(e)); // ## get position of link
   $.o("iconview").style.left = ((posArr[0] + 15)+"px");
   $.o("iconview").style.top = ((posArr[1] + -20)+"px");
 
  break; // ## end of mousemove-event
 } // ## end of switch-statement
}; // ## end of itemMouseState();

function retrievePositions(e) {
 var posx = 0, posy = 0;
 if (!e) var e = window.event;
 if (e.pageX || e.pageY) {
  posx = e.pageX;
  posy = e.pageY;
 } else if (e.clientX || e.clientY) {
  posx = e.clientX + document.body.scrollLeft 
  + document.documentElement.scrollLeft;
  posy = e.clientY + document.body.scrollTop 
  + document.documentElement.scrollTop;
 }; return(new Array(posx, posy));
} // ## end of retrie\vePositions();

function runSlideshow(curContainer, curCount){
 if(curCount > imageCount) curCount = 1;
 
 switch(curContainer) {
  case 0:
   is_loaded = false;
   $.o("imageSlide").src = "lib/img/slideshow/"+curCount+"m.png";
   $.obj.fx.fade("imgFader", 100, 0, 30, function(e){ });
   $.obj.fx.fade("imageSlide", 0, 100, 20, function(e){ is_loaded = true; });
  break;
  case 1:
   is_loaded = false;
   $.o("imgFader").src = "lib/img/slideshow/"+curCount+"m.png";
   $.obj.fx.fade("imageSlide", 100, 0, 30, function(e){ });
   $.obj.fx.fade("imgFader", 0, 100, 20, function(e){ is_loaded = true; });
  break;
 } // end of switch-statement
 
 curCount ++ ; // increment the current image we are currently on; this is displaying
 // allows us to loop through the slideshow; allowing us to keep sliding through images
 timeOut = (setTimeout("runSlideshow("+(curContainer==0?1:0)+","+curCount+");", slideshowSpeed));
}; // end of runSlideshow();

function slideBackward(e){
	
};

function slideForward(e){ 
 
};