window.onload=init;
window.onresize=refresh_elements;
var header_height=33;
var min_panel_width=32;
var min_panel_height=image_height;
var panel_out=false;
var panel_moving=false;
var panel2_out=false;
var panel2_moving=false;
var photo_x=0;
var photo_y=0;
var thum_width=800;
var photo_infos_active=true;
var photo_infos_visible=false;
var new_panel_height=400;


window.addEvent('domready', function() {
		var mySlide = new Fx.Slide('image-inner', {duration:500, transition: Fx.Transitions.Circ.easeOut});
//		var mySlide2 = new Fx.Slide('comment-inner', {duration:500, transition: Fx.Transitions.Circ.easeOut}).hide();
//		var mySlide3 = new Fx.Slide('addcomment', {duration:500, transition: Fx.Transitions.Circ.easeOut}).hide();
//		$('toggle').addEvent('click', function(e){e = new Event(e);mySlide2.toggle();e.stop();});
//		$('toggle2').addEvent('click', function(e){e = new Event(e);mySlide2.toggle();e.stop();});
//		$('toggle3').addEvent('click', function(e){e = new Event(e);mySlide3.toggle();e.stop();});
		var Tips2 = new Tips($$('.Tips2'), {initialize:function(){this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);},onShow: function(toolTip) {this.fx.start(1);},onHide: function(toolTip) {this.fx.start(0);}});
		});

window.addEvent('domready', function() {
        $$('.thumbnails').each(function(a) { 
 		var ocultab = new Fx.Style(a, 'opacity', {duration: 300, transition: Fx.Transitions.quadOut, wait: false}).set(0.5);
        a.addEvents({
            'mouseover': function(){
                ocultab.start(0.85);
	    },
	    	'mouseout': function(){
                ocultab.start(0.5);
            }
        });
    });
});

		
function init()
	{
	BrowserDetect.init();
	photo_opacity=new Fx.Style('photo','opacity',{duration:1000,transition:Fx.Transitions.linear,fps:60}).start(0,1);


	body_color_change=new Fx.Style('body','backgroundColor',{duration:1000,transition:Fx.Transitions.linear,fps:60});
	photo_infos_showhide=new Fx.Style('photo_infos','opacity',{duration:1000,transition:Fx.Transitions.linear,wait:false,fps:60}).start(0,0);



	panel_slide=new Fx.Style('panel','left',{duration:500,transition:Fx.Transitions.cubicInOut,fps:60});
	panel_slide.addEvent('onStart', function(){panel_moving=true});
	panel_slide.addEvent('onComplete',function(){panel_moving=false});


	panel2_slide=new Fx.Style('panel2','top',{duration:500,transition:Fx.Transitions.cubicInOut,fps:60});
	panel2_slide.addEvent('onStart', function(){panel2_moving=true});
	panel2_slide.addEvent('onComplete',function(){panel2_moving=false});



	document.getElementById('photo').onmouseover=show_infos;
	document.getElementById('photo').onmouseout=hide_infos;
	document.getElementById('photo_infos').onmouseover=show_infos;
	document.getElementById('photo_infos').onmouseout=hide_infos;
	document.getElementById('close_info').onclick=disable_infos;
	refresh_elements();
	}




function toggle_panel2()
{
	if(panel2_out==true)
		{
		panel2_slide.start(-81);
		panel2_out=false
		}
	else{
		panel2_slide.start(32);
		panel2_out=true
		}
	set_click2_bar_gfx()
}   


function set_click2_bar_gfx()
{
	if(panel2_out==false)
		{
		document.getElementById('panel2_click_bar').style.backgroundImage="url(templates/202_lafaille/styles/dark/panel2_clickbar_off.png)"
		}
	else{
		document.getElementById('panel2_click_bar').style.backgroundImage="url(templates/202_lafaille/styles/dark/panel2_clickbar_on.png)"
		}
}  


function toggle_panel()
{
	if(panel_out!=false)
		{
		panel_slide.start(-400);
		panel_out=false
		}
	else{
		panel_slide.start(0);
		panel_out=true
		}
	set_click_bar_gfx()

	if(BrowserDetect.browser!='Safari')
		{
		CSBfleXcroll('panel_scroll')
		}
	else{
		document.getElementById('input_message_id').style.width='364px'
		}
	
}           

function set_click_bar_gfx()
{
	if(panel_out==false)
		{
		document.getElementById('panel_click_bar').style.backgroundImage="url(templates/202_lafaille/styles/dark/panel_clickbar_off.png)"}else{document.getElementById('panel_click_bar').style.backgroundImage="url(templates/202_lafaille/styles/dark/panel_clickbar_on.png)"
		}
}   

function set_panel2_height()
	{
	panel2_height=300;
	document.getElementById('panel2').style.height=panel2_height+"px";
	}
function set_panel2_width()
	{
	panel2_width=1190;
	document.getElementById('panel2').style.width=panel2_width+"px";
	}

