$(function(){
	//Get our elements for faster access and set overlay width
	var div = $('div.sc_menu'),
		ul = $('ul.sc_menu'),
		ulPadding = -3;
	
	var divWidth = div.width();

	div.css({overflow: 'hidden'});

	var lastLi = ul.find('li:last-child');
	

	div.mousemove(function(e){
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;	
		var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		div.scrollLeft(left);
	});
});	

/*
 * FancyBox - simple jQuery plugin for fancy image zooming
 * Version: 1.2.0-beta-2 (04/02/2009)
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
 * Requires: jQuery v1.3.1 or later
*/
(function($) {

	function log() {
		if (window.console && window.console.log)
			window.console.log(arguments[0]);
	};
	
 var elem, opts, busy = false, imagePreloader = new Image, loadingTimer, loadingFrame = 1;
 var isIE6 = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 7);
    
	$.fn.fancylayer = function(settings) {
	
	   settings	= $.extend({}, $.fn.fancylayer.defaults, settings);    
	    var matchedGroup = this;
	    
	    function _initialize() {
	        elem = this;
	        opts = settings;

  			_start();

			return false;
		}
		
   function _start() {
			if (busy) return;
        	
			opts.itemArray		= [];
        	opts.itemCurrent	= 0;

        	if (settings.itemArray.length > 0) {
        		opts.itemArray = settings.itemArray;
        		
			} else if ( matchedGroup.length == 1 ) {
				var item = { href: elem.href, title: elem.title };
	
				if (opts.zoomSpeedIn > 0 || opts.zoomSpeedOut > 0) {
					var context = $(elem).children("img:first").length ? $(elem).children("img:first") : $(elem);
					
					/*item.orig = { 'width': context.width(), 'height': context.height(), 'pos': $.fn.fancylayer.getPosition(context) };*/
					item.orig = { 'width': context.width(), 'height': context.height(), 'pos': $.fn.fancylayer.getPosition(context) };
					
				}
	   
				opts.itemArray.push( item );
	
			} else {
				var item = {};
				
				for (var i = 0; i < matchedGroup.length; i++) {
					item = {href: matchedGroup[i].href, title: matchedGroup[i].title};
					
					if (opts.zoomSpeedIn > 0 || opts.zoomSpeedOut > 0) {
						var context = $(matchedGroup[i]).children("img:first").length ? $(matchedGroup[i]).children("img:first") : $(matchedGroup[i]);
						
						item.orig = { 'width': context.width(), 'height': context.height(), 'pos': $.fn.fancylayer.getPosition(context) };
					}
					
					opts.itemArray.push( item );
				}
			}

			while ( opts.itemArray[ opts.itemCurrent ].href != elem.href ) {
				opts.itemCurrent++;
			}
			
			if (opts.overlayShow) {
				
				if (isIE6) {
					$("#layer_overlay").empty().prepend('<iframe class="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');
					//  $("#layer_frame").css({'margin-top' : '100px'});
				}
				
				$("#layer_overlay").css('opacity', opts.overlayOpacity).show();
			}
			
			_change_item();
        };

		function _change_item() {
			//$("#layer_close, #layer_frame").hide();
			
			var href = opts.itemArray[ opts.itemCurrent ].href;
			
				$.fn.fancylayer.showIframe();
				_set_content('<div id="layer_frame"></div>', opts.frameWidth, opts.frameHeight);
				var text = $("#layer_frame").load(href);
				
		};
		
		function _set_content(value, ww, hh) {

		var w	= $.fn.fancylayer.getViewport();

		var itemLeft	= w[2] + Math.round((w[0] - ww)	/ 2) - 33;
		/*alert (w);
		alert (ww);
		var itemTop		= w[3] + Math.round((w[1] - hh)	/ 2) - 20;*/	

	    var itemOpts = {
				/*'left':		itemLeft, 
				'top':		itemTop, 
				'width':	ww + 'px', 
				'height':	hh + 'px'	
				
				/*'left':	0 + 'px', */
				'left':		itemLeft,
				'top':		226 + 'px', 
				'width':	682 + 'px', 
				'height':	316 + 'px'	
			}

			if ($("#layer_outer").is(":visible")) {
							
							$("#layer_content").append($(value)).fadeIn("slow", function() {
			 
							var href = opts.itemArray[ opts.itemCurrent ].href;															 
							//var title = opts.itemArray[ opts.itemCurrent ].title;
							$("#layer_frame").load(href);
							//$("#layer_frame").css({'background-image' : 'url('+ title +')'});
								_finish();
							});
							
						
					/*$("#layer_content").fadeOut("fast", function() {

						$("#layer_content").empty().append($(value)).fadeIn("fast", function() {
																 
							_finish();
						});
					});*/
					

				
			} else {
				
				if (opts.zoomSpeedIn > 0) {

					$("#layer_content").empty().append($(value));
					
					$("#layer_outer").css({
						//partenza layer
						'left':		(opts.itemArray[opts.itemCurrent].orig.pos.left + 36) + 'px',
						'top': 		(opts.itemArray[opts.itemCurrent].orig.pos.top  - 18) + 'px',
						'width':	opts.itemArray[opts.itemCurrent].orig.width  + 'px',
						'height':	opts.itemArray[opts.itemCurrent].orig.height + 'px'

					});

					busy = true;
					
					$("#layer_outer").animate(itemOpts, opts.zoomSpeedIn, function() {
						_finish();
					});
					
				} else {
					
					$("#layer_content").empty().append($(value));
				
					busy = true;
						
					$("#layer_outer").css(itemOpts).fadeIn("normal", function() {
						_finish();
					});
				}
			}
					
		};
		
		function _finish() {
			$(document).keydown(function(event) {
				if (event.keyCode == 27) {
            		$.fn.fancylayer.close();
            		$(document).unbind("keydown");

				} else if(event.keyCode == 37 && opts.itemCurrent != 0) {
            		opts.itemCurrent--;
					_change_item();
					$(document).unbind("keydown");

				} else if(event.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) {
            		opts.itemCurrent++;
					_change_item();
					$(document).unbind("keydown");
				}
			});
		

			/*if (opts.centerOnScroll) {
				$(window).scroll($.fn.fancylayer.scrollBox);
			} else {
				$(window).unbind("scroll");
			}*/
			
			$(window).resize(function() {
				$.fn.fancylayer.scrollBox();
			});
			
			if (opts.hideOnContentClick) {
				$("#layer_wrap").click($.fn.fancylayer.close);
			} else {
				$("#layer_wrap").unbind();
			}
			
			$("#layer_close").show();
			
			/*if (opts.itemArray[ opts.itemCurrent ].title !== undefined && opts.itemArray[ opts.itemCurrent ].title.length > 0) {
			
				$('#layer_title div').html(opts.itemArray[ opts.itemCurrent ].title);
				$('#layer_title').show();
			}*/
			
			$.fn.fancylayer.scrollBox();
			
			busy = false;
		}
		
		return this.unbind('click').click(_initialize);
	};
	
	
	$.fn.fancylayer.scrollBox = function(el) {
		/*$("#fancy_outer").css('left', ($(document).scrollLeft() + Math.round(($(window).width() - $("#fancy_outer").width())	 / 2) + 36));
		$("#fancy_outer").css('top',  ($(document).scrollTop() + Math.round(($(window).height() - $("#fancy_outer").height()) / 2) - 20));*/
		
		$("#layer_outer").css('left', ($(document).scrollLeft() + Math.round(($(window).width() - $("#layer_outer").width()) / 2) + 96));
		/*$("#layer_outer").css('top',  ($(document).scrollTop() + Math.round(($(window).height() - $("#layer_outer").height()) / 2) - 20));*/
	};
	
	$.fn.fancylayer.getNumeric = function(el, prop) {
		return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;
	};
	
	$.fn.fancylayer.getPosition = function(el) {
		var pos = el.offset();
			
		/*pos.top	+= $.fn.fancylayer.getNumeric(el, 'paddingTop');
		pos.top	+= $.fn.fancylayer.getNumeric(el, 'borderTopWidth');*/

 		pos.left += $.fn.fancylayer.getNumeric(el, 'paddingLeft');
		pos.left += $.fn.fancylayer.getNumeric(el, 'borderLeftWidth');
		
		return pos;
	};

	$.fn.fancylayer.showIframe = function() {
		$("#layer_loading").hide();
		$("#layer_frame").fadeIn("slow");
	};
	
	$.fn.fancylayer.getViewport = function() {
		return [$(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];
	};
	
	$.fn.fancylayer.animateLoading = function() {
		if (!$("#layer_loading").is(':visible')){
			clearInterval(loadingTimer);
			return;
		}
		$("#layer_loading > div").css('top', (loadingFrame * -40) + 'px');
		loadingFrame = (loadingFrame + 1) % 12;
	};
	
	$.fn.fancylayer.showLoading = function() {
		clearInterval(loadingTimer);

		var pos = $.fn.fancylayer.getViewport();

		$("#layer_loading").css({'left': ((pos[0] + 56) / 2 + pos[2]), 'top': ((pos[1] - 40) / 2 + pos[3])}).show();
		$("#layer_loading").css({'left': (0), 'top': (0)}).show();
		$("#layer_loading").bind('click', $.fn.fancylayer.close);
		
		loadingTimer = setInterval($.fn.fancylayer.animateLoading, 66);
	};

    $.fn.fancylayer.close = function() {
    	
    	$(imagePreloader).unbind();
    	$("#layer_close, #layer_loading").hide();
    	$(".sc_menu li a").css({'opacity' : '1'});
		
    	if ($("#layer_outer").is(":visible") !== false) {
    		
    		if (opts.zoomSpeedOut > 0 && opts.itemArray[opts.itemCurrent].orig !== undefined) {
    			
    			$("#layer_outer").animate({
																																	
					//POSIZIONI CHIUSURA																												
					'left':		(opts.itemArray[opts.itemCurrent].orig.pos.left ) + 'px',
					'top': 		(opts.itemArray[opts.itemCurrent].orig.pos.top ) + 'px',
					'width':	opts.itemArray[opts.itemCurrent].orig.width  + 'px',
					'height':	opts.itemArray[opts.itemCurrent].orig.height + 'px'
				
				}, opts.zoomSpeedOut, "swing", function() {
					busy = false;

					$("#layer_overlay, #layer_outer, #layer_frame").hide();
					
	    			$("#layer_content").empty();
				});
					
			} else {
				
	    		busy = true;

	    		$("#layer_outer").stop().fadeOut("fast", function() {
	    			busy = false;

	    			$("#layer_overlay, #layer_outer, #layer_frame").hide();
					
	    			$("#layer_content").empty();
				});
			}
			
    	} else {
    		$("#layer_close, #layer_loading, #layer_overlay").hide();	
		}
    	
    	return false;
    };
	
	$.fn.fancylayer.build = function() {
		var html = '';
		
		html += '<div id="layer_overlay"></div>';
	
		html += '<div id="layer_wrap">';
		
		html += '<div id="layer_loading"><div></div></div>';
		
		html += '<div id="layer_outer">';
		
		html += '<div id="layer_inner">';
		
		html += '<div id="layer_close" ></div>';

       html += '<div id="layer_content"></div>';
		
		html += '</div>';
		
		html += '</div>';
	
		html += '</div>';

		$(html).appendTo("body");
		
		/*if (isIE6) {
			$("#layer_inner").prepend('<iframe class="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');
		}*/
		
		//if (jQuery.fn.pngFix) $(document).pngFix();

		$("#layer_overlay, #layer_bigIframe, #layer_loading, #layer_close, #layer_frame").bind("click", $.fn.fancylayer.close);
	};

	$.fn.fancylayer.defaults = {
		imageScale			:	false,
		zoomOpacity			:	true,
		zoomSpeedIn			:	0,
		zoomSpeedOut		:	0,
		zoomSpeedChange		:	500,
		frameWidth			:	425,
		frameHeight			:	355,
		overlayShow			:	true,
		overlayOpacity		:	0.2,
		hideOnContentClick	:	false,
		centerOnScroll		:	true,
		itemArray			:	[]
	};
	
$(document).ready(function() {
	
	$.fn.fancylayer.build();
  	$(".layer p a").fancylayer({'overlayShow': false, 'zoomSpeedIn': 500, 'zoomSpeedOut' : 500});
	$(".sc_menu li a").fancylayer({'overlayShow': false, 'zoomSpeedIn': 500, 'zoomSpeedOut' : 500});
	
	/*if ( $(".sc_menu").length > 0 ) {
			
 	$.fn.fancylayer.build();

  			$(".sc_menu li a").fancylayer({'overlayShow': false, 'zoomSpeedIn': 500, 'zoomSpeedOut' : 500});
	}else{
     return true;
	}*/		
		
	$(".sc_menu li a").click(function()	{
		$(".sc_menu li a").css({'opacity' : '1'});							  
		$(this).css({'opacity' : '0.5'});
	});


	
});
	
})(jQuery);