var previous = "";
var skip = 0;
var skipDue = 0;
var indiceAA = 0;
var pulsanti = ["agenzia", "servizi", "clienti", "contatti", "portfolio", "news", "preventivo"];	// Imposto i pulsanti
var portfolio = new Array();
portfolio[1] = "pubblicita";

var storiaPortfolio = new Array();

var actualPos = 1;
var numeroImmagini = 0;
var operePortfolio = new Array();
var opere = new Array();
$(document).ready(

	function () {

		setInterval(hash, 100);

		// Creo il loader
		$("body").append('<div id="loader" style="display: none"><img src="/_/media/img/loader.gif" /></div>');

		// Nascondo i noJs
		$(".noJs").remove();

		// Nascondi il portfolio
		$("ul#portfolioList").hide(); ///////////////////////////////////////////////////
		
		$("div#header")		.click(function() { location.href="/index.php"; });
		$("div#header")		.css("cursor", "pointer");		
		
		$("li#portfolio")	.html('<img src="/_/media/img/menu/portfolio.jpg" />');
		$("li#clienti")		.html('<img src="/_/media/img/menu/clienti.jpg" />');
		$("li#servizi")		.html('<img src="/_/media/img/menu/servizi.jpg" />');
		$("li#agenzia")		.html('<img src="/_/media/img/menu/agenzia.jpg" />');
		$("li#contatti")	.html('<img src="/_/media/img/menu/contatti.jpg" />');

		$("li#news")		.html('<img src="/_/media/img/menu/news_down.jpg" />');
		$("li#newsletter")	.html('<img src="/_/media/img/subMenu/newsletter.jpg" />');
		$("li#job")			.html('<img src="/_/media/img/subMenu/job.jpg" />');
		$("li#area")		.html('<img src="/_/media/img/subMenu/areaRiservata.jpg" />');
		$("li#preventivo")	.html('<img src="/_/media/img/menu/preventivo_down.jpg" />');

		$("div#left").css("cursor", "pointer");

		// Creo i links //
		$("li.m").click(
			function () {
				
				if($.browser.msie) {
					$("div#areaPopup").hide();
					$("div#newsletterPopup").hide();
					$("div#jobPopup").hide();
				}
				else {
					$("div#areaPopup").fadeOut();
					$("div#newsletterPopup").fadeOut();
					$("div#jobPopup").fadeOut();
				}
				
				if($("ul#portfolioList").css("display") != "none")
					$("ul#portfolioList").slideUp();
				else if(this.id == "portfolio")
					$("ul#portfolioList").slideDown();
				
				$.each(pulsanti, function (e) {
					$("li#" + pulsanti[e]).html('<img src="/_/media/img/menu/' + pulsanti[e] + '_down.jpg" />');
				});
				
				$(this).html('<img src="/_/media/img/menu/' + this.id + '.jpg" />');
			}
		);
		
		$("li#agenzia").click(
			function ()
			{ content("agenzia"); }
		);
		
		$("li#servizi").click(
			function ()
			{ content("servizi"); }
		);		
		
		$("li#clienti").click(
			function ()
			{ content("clienti"); }
		);
		
		$("li#contatti").click(
			function ()
			{ content("contatti"); }
		);		

		// Sostituisco il testo flash //
		$(".textRep").flash({
		    src: '/_/media/swf/informazioni.swf',
		    width: 180,
		    height: 155
		});
		
		$(".textRep p").html("");

		//////////////////////
		
		$(".loghetti").flash({
		    src: '/_/media/swf/loghetti.swf',
		    width: 130,
		    height: 44
		});
		
		$("ul#portfolioList li").toggle(
			function () {
				$("ul#portfolioList li img").each(
					function (e) {
						$($("ul#portfolioList li img").get(e)).attr("src", $($("ul#portfolioList li img").get(e)).attr("src").replace("_down", ""));
					}
				);
					
				// Cerchiamo l'immagine //
				$($(this).find("img")).attr("src", $($(this).find("img")).attr("src").replace(".jpg", "_down.jpg"));
			},
			function () {
				$("ul#portfolioList li img").each(
					function (e) {
						$($("ul#portfolioList li img").get(e)).attr("src", $($("ul#portfolioList li img").get(e)).attr("src").replace("_down", ""));
					}
				);				

				// Cerchiamo l'immagine
				$($(this).find("img")).attr("src", $($(this).find("img")).attr("src").replace(".jpg", "_down.jpg"));
			}			
		);
	
		// Richiedi Preventivo //
		$("li#preventivo").click(
			function ()
			{ content("preventivo"); }
		);
		
		// Newsletter //
		$("div#homeNewsletter").click(function () {
				$("li#newsletter").trigger("click");
			}
		);
		
		$("li#news").click(
			function ()
			{ 
				content("news");
			}
		);		
			
		$("li#newsletter").click(
			function ()
			{ 
				
				partenza = 0;
				if($("ul#portfolioList").css("display") == "block")
				{
					partenza = 220;
				}				
				
				if($.browser.msie)
				{
					$("div#areaPopup").hide();
					$("div#jobPopup").hide();
				}
				else
				{
					$("div#areaPopup").fadeOut();
					$("div#jobPopup").fadeOut();
				}
				
				if($.browser.safari || $.browser.msie)
				{
					$("div#newsletterPopup").css("top", "260px");
					$("div#newsletterPopup font").css("line-height", "15px");
					nuovaPos = ((parseInt(partenza) + 269 - 10) + "px");
				}
				else
					nuovaPos = ((parseInt(partenza) + 269) + "px");

				$("div#newsletterPopup").css("top", nuovaPos);
				
				if($.browser.msie)
					$("div#newsletterPopup").show();
				else
					$("div#newsletterPopup").fadeIn();
			}
		);
		
		// Lavora con Noi //
		$("div#homeJob").click(function () {
				$("li#job").trigger("click");
			}
		);
			
		$("li#job").click(
			function ()
			{ 
				
				partenza = 0;
				if($("ul#portfolioList").css("display") == "block")
				{
					partenza = 220;
				}
				
				if($.browser.msie)
				{
					$("div#newsletterPopup").hide();
					$("div#areaPopup").hide();
				}
				else
				{
					$("div#newsletterPopup").fadeOut();
					$("div#areaPopup").fadeOut();
				}
								
				if($.browser.safari || $.browser.msie)
				{
					$("div#jobPopup").css("top", "165px");
					$("div#jobPopup font").css("line-height", "15px");
					
					nuovaPos = ((parseInt(partenza) + 175 - 10) + "px");
				}
				else
					nuovaPos = ((parseInt(partenza) + 175) + "px");
				
				$("div#jobPopup").css("top", nuovaPos);

				
				if($.browser.msie)
					$("div#jobPopup").show();
				else
					$("div#jobPopup").fadeIn();
			}
		);
		
		// Area Riservata //
		$("li#area").click(
			function ()
			{ 
				partenza = 0;
				if($("ul#portfolioList").css("display") == "block")
				{
					partenza = 220;
				}
				
				if($.browser.msie)
				{
					$("div#riservataPopup").hide();
					$("div#jobPopup").hide();
				}
				else
				{
					$("div#newsletterPopup").fadeOut();
					$("div#jobPopup").fadeOut();
				}
				
				if($.browser.safari || $.browser.msie)
				{
					$("div#riservataPopup").css("top", "165px");
					$("div#riservataPopup font").css("line-height", "15px");
					nuovaPos = ((parseInt(partenza) + 314 - 10) + "px");
				}
				else
					nuovaPos = ((parseInt(partenza) + 314) + "px");
					
				$("div#areaPopup").css("top", nuovaPos);
				
				if($.browser.msie)
					$("div#areaPopup").show();
				else
					$("div#areaPopup").fadeIn();
			}
		);
		
		p = 2;
		$("div#fotoUfficio img").live("click", function () {
			if(p == 10)
				p = 1;
			if($.browser.msie)
			{
				$("div#fotoUfficio div div").animate({
					marginTop: - (328 * (p-1))
				});
			}
			else
			{
				$("div#fotoUfficio div div").animate({
					marginTop: - (326 * (p-1))
				});
			}
			p++;
		});
		
	}

);

