var buttons = ["slideButton1","slideButton2","slideButton3","slideButton4","slideButton5"];
var networks = ["del","tweet","link","last","tube", "fb"]; // the networks i'm connected to
var icon_names = ["del2","twitter2","linkedin2","last.fm2","youtube2", "facebook2"];
var cur_selected = "slideButton1"; // the currently selected slideshow button

$.ready(function(complete){
 
 for(var i=0;i<(buttons.length);i++){
  $.events($.o(buttons[i]),"click",buttonClick);
  $.o(buttons[i]).myUID = (i+1); // the given slide number
  $.obj.fx.collapse("slide"+(i+1),$.gl.FX_DISPLAY());
 } // end of for-loop and adding actions.
 $.obj.fx.expand("slide1",$.gl.FX_DISPLAY());
 
 for(var n=0;n<(networks.length);n++){
  $.events(networks[n], "mouseout", hoverOut);
  $.events(networks[n], "mouseover", hoverOver);
  $.img.preload("lib/img/icons/"+icon_names[n]+".png");
 }; // end of for-loop for adding events
 
 var lfmContainer = ($.o("lastfmContainer"));
 var imgArray = (lfmContainer.getElementsByTagName("img"));
 for(var lfm=0;lfm<(imgArray.length);lfm++){
  $.obj.alpha(imgArray[lfm], "75");
  $.events(imgArray[lfm],"mouseout",function(e){
   $.obj.alpha($.returnElement(e), "75");
  }); // end of mouseout
  $.events(imgArray[lfm],"mouseover",function(e){
   $.obj.alpha($.returnElement(e), "90");
  }); // end of mouseover
 }; // end of for-loop for opacity images
 
});

function buttonClick(e){
 var obj = ($.returnElement(e));
 if(cur_selected != obj.id) {
  obj.className = "selButton"; // selected the new button
  $.o(cur_selected).className = ""; // unselect previous button
  $.obj.fx.slide($.o("slide"+$.o(cur_selected).myUID),Tween.regularEaseOut,$.gl.CLOSE(), 1, true);
  $.obj.fx.slide($.o("slide"+obj.myUID),Tween.strongEaseIn,$.gl.OPEN(), 1, true);
  cur_selected = obj.id; // make sure we have the new selected
 }; // check if click was selected 
}; // end of buttonClick();

function hoverOut(e){
 var obj = ($.returnElement(e));
 switch(obj.id) { // switch image by id name
  case "del": $.o("delicious").src = "lib/img/icons/del1.png"; break;
  case "tweet": $.o("twitter").src = "lib/img/icons/twitter1.png"; break;
  case "link": $.o("linkedin").src = "lib/img/icons/linkedin1.png"; break;
  case "last": $.o("lastfm").src = "lib/img/icons/last.fm1.png"; break;
  case "tube": $.o("youtube").src = "lib/img/icons/youtube1.png"; break;
  case "fb": $.o("facebook").src = "lib/img/icons/facebook1.png"; break;
 }; // end of switch-statement
}; // end of hoverOut();

function hoverOver(e){
 var obj = ($.returnElement(e));
 switch(obj.id) { // switch image by id name
  case "del": $.o("delicious").src = "lib/img/icons/del2.png"; break;
  case "tweet": $.o("twitter").src = "lib/img/icons/twitter2.png"; break;
  case "link": $.o("linkedin").src = "lib/img/icons/linkedin2.png"; break;
  case "last": $.o("lastfm").src = "lib/img/icons/last.fm2.png"; break;
  case "tube": $.o("youtube").src = "lib/img/icons/youtube2.png"; break;
  case "fb": $.o("facebook").src = "lib/img/icons/facebook2.png"; break;
 }; // end of switch-statement
}; // end of hoverOver();