/* effetti JS per tutte le pagine
 * -------------------------------
 * 1) init per le pagine
 * 1) Menu orizzontale
 * 2) Hover sulle icone
 * 3) Styleswitcher
 * 4) utility per Menu
 * 5) Effetti portfolio
 * 
 */

// 1. init
function initPage(id) {
	initMenu();
	initStyleswitcher(id);
	initPortfolio(id);
	iconHover();
}

function initMenu() {
	// inizializza il menu orizzontale
    $("ul.sf-menu").superfish({ 
            pathClass:  'current',
			autoArrows: false 
    }); 	
}


function initStyleswitcher(id) {
	initImages();
	//colore = "green";
	$('.styleswitch').click(function(){
		switchStylestyle($(this).attr("rel"));
	});

	$('.style_size').click(function() {
		var id =$(this).attr("id");
		changeTextSize(id);
	});
	
	
	var c = $.cookie('style');
	if (c != null) switchStylestyle(c);
	
	var s = $.cookie('size');
	if (s != null) changeTextSize(s);	
	/*	
	var c = readCookie('style');
	var s = read_sizeCookie('size');
	if(s) $('#contenuto').css("font-size",s+"px");
	*/
	
	//return colore;
}




// 2. menu orizzontale (Superfish v1.4.8)
;(function($){
	$.fn.superfish = function(op){

		var sf = $.fn.superfish,
			c = sf.c,
			$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),
			over = function(){
				var $$ = $(this), menu = getMenu($$);
				clearTimeout(menu.sfTimer);
				$$.showSuperfishUl().siblings().hideSuperfishUl();
			},
			out = function(){
				var $$ = $(this), menu = getMenu($$), o = sf.op;
				clearTimeout(menu.sfTimer);
				menu.sfTimer=setTimeout(function(){
					o.retainPath=($.inArray($$[0],o.$path)>-1);
					$$.hideSuperfishUl();
					if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
				},o.delay);	
			},
			getMenu = function($menu){
				var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
				sf.op = sf.o[menu.serial];
				return menu;
			},
			addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
			
		return this.each(function() {
			var s = this.serial = sf.o.length;
			var o = $.extend({},sf.defaults,op);
			o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
				$(this).addClass([o.hoverClass,c.bcClass].join(' '))
					.filter('li:has(ul)').removeClass(o.pathClass);
			});
			sf.o[s] = sf.op = o;
			
			$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
				if (o.autoArrows) addArrow( $('>a:first-child',this) );
			})
			.not('.'+c.bcClass)
				.hideSuperfishUl();
			
			var $a = $('a',this);
			$a.each(function(i){
				var $li = $a.eq(i).parents('li');
				$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
			});
			o.onInit.call(this);
			
		}).each(function() {
			var menuClasses = [c.menuClass];
			if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
			$(this).addClass(menuClasses.join(' '));
		});
	};

	var sf = $.fn.superfish;
	sf.o = [];
	sf.op = {};
	sf.IE7fix = function(){
		var o = sf.op;
		if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
			this.toggleClass(sf.c.shadowClass+'-off');
		};
	sf.c = {
		bcClass     : 'sf-breadcrumb',
		menuClass   : 'sf-js-enabled',
		anchorClass : 'sf-with-ul',
		arrowClass  : 'sf-sub-indicator',
		shadowClass : 'sf-shadow'
	};
	sf.defaults = {
		hoverClass	: 'sfHover',
		pathClass	: 'overideThisToUse',
		pathLevels	: 1,
		delay		: 800,
		animation	: {opacity:'show'},
		speed		: 'normal',
		autoArrows	: true,
		dropShadows : true,
		disableHI	: false,		// true disables hoverIntent detection
		onInit		: function(){}, // callback functions
		onBeforeShow: function(){},
		onShow		: function(){},
		onHide		: function(){}
	};
	$.fn.extend({
		hideSuperfishUl : function(){
			var o = sf.op,
				not = (o.retainPath===true) ? o.$path : '';
			o.retainPath = false;
			var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
					.find('>ul').hide().css('visibility','hidden');
			o.onHide.call($ul);
			return this;
		},
		showSuperfishUl : function(){
			var o = sf.op,
				sh = sf.c.shadowClass+'-off',
				$ul = this.addClass(o.hoverClass)
					.find('>ul:hidden').css('visibility','visible');
			sf.IE7fix.call($ul);
			o.onBeforeShow.call($ul);
			$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
			return this;
		}
	});

})(jQuery);