function content(pagina)
{
	s = pagina.match(/(^.)(.+)/);
	document.title = "Agenzia di Pubblicità | Marketing | Comunicazione | Web e Grafica di Latina | " + s[1].toUpperCase() + s[2];
	
	if($.browser.msie)
	{
		$("div#areaPopup").hide();
		$("div#newsletterPopup").hide();
		$("div#jobPopup").hide();
	}
	else
	{
		$("div#areaPopup").fadeOut();
		$("div#newsletterPopup").fadeOut();
		$("div#jobPopup").fadeOut();
	}
	
	makeHistory("content/" + pagina);
	$("div#content").fadeOut(function(){
		$("div#loader").fadeIn(
			function ()
			{
				$("div#content").load("/" + pagina + ".php #content", function () {		
					$("div#loader").fadeOut(function() {
						$("div#content").css("margin", "0px");
						$("div#content").fadeIn();			
						
						if(pagina == "agenzia") {
							$("li#liveCreativity").html('<img src="_/media/img/liveCreativity.jpg" width="82" height="76" alt="LiveCreativity">');
							$("li#companyProfile").html('<a href="company2010_web.pdf"><img border="0" src="_/media/img/companyProfile.jpg" width="82" height="76" alt="CompanyProfile"></a>');
							$("li#inOffice").html('<img src="_/media/img/inOffice.jpg" width="82" height="76" alt="InOffice">');
							
							$("li#liveCreativity").click(function () {
								$("div#subs").animate({
									marginLeft: -590
								});
							});
							
							$("li#inOffice").click(function () {
								$("div#subs").animate({
									marginLeft: -1180
								});
							});
						}
					});
				});
			}
		);
	});
}

