jQuery(function(){
   jQuery("#page-case div.svw").prepend("<img src='spinner.gif' class='ldrgif' alt='loading...'/ >"); 
});

var j = 0;
var quantofamo = 0;
jQuery.fn.projectSlideView = function(settings) {
	settings = jQuery.extend({
		viewport: 1120,
		easeFunc: "easeInOutExpo",
		easeTime: 750,
		toolTip: false,
		ttOpacity: 0.9
	}, settings);
	return this.each(function(){
		var container = jQuery(this);
		container.find("img.ldrgif").remove();
		container.removeClass("svw").addClass("projectViewer");
		
		container.find("li").each(function(n){
			/*Default action*/
			container.find("li > div.over").hide();
			/*mouseenter and mouseleave*/
			$(this).mouseenter(function(event, value){
				
				$("div.over", this).parent().parent().find("div.over").not($("div.normal", this)).hide();
				$("div.normal", this).parent().parent().find("div.normal").not($("div.normal", this)).show();
				$("div.over", this).show();
				$("div.normal", this).hide();
				jQuery("div#projectTransmitter"+ (j-1) + " li:nth-child("+(n+1)+") a").addClass("current").parent().parent().find("a").not(jQuery("div#projectTransmitter"+ (j-1) + " li:nth-child("+(n+1)+") a")).removeClass("current");
				
			});
		});
		
		var pictWidth = container.find("li > div.normal").width() + 5;
		var pictHeight = container.find("li > div.over").height() + 10;
		var pictEls = container.find("li > div.normal").size();
		var stripViewerWidth = pictWidth*pictEls + 132;
		
		container.find("ul").css("width" , stripViewerWidth);/*Set stripviewer width : Need to be calculated dynamically as per the width of each li block*/
		container.css("width" , settings.viewport);/*Set width of the container*/
		//container.css("height" , pictHeight);/*Set height of the container*/
		
		container.each(function(i) {
    jQuery(this).after("<div class='projectTransmitter' id='projectTransmitter" + (j) + "'><ul><\/ul><\/div>");
		/*Adding thumbnail buttons*/
		jQuery(this).find("li").each(function(n) {
		jQuery("div#projectTransmitter" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+'&nbsp;'+"<\/a><\/li>");
		});
		
		/*find links and bind click to buttons*/
		jQuery("div#projectTransmitter" + j + " a").each(function(z) {
		jQuery(this).bind("click", function(event, value){
		
		jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("shown"); // wow!
		jQuery(this).addClass("shown");
		jQuery(this).parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown");
		jQuery("#canvas-projects-slider ul li:nth-child("+(parseInt(z)+1)+")").trigger("mouseenter");
		
		var cnt = -(pictWidth*z);
		container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
		return false;
		});
		});
		
		jQuery("div#projectTransmitter" + j).css("width" , settings.viewport);/*Set buttons width.*/
		/*
		jQuery("div#projectTransmitter" + j + " a:first").addClass("current");
		jQuery("#canvas-projects-slider ul li:first div.normal").hide();
		jQuery("#canvas-projects-slider ul li:first div.over").show();
		jQuery("div#projectTransmitter" + j + " a:first").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown").parent().next().find("a").addClass("shown");
		*/
		/*
		$("div#canvas-projects-slider div.normal > a > img").load(function(){
			grayscale($(this));
		});
		*/
		//grayscale($("div#canvas-projects-slider div.normal > a > img"));
		jQuery("div#projectTransmitter" + j + " a:first").trigger('click');
		jQuery('body').append('<div class="tooltip" style="display:none;"><\/div>');/*Tooltip div added.*/
		
		/*If tooltip enabled.*/
		if(settings.toolTip){
		var aref = jQuery("div#projectTransmitter" + j + " a");
		
		aref.live('mousemove', function(e) {
		var att = jQuery(this).attr('title');
		posX=e.pageX+10;
		posY=e.pageY+10;
		jQuery('.tooltip').html(att).css({'position': 'absolute', 'top': posY+'px', 'left': posX+'px', 'display': 'block', 'opacity': settings.ttOpacity});
		});
		aref.live('mouseout', function() {
		jQuery('.tooltip').hide();
		});				
		}
		
		});
		j++;
	});/*End of return */
};/*End of slideview function*/