$(document).ready( 
		function(){
			
			 //preload image;
			
			var img1 = new Image();	
			var img2 = new Image();	
			var img3 = new Image();	

			//var img4 = new Image();	
			
			$(img1).load().attr("src", siteloc+"ndxz-studio/site/img/push.png");
			//$(img4).load().attr("src", siteloc+"ndxz-studio/site/img/4-2.gif");
			$(img2).load().attr("src", siteloc+"ndxz-studio/site/img/push2.png");
			$(img3).load().attr("src", siteloc+"ndxz-studio/site/img/webicons.png");
			
			var $prev = $('#the_prev');
			var $next = $('#the_next');
			var $pane = $('#slidebox');
			
			
			$winsize = $(window).width();
			$linum=$('ul#slidelist li').size();
			$totsize = $winsize * $linum;
			$('ul#slidelist').css({"width":$totsize});
//			$winsize = $winsize - 140;
			$('ul#slidelist li').each(function(i){
				$(this).css({"width":$winsize});
			});
			
			if(scroll_resize){
				$(window).resize(function(){
			 		$winsize = $(window).width();
					$linum=$('ul#slidelist li').size();
					$totsize = $winsize * $linum;
					$('ul#slidelist').css({"width":$totsize});
//					$winsize = $winsize - 140;
					$('ul#slidelist li').each(function(i){
						$(this).css({"width":$winsize});
					});
				});
			}
			
			$.scrollTo.defaults.axis = 'x';

			$pane.serialScroll({
				items:'li',
				step:1,
				duration:800,
				force:true,
				cycle:false,
				navigation:'#scroll_nav li a',
				onBefore:function( e, elem, $pane, $items, pos ){

					//nascondi a sinistra
					if(pos == 0){
						$("#the_prev").css({'backgroundPosition':'-70px 0'});
						$("#the_next").css({'backgroundPosition':'0 0'});
					}
					//nascondi a destra
					if(pos == ($linum-1) ){
						$("#the_prev").css({'backgroundPosition':'0 0'});
						$("#the_next").css({'backgroundPosition':'70px 0'});
					}
					//visibili entrambi
					if(pos != 0 && pos != ($linum-1) ){
						$("#the_prev").css({'backgroundPosition':'0 0'});
						$("#the_next").css({'backgroundPosition':'0 0'});
					}
				
				}
	    	});
			
			//initial hide
			if(side_arrows_autohide){
				$("#the_next").css({'backgroundPosition':'70px 0'});
				$("#the_prev").css({'backgroundPosition':'-70px 0'});
			}else{
				$("#the_prev").css({'backgroundPosition':'-70px 40'});
			}
			
			
			//Maouse over trigger
			/*
			$("#the_next").mouseover(function(){
				if(side_arrows_autohide){
					$(this).stop().animate({backgroundPosition:"(0 0)"},200);
				}
				
				$(this).oneTime(900, "tscroll", function() {
	    			//$next.trigger('click');
					$pane.trigger('next');
				 });
			
			}).mouseout(function(){
			
				if(side_arrows_autohide){
					$(this).stop().animate({backgroundPosition:"(70px 0)"});
				}
				$(this).stopTime("tscroll");
			});
			
			$("#the_prev").mouseover(function(){
				
				if(side_arrows_autohide){
					$(this).stop().animate({backgroundPosition:"(0 0)"},200);
				}
				
				$(this).oneTime(900, "tscroll", function() {
					//$prev.trigger('click');
					$pane.trigger('prev');
			 	});
			
			}).mouseout(function(){
			
				if(side_arrows_autohide){
					$(this).stop().animate({backgroundPosition:"(-70px 0)"});
				}
				$(this).stopTime("tscroll");
			
			});
			*/	
						
		$("#the_next").click(function(){
			$pane.trigger('next');
			$(this).stopTime("tscroll");
		});
		
		$("#the_prev").click(function(){
			$pane.trigger('prev');
			$(this).stopTime("tscroll");
		});
				
		//Movimenti sulle key
				$(document).keyup(function(e){
			      switch( e.keyCode ){
			      	case 39://right (->)
			      		$pane.trigger('next');
			      	break;
			      	case 78://right (->)
			      		$pane.trigger('next');
			      	break;
			      	case 37://left (<-)
			      		$pane.trigger('prev');
			      	break;
			      	
			      	case 80://left (<-)
			      		$pane.trigger('prev');
			      	break;
			      	}
			  	});
		//Movimenti per la rotella mouse
		    	$('body').mousewheel(function(event, delta) {
												 
					if (delta < 0){
						$pane.trigger('next');
					}else if (delta > 0){
						$pane.trigger('prev');

					}
				});

		}
	); 


	/* TOOLTIP 
	 * 
	 * funzione per il tooltip e 
	 * sua configurazione (x/yOffset determinano 
	 * la posizione del tooltip rispetto al 
	 * cursore)
	 */

	this.tooltip = function(){	
		/* CONFIG */		
			xOffset = 50;
			yOffset = -10;		
			// these 2 variable determine popup's distance from the cursor
			// you might want to adjust to get the right result		
		/* END CONFIG */		
		$("a.tooltip").hover(function(e){											  
			this.t = this.title;
			this.title = "";									  
			$("body").append("<p id='tooltip'>"+ this.t +"</p>");
			win_size = $(document).width();
			div_size = $("#tooltip").width();
			if( (e.pageX + div_size) > win_size){
				$("#tooltip")
					.css("top",(e.pageY - xOffset) + "px")
					.css("left",(e.pageX + yOffset - div_size) + "px")
					.fadeIn("fast");
			}else{
				$("#tooltip")
					.css("top",(e.pageY - xOffset) + "px")
					.css("left",(e.pageX + yOffset) + "px")
					.fadeIn("fast");
			}
					
	    },
		function(){
			this.title = this.t;		
			$("#tooltip").remove();
	    });	
		$("a.tooltip").mousemove(function(e){
			win_size = $(document).width();
			div_size = $("#tooltip").width();
			if( (e.pageX + div_size) > win_size){
				$("#tooltip")
					.css("top",(e.pageY - xOffset) + "px")
					.css("left",(e.pageX + yOffset - div_size) + "px")
					.fadeIn("fast");
			}else{
				$("#tooltip")
					.css("top",(e.pageY - xOffset) + "px")
					.css("left",(e.pageX + yOffset) + "px")
					.fadeIn("fast");
			}
		});			
	};
	
	// starting the script on page load
	$(document).ready(function(){
		tooltip();
	});