// 2. hover sulle icone
function iconHover() {
	$(".icon").hover(function() {
		$("#icon_desc").html($(this).attr("title"));
	},function(){
		$("#icon_desc").html("");
	});
}


// 3. styleswitchers

function initImages() {
	// preload delle immagini
	var im = new Image;
	im.src = '/images/green/bg_portfolio_scheda.jpg';
	var im = new Image;
	im.src = '/images/green/bot_menu_bg.gif';
	var im = new Image;
	im.src = '/images/green/bt_invia_richiesta.gif';
	var im = new Image;
	im.src = '/images/green/car_big.gif';
	var im = new Image;
	im.src = '/images/green/car_little.gif';
	var im = new Image;
	im.src = '/images/green/car_med.gif';
	var im = new Image;
	im.src = '/images/green/contact.gif';
	var im = new Image;
	im.src = '/images/green/gaya_commerce_menu.png';
	var im = new Image;
	im.src = '/images/green/gaya_design_menu.png';
	var im = new Image;
	im.src = '/images/green/gaya_posizionamento_menu.png';
	var im = new Image;
	im.src = '/images/green/gaya_software_menu.png';
	var im = new Image;
	im.src = '/images/green/gaya_tourism_menu.png';			
	var im = new Image;
	im.src = '/images/green/header_bg_intro.gif';
	var im = new Image;
	im.src = '/images/green/header_bot_menu.gif';
	var im = new Image;
	im.src = '/images/green/header_bot_sotmenu.gif';
	var im = new Image;
	im.src = '/images/green/header_logo.gif';
	var im = new Image;
	im.src = '/images/green/header_movement.jpg';
	var im = new Image;
	im.src = '/images/green/header_portfolio.jpg';
	var im = new Image;
	im.src = '/images/green/header_splash_int_green.gif';
	var im = new Image;
	im.src = '/images/green/header_splash.jpg';
	var im = new Image;
	im.src = '/images/green/iscriviti_ora.gif';
	var im = new Image;
	im.src = '/images/green/li_colonna_dx.gif';
	var im = new Image;
	im.src = '/images/green/li_contenuto_link.gif';
	var im = new Image;
	im.src = '/images/green/section_azienda_green.gif';		
	var im = new Image;
	im.src = '/images/green/section_commerce_green.gif';	
	var im = new Image;
	im.src = '/images/green/section_design_green.gif';	
	var im = new Image;
	im.src = '/images/green/section_posizionamento_green.gif';	
	var im = new Image;
	im.src = '/images/green/section_software_green.gif';	
	var im = new Image;
	im.src = '/images/green/section_tourism_green.gif';
	var im = new Image;
	im.src = '/images/green/tit_commerce.gif';	
	var im = new Image;
	im.src = '/images/green/tit_design.gif';	
	var im = new Image;
	im.src = '/images/green/tit_posizionamento.gif';	
	var im = new Image;
	im.src = '/images/green/tit_software.gif';									
	var im = new Image;
	im.src = '/images/green/tit_tourism.gif';	
	var im = new Image;
	im.src = '/images/green/multilingua.jpg';	
}


