// JavaScript Document


h.init('portfolio');
var initial = true;
var gall = new Gallery.Core('img', {
	//url : 'galleries/galleries2.xml',
	//datatype : 'xml',
	transition : ['wipeLeftFade', 'fadeOutThenIn'],
	holdingSlide : false
});
$('text-screen').set('tween', {link:'cancel', duration:1500});
$('text-screen').setStyle('left', "-500px")
// $('text-screen').tween('left', 0)

var c = new Gallery.Components.CaptionBar( gall, 'text-screen-c', {
  useHTML:true,
  showCaption: function(el){
   el.set('tween', {duration:1500});
   if(el.get('html') != '') el.tween('left', 0);
  },
  hideCaption: function(el){
              // if( this.gallery.currentIndex != ( 0 || 1 ) ){
       el.tween('left', -500);
              // }
  }
});

var p = new Gallery.Components.Preloader( gall, {
	onStart: function(gallName, number){
		$('preloader').setStyle('display', 'block');
		$('preloader').set('tween', {link:'cancel'});
	},
	onTick: function(obj){
		$('preloader-bar').tween('width', obj.loaded.percentage);
	},
	onFinish: function(){
		$('preloader').tween('opacity', 0);
	}
});

var s = new Gallery.Components.Slideshow( gall, 6000 );

$('left-arrow').setOpacity(0);
$('right-arrow').setOpacity(0);

$('left-arrow').addEvent('mouseover', function(){
	this.setStyle('background-image', this.getStyle('background-image').replace('.png', '_on.png') );
});
$('left-arrow').addEvent('mouseout', function(){
	this.setStyle('background-image', this.getStyle('background-image').replace('_on', '') );
});
$('right-arrow').addEvent('mouseover', function(){
	this.setStyle('background-image', this.getStyle('background-image').replace('.png', '_on.png') );
});
$('right-arrow').addEvent('mouseout', function(){
	this.setStyle('background-image', this.getStyle('background-image').replace('_on', '') );
});

$('img').addEvent('mouseenter', function(){
 $('left-arrow').tween('opacity', 1);
 $('right-arrow').tween('opacity', 1);
 // $('logo').tween('left', 0);
 // $('text-screen').tween('left', 0);
});
$('img').addEvent('mouseleave', function(){
 $('left-arrow').tween('opacity', 0);
 $('right-arrow').tween('opacity', 0);
 // $('logo').tween('left', -175);
 // $('text-screen').tween('left', -500);
});

$('right-arrow').addEvent('click', function(){
	gall.options.transition = ['wipeLeftFade', 'fadeOutThenIn'];
	s.pause();
	gall.goTo('next');
});	
$('left-arrow').addEvent('click', function(){
	gall.options.transition = ['wipeRightFade', 'fadeOutThenIn'];
	s.pause();
	gall.goTo('previous');
});	

var highlightLinks = function(){
    removeHighlights();
    var idx = String(gall.currentIndex+1);
    if(idx.match(/^(4|5|6|7|8)$/)) { $('gal-1').addClass('sel') }
    else if(idx.match(/^(9|10|11|12)$/)) { $('gal-2').addClass('sel') }
    else if(idx.match(/^(13|14|15|16|17)$/)) { $('gal-3').addClass('sel') }
    else if(idx.match(/^(18|19|20|21)$/)) { $('gal-4').addClass('sel') }
    else if(idx.match(/^(22|23|24)$/)) { $('gal-5').addClass('sel') }
    else if(idx.match(/^(25|26|27|28)$/)) { $('gal-6').addClass('sel') }
    else if(idx.match(/^(29|30|31)$/)) { $('gal-7').addClass('sel') }
}
var removeHighlights = function() {
	$$('#text-screen-links a').each(function(e){e.removeClass('sel')});		    
}

gall.addEvent('transitionComplete', highlightLinks);
gall.addEvent('transitionBegin', highlightLinks);
$('gal-1').addEvent('click', function(){ gall.goTo(3);  removeHighlights(); this.addClass('sel'); return false; });
$('gal-2').addEvent('click', function(){ gall.goTo(8);  removeHighlights(); this.addClass('sel');  return false; });
$('gal-3').addEvent('click', function(){ gall.goTo(12); removeHighlights(); this.addClass('sel');  return false; });
$('gal-4').addEvent('click', function(){ gall.goTo(17); removeHighlights(); this.addClass('sel');  return false; });
$('gal-5').addEvent('click', function(){ gall.goTo(21); removeHighlights(); this.addClass('sel');  return false; });
$('gal-6').addEvent('click', function(){ gall.goTo(24); removeHighlights(); this.addClass('sel');  return false; });
$('gal-7').addEvent('click', function(){ gall.goTo(28); removeHighlights(); this.addClass('sel');  return false; });