function createPortfolio(id, da) {
	
	document.title = "Mandarinoadv - Agenzia di Pubblicità | Marketing | Comunicazione | Web e Grafica di Latina | Portfolio";
	
	if(!da)
		da = 0;
	
	storiaPortfolio[0] = id;
	storiaPortfolio[1] = da;
	
	makeHistory("portfolio/" + id + "," + da);	
	
	if($.browser.msie)
	{
		$("div#areaPopup").hide();
		$("div#newsletterPopup").hide();
		$("div#jobPopup").hide();
	}
	else
	{
		$("div#areaPopup").fadeOut();
		$("div#newsletterPopup").fadeOut();
		$("div#jobPopup").fadeOut();
	}
	
	$("div#content").fadeOut(
		function () {
			$("div#loader").fadeIn(
				function () {
					$.post("_/php/portfolio.php", { cat: id, from: da, hMany: "12000", type: "json" }, function (data, status) {
						if(data == null)
						{
							alert("Ooops... Si è verificato un errore...\nSe il problema persiste, contattaci");
							createPortfolio(1,0);
							return false;
						}
						
						$("div#content").html("");
						
						$(data).each(
							function (e) {
								
								if(e <= 19) {
									
									operePortfolio = data;
									opere = data;
									creaOpera(data[e]);
									$("div#opera_" + data[e].id).click(function () {
										location.hash = data[e].id;
										operaBig(e);
									});
									
								}
							}
						);
											
						// Aggiungi? Indietro? Chissa?!
						$.post("_/php/portfolio_info2.php", { cat: id, type: "json" }, 
							function (info) {
								
								$("div#content").append('<img src="/_/media/img/portfolioImages/'+ info.nome +'.png" width="96" height="96" alt="Portfolio" style="position: absolute; top: 140px; left: 870px">');
								$("div#content").append('<div style="clear: both; margin-right: 10px">');
								if(parseInt(da) + 20 < info.opere)
									$("div#content").append('<a style="float: right; margin-right: 30px; margin-top: 10px" href="javascript:;" onclick="createPortfolio(' + id + ',' + (parseInt(da) + 20) + ')"><img src="/_/media/img/subPortfolio/next.jpg" border="0" /></a>');
								if(da > 0)
									$("div#content").append('<a style="float: right; margin-top: 10px" href="javascript:;" onclick="createPortfolio(' + id + ',' + (parseInt(da) - 20) + ')"><img src="/_/media/img/subPortfolio/prev.jpg" border="0" /></a>');
									
								if(info.opere > 20) {
									
									pagIniziale = parseInt(da/20) + 1;
									pagFinale = parseInt(info.opere/20) + 1;
									
									$("div#content").append("<p style=\"float: right; color: #484848; margin-top: 10px; margin-right: 5px\">" + Math.ceil(pagIniziale) + " / " + Math.ceil(pagFinale) + "</p>");
									
								}
								$("div#content").append("</div>");
									$("div#loader").fadeOut(
										function () {
											$("div#content").fadeIn();
										}
									);
						}, "json");
						
						portfolioInteractive();
						
					}, "json");
				}
			);
		}
	);
}