function initImages2() {
		var im = new Image;
	im.src = '/images/blue/bg_portfolio_scheda.jpg';
	var im = new Image;
	im.src = '/images/blue/bot_menu_bg.gif';
	var im = new Image;
	im.src = '/images/blue/bt_invia_richiesta.gif';
	var im = new Image;
	im.src = '/images/blue/car_big.gif';
	var im = new Image;
	im.src = '/images/blue/car_little.gif';
	var im = new Image;
	im.src = '/images/blue/car_med.gif';
	var im = new Image;
	im.src = '/images/blue/contact.gif';
	var im = new Image;
	im.src = '/images/blue/gaya_commerce_menu.png';
	var im = new Image;
	im.src = '/images/blue/gaya_design_menu.png';
	var im = new Image;
	im.src = '/images/blue/gaya_posizionamento_menu.png';
	var im = new Image;
	im.src = '/images/blue/gaya_software_menu.png';
	var im = new Image;
	im.src = '/images/blue/gaya_tourism_menu.png';			
	var im = new Image;
	im.src = '/images/blue/header_bg_intro.gif';
	var im = new Image;
	im.src = '/images/blue/header_bot_menu.gif';
	var im = new Image;
	im.src = '/images/blue/header_bot_sotmenu.gif';
	var im = new Image;
	im.src = '/images/blue/header_logo.gif';
	var im = new Image;
	im.src = '/images/blue/header_movement.jpg';
	var im = new Image;
	im.src = '/images/blue/header_portfolio.jpg';
	var im = new Image;
	im.src = '/images/blue/header_splash_int_green.gif';
	var im = new Image;
	im.src = '/images/blue/header_splash.jpg';
	var im = new Image;
	im.src = '/images/blue/iscriviti_ora.gif';
	var im = new Image;
	im.src = '/images/blue/li_colonna_dx.gif';
	var im = new Image;
	im.src = '/images/blue/li_contenuto_link.gif';
	var im = new Image;
	im.src = '/images/blue/section_azienda_green.gif';		
	var im = new Image;
	im.src = '/images/blue/section_commerce_green.gif';	
	var im = new Image;
	im.src = '/images/blue/section_design_green.gif';	
	var im = new Image;
	im.src = '/images/blue/section_posizionamento_green.gif';	
	var im = new Image;
	im.src = '/images/blue/section_software_green.gif';	
	var im = new Image;
	im.src = '/images/blue/section_tourism_green.gif';
	var im = new Image;
	im.src = '/images/blue/tit_commerce.gif';	
	var im = new Image;
	im.src = '/images/blue/tit_design.gif';	
	var im = new Image;
	im.src = '/images/blue/tit_posizionamento.gif';	
	var im = new Image;
	im.src = '/images/blue/tit_software.gif';									
	var im = new Image;
	im.src = '/images/blue/tit_tourism.gif';
	var im = new Image;
	im.src = '/images/blue/multilingua.jpg';		
	
	var im = new Image;
	im.src = '/images/purple/bg_portfolio_scheda.jpg';
	var im = new Image;
	im.src = '/images/purple/bot_menu_bg.gif';
	var im = new Image;
	im.src = '/images/purple/bt_invia_richiesta.gif';
	var im = new Image;
	im.src = '/images/purple/car_big.gif';
	var im = new Image;
	im.src = '/images/purple/car_little.gif';
	var im = new Image;
	im.src = '/images/purple/car_med.gif';
	var im = new Image;
	im.src = '/images/purple/contact.gif';
	var im = new Image;
	im.src = '/images/purple/gaya_commerce_menu.png';
	var im = new Image;
	im.src = '/images/purple/gaya_design_menu.png';
	var im = new Image;
	im.src = '/images/purple/gaya_posizionamento_menu.png';
	var im = new Image;
	im.src = '/images/purple/gaya_software_menu.png';
	var im = new Image;
	im.src = '/images/purple/gaya_tourism_menu.png';			
	var im = new Image;
	im.src = '/images/purple/header_bg_intro.gif';
	var im = new Image;
	im.src = '/images/purple/header_bot_menu.gif';
	var im = new Image;
	im.src = '/images/purple/header_bot_sotmenu.gif';
	var im = new Image;
	im.src = '/images/purple/header_logo.gif';
	var im = new Image;
	im.src = '/images/purple/header_movement.jpg';
	var im = new Image;
	im.src = '/images/purple/header_portfolio.jpg';
	var im = new Image;
	im.src = '/images/purple/header_splash_int_green.gif';
	var im = new Image;
	im.src = '/images/purple/header_splash.jpg';
	var im = new Image;
	im.src = '/images/purple/iscriviti_ora.gif';
	var im = new Image;
	im.src = '/images/purple/li_colonna_dx.gif';
	var im = new Image;
	im.src = '/images/purple/li_contenuto_link.gif';
	var im = new Image;
	im.src = '/images/purple/section_azienda_green.gif';		
	var im = new Image;
	im.src = '/images/purple/section_commerce_green.gif';	
	var im = new Image;
	im.src = '/images/purple/section_design_green.gif';	
	var im = new Image;
	im.src = '/images/purple/section_posizionamento_green.gif';	
	var im = new Image;
	im.src = '/images/purple/section_software_green.gif';	
	var im = new Image;
	im.src = '/images/purple/section_tourism_green.gif';
	var im = new Image;
	im.src = '/images/purple/tit_commerce.gif';	
	var im = new Image;
	im.src = '/images/purple/tit_design.gif';	
	var im = new Image;
	im.src = '/images/purple/tit_posizionamento.gif';	
	var im = new Image;
	im.src = '/images/purple/tit_software.gif';									
	var im = new Image;
	im.src = '/images/purple/tit_tourism.gif';
	var im = new Image;
	im.src = '/images/purple/multilingua.jpg';		
	
	
	var im = new Image;
	im.src = '/images/violet/bg_portfolio_scheda.jpg';
	var im = new Image;
	im.src = '/images/violet/bot_menu_bg.gif';
	var im = new Image;
	im.src = '/images/violet/bt_invia_richiesta.gif';
	var im = new Image;
	im.src = '/images/violet/car_big.gif';
	var im = new Image;
	im.src = '/images/violet/car_little.gif';
	var im = new Image;
	im.src = '/images/violet/car_med.gif';
	var im = new Image;
	im.src = '/images/violet/contact.gif';
	var im = new Image;
	im.src = '/images/violet/gaya_commerce_menu.png';
	var im = new Image;
	im.src = '/images/violet/gaya_design_menu.png';
	var im = new Image;
	im.src = '/images/violet/gaya_posizionamento_menu.png';
	var im = new Image;
	im.src = '/images/violet/gaya_software_menu.png';
	var im = new Image;
	im.src = '/images/violet/gaya_tourism_menu.png';			
	var im = new Image;
	im.src = '/images/violet/header_bg_intro.gif';
	var im = new Image;
	im.src = '/images/violet/header_bot_menu.gif';
	var im = new Image;
	im.src = '/images/violet/header_bot_sotmenu.gif';
	var im = new Image;
	im.src = '/images/violet/header_logo.gif';
	var im = new Image;
	im.src = '/images/violet/header_movement.jpg';
	var im = new Image;
	im.src = '/images/violet/header_portfolio.jpg';
	var im = new Image;
	im.src = '/images/violet/header_splash_int_green.gif';
	var im = new Image;
	im.src = '/images/violet/header_splash.jpg';
	var im = new Image;
	im.src = '/images/violet/iscriviti_ora.gif';
	var im = new Image;
	im.src = '/images/violet/li_colonna_dx.gif';
	var im = new Image;
	im.src = '/images/violet/li_contenuto_link.gif';
	var im = new Image;
	im.src = '/images/violet/section_azienda_green.gif';		
	var im = new Image;
	im.src = '/images/violet/section_commerce_green.gif';	
	var im = new Image;
	im.src = '/images/violet/section_design_green.gif';	
	var im = new Image;
	im.src = '/images/violet/section_posizionamento_green.gif';	
	var im = new Image;
	im.src = '/images/violet/section_software_green.gif';	
	var im = new Image;
	im.src = '/images/violet/section_tourism_green.gif';
	var im = new Image;
	im.src = '/images/violet/tit_commerce.gif';	
	var im = new Image;
	im.src = '/images/violet/tit_design.gif';	
	var im = new Image;
	im.src = '/images/violet/tit_posizionamento.gif';	
	var im = new Image;
	im.src = '/images/violet/tit_software.gif';									
	var im = new Image;
	im.src = '/images/violet/tit_tourism.gif';
	var im = new Image;
	im.src = '/images/violet/multilingua.jpg';				
}


