// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
var content;
window.onload = _init;
function _init(){

	if(typeof presetSubNav == "function") {
	  presetSubNav();
  }
  content = document.getElementById('content');

	if(sNav != 'home') {
		setNav();
  } else {
		showContent(true);
	}
};
function setNav(){
  $(sNav).addClassName('selected');
  sNav = document.getElementById(sNav);
  var subNav = document.getElementById(sSubNav);
  var subNavHolder = document.getElementById(sSubHolder);
  var subNavH = $(subNavHolder).getHeight();
  var posY = -subNavH - 22
	    
  var sideTween = new Tween(sNav.style,'left',Tween.regularEaseOut,0,10,1.0,'px');
  var upTween = new Tween(sNav.style,'top',Tween.regularEaseOut,0,posY,1.5,'px');
  var openTween = new Tween(subNav.style,'height',Tween.regularEaseOut,0,subNavH,1.0,'px');
  
  var c = new Object();
  c.onMotionFinished = function(){
    showContent(true);
  };

  var b = new Object();
  b.onMotionFinished = function(){
		$(subNav).style.visibility = 'visible';
    openTween.addListener(c);
    openTween.start();
  };
    
  var a = new Object();
  a.onMotionFinished = function(){
    upTween.addListener(b);
    upTween.start();
  };                 
  sideTween.addListener(a);
  sideTween.start();
	
}

var currentSub = '';

function setSubNav(sub){
	if (currentSub != '') {
		$(currentSub).className = '';
		var sideTween = new Tween($(currentSub).style,'margin-left',Tween.regularEaseOut,10,0,1.0,'px');
		sideTween.start();
	}
  $(sub).addClassName('selected');
	var sideTween = new Tween($(sub).style,'margin-left',Tween.regularEaseOut,0,10,1.0,'px');
	sideTween.start();
	currentSub = sub;
	
}

var slideNum;
var slideTotal;

function advanceSlide(bol) {
	//alert(slideNum);
	slideNum = (bol)? (slideNum != slideTotal)? slideNum + 1 : 1 : (slideNum != 1)? slideNum - 1 : slideTotal;
  var slidesW = Element.getStyle('slides', 'width');
	slidesW = Number(slidesW.split('px').join(''));
	var windowW = Element.getStyle('portfolio', 'width');
	windowW = Number(windowW.split('px').join(''));
	var slides = document.getElementById('slides');
	var posX = Element.getStyle('slides', 'left');
  posX = Number(posX.split('px').join(''));
  //alert(posX+', '+slidesW+', '+windowW);

  var start = posX;
  var end = -(slideNum - 1)*windowW;
  end = (bol)? (end != (0 - slidesW))? end : 0 : (end != windowW)? end : (windowW - slidesW);
  var slideTween = new Tween(slides.style,'left',Tween.strongEaseOut,start,end,1.0,'px');

  var a = new Object();
	a.onMotionFinished = function(){
		var count = document.getElementById('slide_num');
		count.innerHTML = slideNum;
		var slideTitle = document.getElementById('slide_title');
		var text = document.getElementById('slide_'+slideNum).title;
		slideTitle.innerHTML = (text != '' || text != undefined)? text : '<%= @portfolio.title %>';
	};									
	slideTween.addListener(a);

	slideTween.start();
}

function showDesc(bol, n){
	var desc = document.getElementById('description_'+n);
	desc.style.display = (bol)? 'block' : 'none';
}

function showContent(bol) {
	if (bol) {
		var start = 0;
		var end = 460;
		//alert('showContent'+start+','+end);
	
		var contentTween = new Tween(content.style,'height',Tween.regularEaseOut,start,end,2.0,'px');
	
		// var a = new Object();
		// a.onMotionFinished = function(){
		// 	if (!bol) showContent(true);
		// }
		// contentTween.addListener(a);
	
		contentTween.start();
	} else {
		var start = 460;
		var end = 0;
		//alert('showContent'+start+','+end);

		var contentTween = new Tween(content.style,'height',Tween.regularEaseOut,start,end,0.0,'px');

		var a = new Object();
		a.onMotionFinished = function(){
			//showContent(true);
		}
		contentTween.addListener(a);

		contentTween.start();
	}
}