var _load_scripts = true;
var _openedDetailArray = new Array();
var _open_detail_str = "<p>Cliquez pour visualiser</p>"
var _next_project = null;
var _marginTop = 40;
var _toolbarArray = new Array();
//////////////////////////////////////////////////////////////////////////
//	SHARE / SOCIAL
function initShare(twitterStartText)
{
	if(!twitterStartText)
	{
		twitterStartText = "Progetti di FillStudio:";
	}
	$('.facebookShare').click(function(e){
		   var or_url = $(e.target).attr('href');
		   new_url = or_url.replace('progetti','share');
		   var url = 'http://www.facebook.com/sharer.php?u='+encodeURIComponent(new_url);
		   window.open(url,'facebookSharer','toolbar=0,status=0,width=626,height=436');
		   return(false);
	});
		  
	$('.twitterShare').click(function(e){
		   var titolo = $(e.target).attr('title');
		   var or_url = $(e.target).attr('href');
			new_url = or_url.replace('progetti','share');
		   var url = 'http://twitter.com/share?url=';
		   text = encodeURIComponent(twitterStartText+' '+titolo+' -');
		   url += encodeURIComponent(new_url);
		   url += '&text='+text;
		   window.open(url,'TwitterSharer','width=500,height=300');
		   return(false);
	});
}
//////////////////////////////////////////////////////////////////////////
//	HOMEPAGE NEWS HANDLERS
function initNews()
{
	$('.box3', '#news').find('.immagine').css({'position':'relative'});
	$('.box3', '#news').find('.immagine').bind('mouseenter', newsOver);
	
	//	FIX HEIGHT
	$('#news').css({'height':String($('#news').height() + "px")});
}


function newsOver(e)
{
	$(e.currentTarget).unbind('mouseenter', newsOver);
	$(e.currentTarget).parent().bind('mouseleave', newsOut);

	var image_wrapper = e.currentTarget;
	$(image_wrapper).css({
		"margin-top": "20px"
	});
	$(image_wrapper).stop(true, false).animate({"margin-top": "0px"},500, 'easeOutQuart');
	
	var abstract_wrapper = $('.abstract', $(e.currentTarget).parent());
	var paragraph = $('div', abstract_wrapper);
	var finalHeight = $(paragraph[0]).height() + 34;
	abstract_wrapper.css({
		'height':String((finalHeight * 70 / 100) + 'px'),
		'visibility':'visible'
	});
	abstract_wrapper.stop(true, false).animate({"height": finalHeight},1000, 'easeOutQuart');
	
};

function newsOut(e)
{
	$(e.currentTarget).unbind('mouseleave', newsOut);
	
	var image_wrapper = $('.immagine', e.currentTarget);
	image_wrapper.stop(true, false).animate({"margin-top": "40px"},500, 'easeOutQuart');
	image_wrapper.bind('mouseenter', newsOver);
	
	var abstract_wrapper = $('.abstract', e.currentTarget);
	var paragraph = $('div', abstract_wrapper);
	var finalHeight = $(paragraph[0]).height() + 34;
	abstract_wrapper.css({
		'height':String((finalHeight * 30 / 100) + 'px')
	});
	abstract_wrapper.stop(true, false).animate({"height": "0px"},1000, 'easeOutQuart', function()
		{
		abstract_wrapper.css({
			'visibility':'hidden',
			'height':String(finalHeight + "px")
		});
	});
	
};
//////////////////////////////////////////////////////////////////////////
//	PROJECTS
function initProjects()
{
	//	CHANGE 'A' TAG WITH 'SPAN'
	grabDetailLink();
	
	$('.project').bind('mouseenter', projectOver); 
	
	//	Project has detail > Rollover
	var projectDetailList = $('.project').has('h3 > a');
	if(projectDetailList.length > 0)
	{
		$('.open_detail', projectDetailList).css({'cursor':'pointer'});
		$('.open_detail', projectDetailList).bind('mouseenter', showOpenDetailBtn);
		$('.open_detail', projectDetailList).bind('mouseleave',hideOpenDetailBtn);
		$('.open_detail', projectDetailList).bind('click',initProjectDetail);
	}
	
}

function grabDetailLink()
{
	var abstractArray = $('.abstract > div').has('h3 > a');
	var detailUrlArray = $('.abstract > div').find('h3 > a');
	for(var i=0; i < abstractArray.length; i++)
	{
		var abs = abstractArray[i];
		//var title = $('h3 > a',abstractArray[i]).text();
		//$('h3 > a',abstractArray[i]).replaceWith(title);
		$('h3 > a').click(function(){return false;});
		$('h3 > a').css({'cursor':'default'});
		$(abs).append("<span class='detail_url'>" + detailUrlArray [i] + "</span>");
		$('.detail_url').css({
			'display':'none'
		});
	}
}

function projectOver(e)
{
	var project = e.currentTarget;
	$(project).unbind('mouseenter', projectOver);
	$(project).bind('mouseleave', projectOut);
	
	//	PROJECT BACKGROUND
	var bg = $('.bg_project', project);
	bg.css({
		'width':'90%', 
		'right':'0', 
		'left':''
	});
	bg.stop(true, true).animate({"width": "100%"},800, 'easeOutQuart');
}

function projectOut(e)
{
	var project = e.currentTarget;
	$(project).unbind('mouseleave', projectOut);
	$(project).bind('mouseenter', projectOver);
	
	//	PROJECT BACKGROUND
	var bg = $('.bg_project', project);
	bg.css({
		'width':'25%', 
		'right':'', 
		'left':'0'
	});
	bg.stop(true, true).animate({"width": "0"},400, 'easeOutQuart');
}