function changeTextSize(id) {
	var fontsize;
	switch(id) {
		case "large":
			fontsize = 14;
		break;
		case "medium":
			fontsize = 12;		
		break;
		case "small":
			fontsize = 11;		
		break;
	}
	$('#contenuto').css("font-size", fontsize + "px");
	$('#contatta').css("font-size", fontsize + "px");
	$.cookie('size', fontsize, {expires:365, path: '/'});
	//create_sizeCookie('size', , 0);
	return false;	
}

function changeImgColor(col) {
	$(".style_tochange").each(function() {
		var src = $(this).attr("src");
		var arr = src.split("/");
		var new_src = "/images/" + col + "/" + arr[3];
		$(this).attr("src",new_src);
	});
}


function switchStylestyle(styleName)
{
	/*$('link[rel*=style][title]').each(function(i) 
	{
		//this.disabled = true;
		/*if (this.getAttribute('title') == "stile_" + color) {
			// disabilito questo foglio di stile
			$(this).attr("rel", "alternate stylesheet");
		}*/
		/*if (this.getAttribute('title') == styleName){
			//this.disabled = false;
			$(this).attr("rel","stylesheet");
			color = styleName.replace("stile_","");
			changeImgColor(color);
		}
		/*this.disabled = true;
		if ($(this).attr("rel") == "stylesheet")
		{
			$(this).attr("rel","alternate stylesheet");
		}
		if (this.getAttribute('title') == styleName){
			//this.disabled = false;
			$(this).attr("rel","stylesheet");
			color = styleName.replace("stile_","");
			changeImgColor(color);
		}*/
	/*});
	createCookie('style', styleName, 365);
	return color;*/
	/*$('link').each(function(){
		if ($(this).attr('title') != undefined) {
			if ($(this).attr('title').length != 0) {
				$stylesheet = $(this);
				$stylesheet.attr('disabled', true);
				//$('#' + $obj.attr('id') + ' a[href!=#' + $target + ']').removeClass('on');
				if ($stylesheet.attr('title') == styleName) {
					$stylesheet.attr('disabled', false);
					/*$.cookie('jquery_default_stylesheet', $target, {
						expires: 365,
						path: '/'
					});
					$('#' + $obj.attr('id') + ' a[href=#' + $target + ']').addClass("on");*/
		/*		}
			}
		}
	});*/
	$('link').each(function(){
		if ($(this).attr('title') != undefined && $(this).attr('title').length != 0) {
			$(this).attr('disabled', true);
			if ($(this).attr('title') == styleName) {
				$(this).attr('disabled', false);
				color = styleName.replace("stile_","");
				changeImgColor(color);
			}
		}
	});	
	$.cookie('style', styleName, {expires:365, path: '/'});
}