function set_panel_height()
	{
	if(document.documentElement.clientHeight-header_height<min_panel_height)
		{
		new_panel_height=min_panel_height
		}
	else
		{
		new_panel_height=document.documentElement.clientHeight-header_height
		}
	if(window.opera)
		{
		if(document.body.clientHeight-header_height<min_panel_height)
			{
				new_panel_height=min_panel_height
			}
		else
			{
				new_panel_height=document.body.clientHeight-header_height
			}
		}
	else 
		if(navigator.vendor)
			{
				if(navigator.vendor.substring(0,5)=="Apple")
					{
						if(window.innerHeight-header_height<min_panel_height)
							{
								new_panel_height=min_panel_height
							}
						else
							{
								new_panel_height=window.innerHeight-header_height
							}
					}
			}
			//document.getElementById('panel_shad').style.height
		document.getElementById('panel').style.height=document.getElementById('panel_scroll').style.height=document.getElementById('panel_click_bar').style.height=new_panel_height+"px";
		document.getElementById('comment_submit').onclick=function()
			{
			var lleHoTmaps=document.createElement('input');
			lleHoTmaps.setAttribute('type','hidden');
			lleHoTmaps.setAttribute('name','lleHoTmaps');
			lleHoTmaps.setAttribute('value','erehTyatSdna');
			document.getElementById('commentform').appendChild(lleHoTmaps);
			document.getElementById('commentform').submit()
			}
	}      


function set_thums_position()	
		{
		//thum_x=photo_x+border_size+image_width+80;
		thum_y=33;
		document.getElementById('thumbnails').style.top=thum_y+"px"
		if (image_width<760)
		{
		thum_x=photo_x-80;			
		}
		else
		{
		thum_x=photo_x+20;
		}
		document.getElementById('thumbnails').style.left=thum_x+"px";

		}

function set_photo_position()
	{
	photo_y=145;
	//Math.round(header_height+(new_panel_height/2)-(image_height/2));
	document.getElementById('image-inner').style.top=photo_y+"px";
	photo_x=Math.round(((document.body.clientWidth-min_panel_width)/2)-(image_width/2)+min_panel_width);
	if(photo_x<min_panel_width)
		{
		photo_x=min_panel_width
		}
	document.getElementById('image-inner').style.left=photo_x+"px"
	
	}


function set_photo_infos_position()	
		{
		photo_infos_x=photo_x+border_size-10;
		photo_infos_y=photo_y+border_size-10;
		document.getElementById('photo_infos').style.left=photo_infos_x+"px";
		document.getElementById('photo_infos').style.top=photo_infos_y+"px"
		}


function show_infos()
	{
	if(photo_infos_active==true&&photo_infos_visible==false)
		{
		photo_infos_showhide.start(0.85);
		photo_infos_visible=true
		}
	}

function hide_infos()
	{
	if(photo_infos_active==true&&photo_infos_visible==true)
		{
		photo_infos_showhide.start(0.85,0);
		photo_infos_visible=false
		}
	}

function disable_infos()
	{
		photo_infos_showhide.start(0.85,0);
		photo_infos_active=false
	}


function refresh_elements()
	{
		set_photo_position();
		set_panel_height();
		//set_panel2_height();
		//set_panel2_width();
		//set_thums_position();
		set_photo_infos_position();

	}


var BrowserDetect={init:function(){this.browser=this.searchString(this.dataBrowser)||"An unknown browser";this.version=this.searchVersion(navigator.userAgent)||this.searchVersion(navigator.appVersion)||"an unknown version";this.OS=this.searchString(this.dataOS)||"an unknown OS"},searchString:function(data){for(var i=0;i<data.length;i++){var dataString=data[i].string;var dataProp=data[i].prop;this.versionSearchString=data[i].versionSearch||data[i].identity;if(dataString){if(dataString.indexOf(data[i].subString)!=-1)return data[i].identity}else if(dataProp)return data[i].identity}},searchVersion:function(dataString){var index=dataString.indexOf(this.versionSearchString);if(index==-1)return;return parseFloat(dataString.substring(index+this.versionSearchString.length+1))},dataBrowser:[{string:navigator.userAgent,subString:"OmniWeb",versionSearch:"OmniWeb/",identity:"OmniWeb"},{string:navigator.vendor,subString:"Apple",identity:"Safari"},{prop:window.opera,identity:"Opera"},{string:navigator.vendor,subString:"iCab",identity:"iCab"},{string:navigator.vendor,subString:"KDE",identity:"Konqueror"},{string:navigator.userAgent,subString:"Firefox",identity:"Firefox"},{string:navigator.vendor,subString:"Camino",identity:"Camino"},{string:navigator.userAgent,subString:"Netscape",identity:"Netscape"},{string:navigator.userAgent,subString:"MSIE",identity:"Explorer",versionSearch:"MSIE"},{string:navigator.userAgent,subString:"Gecko",identity:"Mozilla",versionSearch:"rv"},{string:navigator.userAgent,subString:"Mozilla",identity:"Netscape",versionSearch:"Mozilla"}],dataOS:[{string:navigator.platform,subString:"Win",identity:"Windows"},{string:navigator.platform,subString:"Mac",identity:"Mac"},{string:navigator.platform,subString:"Linux",identity:"Linux"}]};