function creaOpera(info)
{
	$("div#content").append(
		'<div class="elemento" id="opera_' + info.id + '" style="cursor: pointer; width: 162px; height: 162px; background-image: url(\'http://www.mandarinoadv.com/' + decode64(info.thumb) + '\'); float: left; margin: 2px; border: 5px solid #494949">'+
		'<div class="showHover" style="padding: 5px; background-color: #494949; color: white; font-family: Verdana; display: none">'+
		'<h2 style="font-size: 10px; font-weight: normal">' + decode64(info.cliente) + ' - ' + decode64(info.titolo) + '</h2>'+
		'</div>'+
		'</div>'
	);
}

function operaBig(info)
{
	document.title = "Mandarinoadv - Agenzia di Pubblicità | Marketing | Comunicazione | Web | Grafica di Latina | " + decode64(opere[info].cliente) + " " + decode64(opere[info].titolo) + " ";
	
	var pecetta = "";
	if(info > 0)
		pecetta += "<img style=\"cursor: pointer\" onclick=\"operaBig("+(info-1)+")\" src=\"/_/media/img/subPortfolio/prev.jpg\" /> ";
	
	if(info < (opere.length - 1))
		pecetta += "<img style=\"cursor: pointer\" onclick=\"operaBig("+(info+1)+")\" src=\"/_/media/img/subPortfolio/next.jpg\" /> ";
		
	skipDue = 1;
	actualPos = 0;
	$("div#content").fadeOut(
		function () {
			$.post("/_/php/getAllegati.php", { id: opere[info].id, type: "json" }, function (data) { 
					
					$("div#content").html('<div id="pContent"></div>' +
						'<div id="label">' +
						'<div id="cambiaOpera" style="float: right; margin-top: 20px"></div>' +
						'<h1></h1>' +
						'<h2></h2>' +
					'</div>');
					
					$("div#content").css({
						width: "738px",
						overflowX: "hidden"
					});
					
					$("div#pContent").wrap('<div style="border: 5px solid #808080;"><div style="width: 728px; overflow: hidden"></div></div>');
					
					$("div#pContent").css({
						width: 738 * data.length + "px",
						overflow: "hidden"
					});
					
					$("div#pContent").css("cursor", "pointer");
					
					numeroImmagini = data.length;
					$(data).each(function (indice) {
						
						// Vediamo se è flash o no!
						if(strstr(data[indice].file, "flv"))
						{
							$("div#pContent")	.append('<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="320" height="325" id="aa" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="FlashVars" value="one=http://www.mandarinoadv.com/' + data[indice].file + '"><param name="movie" value="player.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="player.swf" quality="high" bgcolor="#ffffff" width="320" height="325" name="aa" align="middle" FlashVars="one=http://www.mandarinoadv.com/' + data[indice].file + '" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></center>');
						}
						else
							$("div#pContent")	.append('<div class="opera" style="width: 738px; height: 400px; float: left; cursor: pointer"><img src="http://www.mandarinoadv.com/' + data[indice].file + '" /></div>');
						$("div#cambiaOpera")	.append('<a href="javascript:;" style="color: #494949; text-decoration: none" onclick="pos(' + indice + ');">' + (indice+1) + '</a> '); // <img border="0" src="_/media/img/subPortfolio/vuoto.jpg" />
						
					});
					
					$("div.opera img").hide().load(function () {
						$(this).fadeIn();
						if(indiceAA == 0)
							$("div#pContent").animate({
								height: $(this).height()
							});
						indiceAA++;
					});
					
					$($("div#cambiaOpera a").get(0)).css("color", "#494949");
					
					$("div#cambiaOpera a").click(function () {
						$("div#cambiaOpera a").css("color", "#494949");
						$(this).css("color", "black");
					});
					
					$("div#label h1").css({
						fontFamily: 	"Georgia",
						fontSize: 		"20px",
						color: 			"#494949",
						fontWeight: 	"normal",
						marginTop: 		"10px",
						padding: 		"5px",
						float: 			"left"
					});
					
					$("div#label h2").css({
						fontFamily: 	"Verdana",
						fontSize: 		"10px",
						color: 			"#494949",
						fontWeight: 	"normal",
						padding: 		"5px",
						borderTop: 		"1px dashed #808080",
						clear: 			"both"
					});
					
					$("div#label h1").html(decode64(opere[info].cliente));
					$("div#label h2").html("<strong>"+decode64(opere[info].titolo)+"</strong>");
					$("div#content").append('<div style="float: right">' + pecetta + '</div>');
					//alert(decode64(opere[info].descrizione));
					$("div#content").append('<p style="padding: 5px; padding-top: 2px; color: #494949">' + decode64(opere[info].descrizione) + '</p>');
					if(opere[info].link.length > 0)
						$("div#content").append('<p style="padding: 5px; padding-top: 2px; color: #494949">Link: <a href="'+opere[info].link+'">'+opere[info].link+'</a>');
					$("div#content").fadeIn();
					
					$("div#pContent div.opera img").click(
						function () {							
							$($("div#cambiaOpera a").get(actualPos)).css("color", "#494949");
							$($("div#cambiaOpera a").get(actualPos+1)).css("color", "black");
							actualPos++;
							pos(-1);
						}
					);
					
			}, "json");
		}
	);
}