// cookie functions http://www.quirksmode.org/js/cookies.html
/*function createCookie(name,value,days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
function create_sizeCookie(name,value,days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
function read_sizeCookie(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
function eraseCookie(name)
{
	createCookie(name,"",-1);
}

*/



// 4. utility per menu (hoverIntent)

(function($){
	/* hoverIntent by Brian Cherne */
	$.fn.hoverIntent = function(f,g) {
		// default configuration options
		var cfg = {
			sensitivity: 7,
			interval: 100,
			timeout: 0
		};
		// override configuration options with user supplied object
		cfg = $.extend(cfg, g ? { over: f, out: g } : f );

		// instantiate variables
		// cX, cY = current X and Y position of mouse, updated by mousemove event
		// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
		var cX, cY, pX, pY;

		// A private function for getting mouse position
		var track = function(ev) {
			cX = ev.pageX;
			cY = ev.pageY;
		};

		// A private function for comparing current and previous mouse position
		var compare = function(ev,ob) {
			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
			// compare mouse positions to see if they've crossed the threshold
			if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
				$(ob).unbind("mousemove",track);
				// set hoverIntent state to true (so mouseOut can be called)
				ob.hoverIntent_s = 1;
				return cfg.over.apply(ob,[ev]);
			} else {
				// set previous coordinates for next time
				pX = cX; pY = cY;
				// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
				ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
			}
		};

		// A private function for delaying the mouseOut function
		var delay = function(ev,ob) {
			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
			ob.hoverIntent_s = 0;
			return cfg.out.apply(ob,[ev]);
		};

		// A private function for handling mouse 'hovering'
		var handleHover = function(e) {
			// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
			var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
			while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }
			if ( p == this ) { return false; }

			// copy objects to be passed into t (required for event object to be passed in IE)
			var ev = jQuery.extend({},e);
			var ob = this;

			// cancel hoverIntent timer if it exists
			if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }

			// else e.type == "onmouseover"
			if (e.type == "mouseover") {
				// set "previous" X and Y position based on initial entry point
				pX = ev.pageX; pY = ev.pageY;
				// update "current" X and Y position based on mousemove
				$(ob).bind("mousemove",track);
				// start polling interval (self-calling timeout) to compare mouse coordinates over time
				if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}

			// else e.type == "onmouseout"
			} else {
				// unbind expensive mousemove event
				$(ob).unbind("mousemove",track);
				// if hoverIntent state is true, then call the mouseOut function after the specified delay
				if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
			}
		};

		// bind the function to the two event listeners
		return this.mouseover(handleHover).mouseout(handleHover);
	};
	
})(jQuery);