function showOpenDetailBtn(e)
{
	var open_detail = e.currentTarget;
	
	if($('.open_detail_btn', open_detail).length == 0)
	{
		$(open_detail).append("<div class='open_detail_btn'>" + _open_detail_str + "</div>");
	}
	var open_detail_btn = $('.open_detail_btn', open_detail);
	var open_detail_btn_w = 240;
	open_detail_btn.css({
		'color': $('.bg_project', open_detail).css('background-color'),
		'width':String((open_detail_btn_w / 100 * 65) + 'px'),
		'display':'block'
	});
	open_detail_btn.stop(true, true).animate({"width": open_detail_btn_w},1200, 'easeOutQuart');
}

function hideOpenDetailBtn(e)
{
	var open_detail = e.currentTarget;
	
	if( $('.open_detail_btn', open_detail).length > 0)
	{
		$('.open_detail_btn', open_detail).stop(true, true).animate({"width": '0px'},200, 'easeOutQuart',
				function()
				{
					$('.open_detail_btn', open_detail).css({
					'display':'none'
					});
				}
		);
	}
}

function initProjectDetail(e)
{
	//checkOpenedDetail();
	
	//	PROJECT LISTENERS
	var project = $('.project').has($(e.currentTarget));
	
	$(e.currentTarget).unbind('click', initProjectDetail);
	$(e.currentTarget).unbind('mouseleave',hideOpenDetailBtn);
	$(e.currentTarget).unbind('mouseenter',showOpenDetailBtn);
	
	$(e.currentTarget).css({
		'cursor':'default'
	});
	$(project).unbind('mouseleave', projectOut);
	

	//	NEW DETAIL TO OPEN
	var detail_container = $('.project').has($(e.currentTarget)).find('.project_async');
	if($(project).find('.content').length == 0 && $(project).find('.content').css('display') != 'none')
	{
		var urlToLoad = $('.project').has($(e.currentTarget)).find('.detail_url').text();
		 $(detail_container).detail({
			url:urlToLoad,
			closeBtn:'.close',
			nextBtn:'.next',
			prevBtn:'.prev',
			marginBottom:'40px'
		});
		$(detail_container).bind('CLOSE_SELECTED', onProjectDetailCloseSelected);
		$(detail_container).bind('CLOSE', onProjectDetailClosed);
	}
	else if($(project).find('.content').css('display') == 'none')
	{
		$(project).find('.content').css({'display':'block'});
		$(detail_container).animate({'height': $(project).find('.content').height(), 'margin-bottom':'40px'}, 1000, 'easeInOutQuart');
	}
	
	//SCROLL TO THE TOP OF SELCTED DETAIL 
	/*if(_openedDetailArray.length == 0)
	{
		$.scrollTo(project.position().top - _marginTop, 500);
	}*/
	$.scrollTo(project.position().top - _marginTop, 500);
	//	OPENED DETAIL
	_openedDetailArray.push( $(detail_container) );
	
	//	CLOSE DETAIL BTN
	if( $('.open_detail_btn', project).length > 0)
	{
		hideOpenDetailBtn({currentTarget: $('.open_detail', project)});
	}
}

function onProjectDetailCloseSelected(e)
{
	if($('.project').has(e.currentTarget) != undefined)
	{
		//alert('onProjectDetailCloseSelected');
		$.scrollTo($('.project').has(e.currentTarget).position().top - _marginTop, 500);
	}
}

function onProjectDetailClosed(e)
{
	var project = $('.project').has($(e.currentTarget));
	
	$('.open_detail', project).bind('click', initProjectDetail);
	$('.open_detail', project).bind('mouseleave',hideOpenDetailBtn);
	$('.open_detail', project).bind('mouseenter',showOpenDetailBtn);
	
	$('.open_detail', project).css({
		'cursor':'pointer'
	});
	
	projectOut({currentTarget:project});
	
	_openedDetailArray.splice(0,1);
	if(_openedDetailArray[0])
	{
		//$.scrollTo($('.project').has(_openedDetailArray[0]).position().top - _marginTop,500);
	}
	else if(_next_project )
	{
		//$.scrollTo(_next_project.position().top - _marginTop  ,500);
		//_next_project  = null;
	}
}

function checkOpenedDetail()
{
	//	OPENED PROJECT
	if(_openedDetailArray[0])
	{
		_openedDetailArray[0].animate({'height': '0px', 'margin-bottom':'0px'}, 1000, 'easeInOutQuart', function()
		{
			$('.content', _openedDetailArray[0]).css({'display':'none'});
			_openedDetailArray[0].trigger('CLOSE');
		});
	}
}
//////////////////////////////////////////////////////////////////////////
//	MAP
function openMap()
{
	if($('#map_wrapper').find('.focus').length == 0 && $('#map_wrapper').find('.focus').css('display') != 'none')
	{
		$('#map_wrapper').detail(
		{
			url:'/contatti',
			closeBtn:'#map_close',
			marginBottom:'40px'
		});
	}
	else if($('#map_wrapper').find('.content').css('display') == 'none')
	{
		$('#map_wrapper').find('.content').css({'display':'block'});
		$('#map_wrapper').animate({'height': $('#map_wrapper').find('.content').height(), 'margin-bottom':'40px'}, 1500, 'easeInOutQuart');
	}
	
	$.scrollTo($('#map_wrapper').position().top - _marginTop, 500);
};

//////////////////////////////////////////////////////////////////////////
//	INIT
$(document).ready(function()
{	
	$(function()
	{
		initNews();
		
		initProjects();
		
		initShare();
	});
});