function pos(pos) {
	
	if(pos == -1)
		pos = actualPos;
	else
		actualPos = pos;
	if(pos == numeroImmagini)
	{
		pos = 0;		
		actualPos = pos;
	}
	$("div#pContent").animate({
		marginLeft: "-" + (pos * 738) + "px",
		height: $($("div#pContent div.opera").get(pos)).find("img").height()
	}, "slow");
}

function portfolioInteractive() {
	
	$("div.elemento").hover(
		function () {
			$($(this).find(".showHover")).slideDown(50);
		},
		function () {
			$($(this).find(".showHover")).slideUp(50);
		}
	);
}

function hash() {
	
	if(location.hash != previous)
	{
		previous = location.hash;
		hash = location.hash;
		var parti = hash.split("/");
		
		if(skip == 0)
		{
			if(parti[0] == "#content")
			{
				content(parti[1]);
				$("#" + parti[1]).trigger("click");
			}
			else if(parti[0] == "#portfolio")
			{
				if(skipDue == 0)
					$("#portfolio").trigger("click");
				skipDue = 0;
				var inf = parti[1].split(",");
				createPortfolio(inf[0], inf[1]);
			}
		}
		else
			skip = 0;
	}
}

function makeHistory(cosa) {
	skip = 1;
	window.location.hash = cosa;
	previous = cosa;
}


// PREVENTIVO FUCK!
function changeStep(id) {
	$(".step").slideUp();
	$("#" + id).slideDown();
}

// I FORM! //
$(function() {
	$("form#sendNewsLetter").submit(function () {
		if($("#privacy").attr("checked") == true)
		{
//			alert($("#email").val());
			$("div#newsletterPopup p").html("<p>Ti sei iscritto con successo alla newsletter!</p>");
			$("div#newsletterPopup dl").remove();
		}
		else
			alert("Devi accettare il trattamento dei dati riservati!");
		return false;
	})
});

function strstr( haystack, needle, bool ) {
	
	var pos = 0;
	
	haystack += '';
	pos = haystack.indexOf( needle );
	if( pos == -1 ){
		return false;
	} else{
		if( bool ){
			return haystack.substr( 0, pos );
		} else{
			return haystack.slice( pos );
		}
	}
}

var keyStr = "ABCDEFGHIJKLMNOP" +
               "QRSTUVWXYZabcdef" +
               "ghijklmnopqrstuv" +
               "wxyz0123456789+/" +
               "=";

function decode64(input) {
	var output = "";
	var chr1, chr2, chr3 = "";
	var enc1, enc2, enc3, enc4 = "";
	var i = 0;
 
	// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
	var base64test = /[^A-Za-z0-9\+\/\=]/g;
	if (base64test.exec(input)) {
		alert(	"There were invalid base64 characters in the input text.\n" +
				"Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\n" +
				"Expect errors in decoding.");
	}

	input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
 
	do {
		enc1 = keyStr.indexOf(input.charAt(i++));
		enc2 = keyStr.indexOf(input.charAt(i++));
		enc3 = keyStr.indexOf(input.charAt(i++));
		enc4 = keyStr.indexOf(input.charAt(i++));
 
		chr1 = (enc1 << 2) | (enc2 >> 4);
		chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
		chr3 = ((enc3 & 3) << 6) | enc4;
 
		output = output + String.fromCharCode(chr1);
 
		if (enc3 != 64) {
			output = output + String.fromCharCode(chr2);
		}
		if (enc4 != 64) {
			output = output + String.fromCharCode(chr3);
		}

		chr1 = chr2 = chr3 = "";
		enc1 = enc2 = enc3 = enc4 = "";

	} while (i < input.length);
 
	return unescape(output);

}