// 5. Effetti portfolio

/*	Imposta il sito di default tramite il parametro della funzione (ID del sito)	*/
function show_first_site(id){
		var id_get = id;
		
		$.ajax({
			url: "/include/scheda_sito.php",
			type: "get",
			data: "id="+id_get+ "&year=0",
			dataType: "json",
			success: function(res) {
				var array_get = new Array(res.id, 0);
				$("#site_title").text(res.titolo);
				$("#site_img").attr({src: "/images_siti/BIG/"+res.id+".jpeg"});
				$("#site_descr").text(res.descrizione);
				$("#site_url").text(res.url);
				$("#site_anno").text(res.anno);
				$("#site_ruolo").text(res.ruolo);
				$("#site_subtitle").text(res.sottotitolo);
				$("#site_tecnologie").text(res.tecnologie);
				if (res.prev != 0) {
					$("#prev_site").show().attr({
						rel: res.prev + "||0"
					});
				}
				else $("#prev_site").hide();
				
				if(res.next != 0){
					$("#next_site").show().attr({
						rel: res.next + "||0"
					});
				}
				else $("#next_site").hide();
				show_all(sezioni, res.sezione);
				change_highlight(sezioni, array_get, res.sezione);
			}
		});
}


/*	Visualizza la sezione turismo e nasconde le altre	*/
function show_all(sezioni, nome_sez){
	for(i=2002; i<2009;i++) $('#div_'+i).hide();
	for(i=0; i<sezioni.length; i++){
		if (sezioni[i] != nome_sez) {
			$('#div_' + sezioni[i]).hide();
		}
	}
}


/*	Visualizza i siti della categoria del relativo ID	*/
function show_sites(nome_sezione, sezioni) {
	for(i=2002; i<2009;i++) $('#div_'+i).slideUp("slow");
	for(i=0; i<sezioni.length; i++){
		if (sezioni[i] != nome_sezione) {
			$('#div_' + sezioni[i]).slideUp("slow");
			$('#div_' + nome_sezione).slideDown("slow");
		}
	}
}

/*	Visualizza i siti dell'anno scelto*/
function show_year(sezioni, year){
		
	for (i = 0; i < sezioni.length; i++) $('#div_' + sezioni[i]).slideUp();
	for(i=2002; i<2009;i++) $('#div_'+i).slideUp("slow");
	
	$('#div_'+year).slideDown("slow");
}

/*	Evidenzia la categoria del sito su cui si passa il mouse	*/
function highlight_sezion(){

	$('.scheda').hover(function(){
		var name_sez = $(this).attr('title');
		$('#'+name_sez).addClass('attiva');
	}, function(){
		var name_sez = $(this).attr('title');
		//$('#'+name_sez).removeClass('attiva');
	});
}

