jQuery(function(){
jQuery("div.svw").prepend("<div style=\"position:absolute;padding-left:444px;padding-top:127px;\"><img src='img/spinner.gif' class='ldrgif' alt='loading...'/ ></div>"); 
});

var j = 0;
var quantofamo = 0;



jQuery.fn.slideView = function(settings) {
    settings = jQuery.extend({
        easeFunc: "easeInOutExpo",
        easeTime: 500,
        toolTip: false
    }, settings);
    return this.each(function() {
        var container = jQuery(this);
        container.find("img.ldrgif").remove(); // removes the preloader gif
        container.removeClass("svw").addClass("stripViewer");
        var pictWidth = 903; //container.find("table").width();
        var pictHeight = 270; //container.find("table").height();
        var pictEls = container.find("li").size();
        var stripViewerWidth = pictWidth * pictEls;
        container.find("ul").css("width", stripViewerWidth); //assegnamo la larghezza alla lista UL	
        container.css("width", pictWidth);
        container.css("height", pictHeight);
        container.each(function(i) {

            jQuery(this).after("<div style='width:21px;height:45px;float:left;background-image:url(img/bg_slide.jpg);'></div><div style='float:left;'><div style='background-image:url(img/bg_slide.jpg);width:881px;height:45px;'><div class='stripTransmitter' id='stripTransmitter" + (j) + "'><ul id='ulLinks'><\/ul><\/div></div></div>");
            
			jQuery(this).find("li").each(function(n) {								  
				/*jQuery("div#stripTransmitter" + j + " ul").append("<li><a title='" + meusLinks[n] + "' href='#'>" + meusLinks[n] + "</a><\/li>");*/						  				
				if(n < meusLinks.length-1)
				{
				jQuery("div#stripTransmitter" + j + " ul").append("<li><div style='float:left;'><div class='bg_menu_anim_esq'><img src='img/x.gif'></div><div style='float:left;' class='meio'><a title='" + meusLinks[n] + "' href='#'>" + meusLinks[n] + "</a></div><div class='bg_menu_anim_dt'><img src='img/x.gif'></div></div><div style='float:left;'><img src='img/bg_slide_separador.gif' /></div><\/li>");
				
				}
				else
				{
					jQuery("div#stripTransmitter" + j + " ul").append("<li><div style='float:left;'><div class='bg_menu_anim_esq'><img src='img/x.gif'></div><div style='float:left;' class='meio'><a title='" + meusLinks[n] + "' href='#'>" + meusLinks[n] + "</a></div><div class='bg_menu_anim_dt'><img src='img/x.gif'></div></div><\/li>");
				}
												  
                
				
				
           
		   
		   });
			
			
			
            jQuery("div#stripTransmitter" + j + " a").each(function(z) {
                jQuery(this).bind("click", function() {
                    //jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
					//jQuery(this).addClass("current").parent().parent().parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
                    
					
					//Põe o estilo
					jQuery(this).addClass("current");
					
					//Retira o estilo
					//jQuery(this).parent().parent().parent().find("a").not(jQuery(this)).removeClass("current"); 
					jQuery(this).parent().parent().parent().parent().find("a").not(jQuery(this)).removeClass("current"); 
				
					//Retira os Estilos Laterais a todos
					//jQuery(this).parent().parent().parent().find("div").not(jQuery(this)).removeClass("bg_menu_anim_esq_activo");
					//jQuery(this).parent().parent().parent().find("div").not(jQuery(this)).removeClass("bg_menu_anim_dt_activo"); 
					jQuery(this).parent().parent().parent().parent().find("div").not(jQuery(this)).prev().prev().removeClass("bg_menu_anim_esq_activo");
					jQuery(this).parent().parent().parent().parent().find("div").not(jQuery(this)).next().next().removeClass("bg_menu_anim_dt_activo");
			
					
					//Põe o estilo às Laterais da Clicada
					jQuery(this).parent().parent().find("div").prev().prev().addClass("bg_menu_anim_esq_activo");
					jQuery(this).parent().parent().find("div").next().next().addClass("bg_menu_anim_dt_activo");
					
                    var cnt = -(pictWidth * z);
                    container.find("ul").animate({ left: cnt }, settings.easeTime, settings.easeFunc);
                    return false;
                });
            });


            // next image via image click	14/01/2009
            jQuery("div#stripTransmitter" + j + " a").parent().parent().parent().prev().find("img").each(function(z) {
                jQuery(this).bind("click", function() {
                    var ui = jQuery(this).parent().parent().parent().next().find("a");
                    if (z + 1 < pictEls) {
                        ui.eq(z + 1).trigger("click");
                    }
                    else ui.eq(0).trigger("click");
                });
            });

            jQuery("div#stripTransmitter" + j).css("width", pictWidth);
            jQuery("div#stripTransmitter" + j + " a:first").addClass("current");
			
			////Põe o estilo às Laterais da Primeira
			 jQuery("div#stripTransmitter" + j + " a:first").parent().parent().find("div").prev().prev().addClass("bg_menu_anim_esq_activo");
			 jQuery("div#stripTransmitter" + j + " a:first").parent().parent().find("div").next().next().addClass("bg_menu_anim_dt_activo");
			
            if (settings.toolTip) {
                container.next(".stripTransmitter ul").find("a").Tooltip({
                    track: true,
                    delay: 0,
                    showURL: false,
                    showBody: false
                });
            }
        });
        j++;
    });
};
