jQuery.noConflict();

jQuery(document).ready(function() {

	jQuery(".work").hide();
	jQuery("a#link1").addClass("attivo");
	
	//jQuery("a[rel='portfolio']").colorbox({transition:"none", width:"75%", height:"75%"});

	jQuery("a#link2").click(function() {
		jQuery(this).addClass("attivo");
		jQuery("a#link1").removeClass("attivo");
		jQuery("a#link3").removeClass("attivo");
		jQuery("#result").show().html("<span title=\"wps\" id=\"check\"></span><a id=\"seo\" href=\"#!seo-ottimizzazione-motori\" title=\"servizio1\">SEO</a> | <a id=\"sem\" href=\"#!sem-marketing-motori-ricerca\" title=\"servizio2\">SEM</a> | <a id=\"seosem\" href=\"#!seo&sem-ottimizzazione-e-marketing\" title=\"servizio3\">SEO & SEM</a> | <a id=\"copywriter\" href=\"#!copywriter-scrittura\" title=\"servizio4\">COPYWRITER</a> | <a id=\"sicurezza\" href=\"#!sicurezza-informatica\" title=\"servizio5\">SICUREZZA</a> | <a id=\"sicurezza\" href=\"#!sviluppo-applicazioni-mobile\" title=\"servizio6\">MOBILE</a> ");

	jQuery("div#result > a").click(function() {
	jQuery("#welcome").hide();
	var box_id = jQuery(this).attr("title");
	var box = "#" + box_id ;
	if(box_id == "servizio1")	{
	jQuery("a#seo").addClass("attivo");
	jQuery("a#seosem").removeClass("attivo");
	jQuery("a#sem").removeClass("attivo");
	jQuery("a#sicurezza").removeClass("attivo");
	jQuery("a#copywriter").removeClass("attivo");
	jQuery("a#mobile").removeClass("attivo");
	jQuery(box).effect("slide", {color: "#E0E0E0"}, 1000);
	jQuery("div#servizio2").hide();
	jQuery("div#servizio3").hide();
	jQuery("div#servizio4").hide();
	jQuery("div#servizio5").hide();
	jQuery("div#servizio6").hide();
	}
	if(box_id == "servizio2")	{
	jQuery("a#sem").addClass("attivo");
	jQuery("a#seo").removeClass("attivo");
	jQuery("a#seosem").removeClass("attivo");
	jQuery("a#sicurezza").removeClass("attivo");
	jQuery("a#copywriter").removeClass("attivo");
	jQuery("a#mobile").removeClass("attivo");
	jQuery(box).effect("slide", {color: "#E0E0E0"}, 1000);
	jQuery("div#servizio1").hide();
	jQuery("div#servizio3").hide();
	jQuery("div#servizio4").hide();
	jQuery("div#servizio5").hide();
	jQuery("div#servizio6").hide();
	}
	if(box_id == "servizio3")	{
	jQuery("a#seosem").addClass("attivo");
	jQuery("a#seo").removeClass("attivo");
	jQuery("a#sem").removeClass("attivo");
	jQuery("a#sicurezza").removeClass("attivo");
	jQuery("a#copywriter").removeClass("attivo");
	jQuery("a#mobile").removeClass("attivo");
	jQuery(box).effect("slide", {color: "#E0E0E0"}, 1000);
	jQuery("div#servizio2").hide();
	jQuery("div#servizio1").hide();
	jQuery("div#servizio4").hide();
	jQuery("div#servizio5").hide();
	jQuery("div#servizio6").hide();
	}
	if(box_id == "servizio4")	{
	jQuery("a#copywriter").addClass("attivo");
	jQuery("a#seosem").removeClass("attivo");
	jQuery("a#sem").removeClass("attivo");
	jQuery("a#seo").removeClass("attivo");
	jQuery("a#sicurezza").removeClass("attivo");
	jQuery("a#mobile").removeClass("attivo");
	jQuery(box).effect("slide", {color: "#E0E0E0"}, 1000);
	jQuery("div#servizio2").hide();
	jQuery("div#servizio3").hide();
	jQuery("div#servizio1").hide();
	jQuery("div#servizio5").hide();
	jQuery("div#servizio6").hide();
	}
	if(box_id == "servizio5")	{
	jQuery("a#sicurezza").addClass("attivo");
	jQuery("a#seosem").removeClass("attivo");
	jQuery("a#sem").removeClass("attivo");
	jQuery("a#seo").removeClass("attivo");
	jQuery("a#copywriter").removeClass("attivo");
	jQuery("a#mobile").removeClass("attivo");
	jQuery(box).effect("slide", {color: "#E0E0E0"}, 1000);
	jQuery("div#servizio2").hide();
	jQuery("div#servizio3").hide();
	jQuery("div#servizio1").hide();
	jQuery("div#servizio4").hide();
	jQuery("div#servizio6").hide();
	}
	if(box_id == "servizio6")	{
	jQuery("a#mobile").addClass("attivo");
	jQuery("a#seosem").removeClass("attivo");
	jQuery("a#sem").removeClass("attivo");
	jQuery("a#seo").removeClass("attivo");
	jQuery("a#sicurezza").removeClass("attivo");
	jQuery("a#copywriter").removeClass("attivo");
	jQuery(box).effect("slide", {color: "#E0E0E0"}, 1000);
	jQuery("div#servizio2").hide();
	jQuery("div#servizio3").hide();
	jQuery("div#servizio1").hide();
	jQuery("div#servizio5").hide();
	}
	});
	});

	jQuery("a#link3").click(function() {
		jQuery(this).addClass("attivo");
		jQuery("a#link1").removeClass("attivo");
		jQuery("a#link2").removeClass("attivo");
		var test=jQuery("#check").attr("title");
		if ( test == "wps")
			jQuery("#result").html("<span color=\"#01233F\"></span>");
	});

	jQuery("a#link1").click(function() {
	jQuery(this).addClass("attivo");
	jQuery("a#link2").removeClass("attivo");
	jQuery("a#link3").removeClass("attivo");
	var test=jQuery("#check").attr("title");
		if ( test == "wps")
			jQuery("#result").html("<span color=\"#01233F\"></span>");
	});

	jQuery("#submit").click(function() {
	var nome=jQuery("input#nome2").attr("value");
	var tel=jQuery("input#telefono2").attr("value");
	var mail=jQuery("input#mail2").attr("value");
	var testo=jQuery("textarea#testo2").val();
	var captha=jQuery("input#captha2").attr("value");
	if ( (nome.length > 2) && (tel.length > 2) && (mail.length > 2) && (testo.length > 2)){
		var to_send="<br>Nome e Cognome: " + nome + "<br>Telefono: "+ tel +"<br>E-Mail: "+ mail + "<br>Testo: "+ testo;
		jQuery.ajax({
		type: "GET",
		url: "mail.php",
		data: "q="+to_send,
		success: function(data){
			jQuery("div#risposta").html(data);
		}
		});
	}
	else
			jQuery("div#risposta").html("<p><strong>Compila tutti i campi per favore.</strong></p>");
	});

	
});

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

var scroll = new Fx.Scroll('contenitore', {
	wait: false,
	duration: 2500,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Sine.easeInOut
});

$('link1').addEvent('click', function(e){
	e = new Event(e);
	//mySlide.slideOut();
	scroll.toElement('content1');
	e.stop();
});
 
$('link2').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content2');
});
 
$('link3').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content3');
});
 

/*
NON ESISTE PiU' INIZIO :-(((( 
Se lo si rimette ricordarsi di attivare mysqlide in link1 .. ;)
// Slide About
var mySlide = new Fx.Slide('inizio');
mySlide.hide();
 
$('link1').addEvent('click', function(e){
	e = new Event(e);
	mySlide.slideIn();
	scroll.toElement('content1');
	e.stop();
});
*/
})