/*	Evidenzia il sito e la categoria che si sta visualizzando	*/
function change_highlight(sezioni, array_get, nome_sez){
	for (i = 0; i < sezioni.length; i++) {
		$('#div_' + sezioni[i] + " a").removeClass('css_background');
		$("#" + sezioni[i]).removeClass('css_sezione');
	}
	$("#div_"+array_get[1]+" a[rel!="+array_get[0]+"||"+array_get[1]+"]").removeClass('css_background');
	
	
	array_get[1] != 0 ? what = array_get[1] : what = nome_sez;
	$("#div_" + what + " a[rel=" + array_get[0] + "||" + array_get[1] + "]").addClass('css_background');


	$("#"+nome_sez).addClass('css_sezione');
}


/*	Imposta le variabili css per gli effetti nel portfolio	*/
function css_color(colore){
	switch(colore){
		case 'green':
			color = '#5cb100';
		break;
		
		case 'blue':
			color = '#0099ff';
		break;
		
		case 'purple':
			color = '#e80073';
		break;
		
		case 'violet':
			color = '#7800ff';
		break;
	}
	
	/*	Ripristina il colore	*/
	css_reset = {
		'background-color' : '#ffffff',
		'color': color
		//'font-weight' : 'lighter'
	}
	
	/*	Evidenzia il sito selezionato	*/
	css_highlight = {
		'background-color' : color,
		'color': '#ffffff'
	}
	
	css_sezione = {
		'color' : '#000000'
	}
}

function initPortfolio(id_site){
	//col = c.split("_");
	//css_color(col[1]);

	sezioni = new Array("tourism", "commerce", "software", "promozione-posizionamento", "design", "generica");

	show_first_site(id_site);	//  Mostra il primo sito da visualizzare nel PORTFOLIO - parametro: id_sito

	//highlight_sezion();			//	Evidenzia la sezione corrispondente al sito su cui si passa il mouse
	
	
	$('.select').click(function(){				//	Cambia la categoria
		var nome_sezione = $(this).attr('id');
		var arr = new Array(0,0);
		
		change_highlight(sezioni, arr, nome_sezione);
		show_sites(nome_sezione, sezioni);				//	Mostra i siti della categoria scelta
		return false;
	});
	
	
	$('#src_but').click(function(){				//	Cambia l'anno
		var year = $('#sel_anno > option:selected').val();
		show_year(sezioni, year);						//	Mostra i siti dell'anno scelto
		return false;
	});
		
		
	$('.scheda').click(function(){ 				//	Mostra il sito selezionato tramite chiamata AJAX
		var array_get = $(this).attr("rel").split("||");
		var sez = $(this).attr('title');

		$('#scheda_sito_int').fadeOut("slow").fadeIn("slow");
		
		setTimeout(function(){
			$.ajax({
				url: "/include/scheda_sito.php",
				type: "get",
				data: "id=" + array_get[0] + "&year=" + array_get[1],
				dataType: "json",
				success: function(res){
					var array = new Array(res.id, array_get[1]);
					$("#site_title").text(res.titolo);
					$("#site_img").attr({
						src: "/images_siti/BIG/" + res.id + ".jpeg"
					});
					$("#site_descr").text(res.descrizione);
					$("#site_url").text(res.url);
					$("#site_anno").text(res.anno);
					$("#site_ruolo").text(res.ruolo);
					$("#site_subtitle").text(res.sottotitolo);
					$("#site_tecnologie").text(res.tecnologie);
					if (res.prev != 0) {
						$("#prev_site").show().attr({
							rel: res.prev + "||" + array_get[1]
						});
					}
					else $("#prev_site").hide();
					
					if (res.next != 0) {
						$("#next_site").show().attr({
							rel: res.next + "||" + array_get[1]
						});
					}
					else $("#next_site").hide();
					
					if(array_get[1] == 0) show_sites(res.sezione, sezioni);
					change_highlight(sezioni, array, res.sezione);
				}
			});
		}, 450)
	});
}