var map;
var map_zoom = 13;
var map_center = new google.maps.LatLng(50.8401, 4.3521);


window.addEvent('domready', function(){

	
	$$('img').each(function(img){
		img.setProperty('galleryimg','no');
		var t = img.getCoordinates(img.getParent()).top;
		var l = img.getCoordinates(img.getParent()).left;
		var myDrag = new Drag(img,{
			onDrag: function(){
				img.setStyles({
					'top':t,
					'left':l
				})
			}
		});
		img.addEvents({
			'contextmenu': function(event){
				return false;
			}
		});
	});
	
	$$('.GalleryThumb').addEvents({
		'click' : function(){
			document.location.href = this.get('href');
		}
	})
	
	var myTips = new Tips('a.pointy',{offset:{'x': 15, 'y': -15}});
	
	window.addEvent('resize', function(){
		resizeRightContent();
	});
	
	resizeRightContent();
	
	
});
var gallery_detail = false;
function resizeRightContent(){
	$('RightContent').setStyles({
		'width': window.getWidth()-310
	})
}

function gotoColumn(id){
	if ( id == 5 && $('Galleries').getStyle('display') == 'none' ){
		showGalleries();
	}
	$$('#Menu a').removeClass('select');
	$('bt_'+id).addClass('select');
	var myFx = new Fx.Scroll($('RightContent')).toElement($('Column_'+id));
}

function showGallery(id,latitude,longitude){
	gallery_detail = true;
	if (window.getScroll().y > 0){
		var myFx = new Fx.Scroll(window,{
			onComplete: function(){
				showGallery_step2(id,latitude,longitude);
			}
		}).toTop();
	} else {
		showGallery_step2(id,latitude,longitude);
	}
}

function showGallery_step2(id,latitude,longitude){
	gotoColumn(5);
	if (latitude && longitude){
		var latLng = new google.maps.LatLng(latitude, longitude)
		map.setZoom(17);
		map.panTo(latLng);
	}
	loadUrl('include.module.work.detail.php?id='+id+'&lng=fr',$('Gallery'));
	$('Galleries').setStyles({'display':'none'});
	$('Gallery').setStyles({'display':'block'});
}

function showGalleries(){
	gallery_detail = false;
	var myFx = new Fx.Scroll(window).toTop();
	map.setZoom(map_zoom);
	map.panTo(map_center);
	$('Gallery').empty();
	$('Gallery').setStyles({'display':'none'});
	$('Galleries').setStyles({'display':'block'});
}

function toogleDiv(div,bt){
	if (div.getStyle('display') == 'block'){
		div.dissolve();
		bt.set({'class':'toggled'});
		$$('.tohide').setStyles({ 'display' : 'none' })
	} else {
		div.reveal();
		bt.set({'class':'toggle'});
		$$('.tohide').setStyles({ 'display' : 'block' })
	}
}


function hideContent(){
	$('MainContent').setStyles({'visibility':'hidden'});
	$('LeftContent').setStyles({'visibility':'hidden'});
	$('RightContent').setStyles({'visibility':'hidden'});
	$('Hide').setStyles({'display':'none'});
	$('Show').setStyles({'display':'block'});
}

function showContent(){
	$('MainContent').setStyles({'visibility':'visible'});
	$('LeftContent').setStyles({'visibility':'visible'});
	$('RightContent').setStyles({'visibility':'visible'});
	$('Hide').setStyles({'display':'block'});
	$('Show').setStyles({'display':'none'});
}

function setCookies(name,value,complete){
	var myRequest = new Request({
		url: 'setcookies.php?name='+name+'&value='+value,
		onComplete: function(response){
			if (complete){
				document.location.reload();
			}
		}}).get();
}

function setSessions(name,value,complete){
	var myRequest = new Request({
		url: 'setsessions.php?name='+name+'&value='+value,
		onComplete: function(response){
			if (complete){
				document.location.reload();
			}
		}}).get();
}

// Tab

function loadUrlIn(url,target,fade){
	if ((target.getCoordinates().top-window.getScroll().y > 0)){
		loadUrl(url,target,fade);
	} else {
		var myFx = new Fx.Scroll(window, {
		    offset: {
		        'x': 0,
		        'y': -100
		    },
		onComplete: function(){
			loadUrl(url,target,fade);
			}}).start(0,target.getCoordinates().top)
	}
}

function loadUrl(url,target,fade){
	if (fade){ var myFx2 = new Fx.Tween(target,{duration: 800, link: 'chain',transition: Fx.Transitions.Quad.easeIn}).set('opacity',0); }
	var myHTMLRequest = new Request.HTML({
		url: url,
		update: target,
		onComplete: function(){
			if (fade){ myFx2.start('opacity',1); }
		}}).get();
}


// --------------  Columns Scroll ---------------- //

window.addEvent('domready',function(){
	
	var aScroll = window.getScroll().y;
	window.onscroll = function (e) {
		e.preventDefault();
		e.stopPropagation();
		ScrollColumns();
	}
	// window.addEvent('scroll', function(){
	// 	ScrollColumns();
	// });
	// var timer = ScrollColumns.periodical(1);

	var offset = 0;
	var HeaderHeight = 0;
	var FooterHeight = 0;
	var out = new String();
	var Columns = $$('.ScrollColumn');

	function ScrollColumns(){
		if((Columns.length>1) && (Browser.Engine.webkit == true || Browser.Engine.gecko == true)){
			var cScroll = window.getScroll().y;
			if (cScroll>aScroll){
				scrollColumn('up',cScroll);
			} else if (cScroll<aScroll) {
				scrollColumn('down',cScroll);
			}
			aScroll = window.getScroll().y;
		}
	}

	function scrollColumn(poss,scroll){
		// var scroll = window.getScroll().y;
		Columns.each(function(column){
			var cOffset = column.getCoordinates().height-window.getHeight()+column.getCoordinates().top+FooterHeight;
			
			if(cOffset-column.getStyle('top').toInt()<0){
				column.setStyles({ 'top': scroll+'px' });
			} else {
				if (poss=='up'){
					if(scroll>=cOffset){
						var margin = scroll - cOffset + column.getStyle('top').toInt();
						column.setStyles({ 'top': margin+'px' });
					}
				} else if (poss=='down') {
					var cOffset = column.getCoordinates().height-window.getHeight()+column.getCoordinates().top+FooterHeight-column.getStyle('top').toInt();
					var margin = column.getStyle('top').toInt();
					if(margin>scroll){
						column.setStyles({ 'top': scroll+'px' });
					}
				}
			}
		});
	}
	
	
});