var showControl;
var slides;

var portfolio = new Ajax.Request('portfolio.php', {evalJSON:true,
   onSuccess: function(transport) {  
   portfolio = transport.responseText.evalJSON();
 
    showControl= new SlideshowController(portfolio, 'slideShow');
  }
});


Event.observe(window, 'load', function() {

checkHeight();


//$('hel').observe('mouseover', function(){ $('hel').src='assets/heatherelder-over.gif'});
//$('hel').observe('mouseout', function(){ $('hel').src='assets/heatherelder.gif'});

$('djc').appear();

$('current_set').observe('mouseover', revealMenu);
$('prevTarget').observe('mouseover', function(){ $('backDiv').appear({duration:.25})});
$('prevTarget').observe('mouseout', function(){ $('backDiv').fade({duration:.25})});
$('nextTarget').observe('mouseover', function(){ $('nextDiv').appear({duration:.25})});
$('nextTarget').observe('mouseout', function(){ $('nextDiv').fade({duration:.25})});
$('nextTarget').observe('click', function(){ showControl._next()});
$('prevTarget').observe('click', function(){ showControl._back()});
$('prevSlide').observe('click', function(){showControl._back() });
$('nextSlide').observe('click', function(){showControl._next() });
$('contact_btn').observe('click',showContact);
$('contact_close').observe('click', hideContact);

  
slides = 0;

 



});
 
function checkHeight(){

var myHeight = document.viewport.getHeight();
 
if(myHeight < 650){

$('djlogo').down('img').src="assets/djlogoFlat.png";
$('set_select_box').setStyle({'top':'18px'});
$('slideControls').setStyle({'top':'28px'});
}



}


function revealMenu(){

$('o'+slides).addClassName('cat_n_optn'); 

$('current_set').stopObserving('mouseover', revealMenu);

$('set_options').blindDown({duration:.5, afterFinish:function(){ document.observe('mousemove', menu_check); $('menu_widget').src='assets/up.png' }});

$$('.cat_optn').invoke('observe', 'click', loadSlides);




}


function loadSlides(event){
hideMenu();
document.stopObserving('mousemove');
var o=slides;
var s=event.element().identify().gsub('cat','');
 setTimeout( function(){showControl.loadSet(s)},500);

setTimeout( function(){ $('o'+o).removeClassName('cat_n_optn')}, 500); 

$('current_set').observe('mouseover', revealMenu);



//console.log(event.element().identify().gsub('cat','') );





$('catC').setStyle({'marginTop':event.element().getStyle('marginTop')});



slides=s;

 

}



function menu_check(event){

if( event.element().up('#set_select_box')===undefined){

document.stopObserving('mousemove');
hideMenu();

}
 





}

function showContact(){

$('contact_box').appear( );
$('slideShow').fade({to:.3, duration:.25});



}

function hideContact(){

$('contact_box').fade({duration:.5});
$('slideShow').fade({to:1});
}

function hideMenu(){
 
 
$('set_options').blindUp({duration:.5,   afterFinish: function(){ $('current_set').observe('mouseover', revealMenu);$('menu_widget').src='assets/down.png' }});

}