jQuery(document).ready(function() {


/*= PAGE ARTISTA
-------------------------------------------------*/
    jQuery("#obras").hide();
    jQuery("#exposicoes").hide();
    jQuery(".btn_exposicao").hide();  

    jQuery(".exposicao-title").click(function() {
        jQuery("#exposicoes-list").hide();
        jQuery("#obras").hide();
        jQuery("#descricao").show();
    });
    jQuery("span.btn_descricao").click(function() {
        jQuery("#exposicoes-list").hide();
        jQuery("#obras").hide();
        jQuery("#descricao").show();
    });
    
    // single-artista
    jQuery("span.btn_portfolio").click(function() {
        jQuery("#descricao").hide();
        jQuery("#exposicoes-list").hide();
        jQuery("#exposicoes_box_info").hide();
        jQuery("#obras").show();
        jQuery("#obras_box_info").show();        
    });
    jQuery("span.btn_exposicoes").click(function() {
        jQuery("#descricao").hide();
        jQuery("#exposicoes-list").show();
        jQuery("#exposicoes_box_info").show();
        jQuery("#obras").hide();
        jQuery("#obras_box_info").hide();    
    });
    
    // single-exposicoes.php
    jQuery("span.btn_obras").click(function() {
        jQuery("#descricao").hide();
        jQuery("#exposicoes-list").hide();
        jQuery("#obras").show();
        jQuery(".btn_exposicao").show();   
        jQuery(".btn_obras").hide();   
    });
    
    jQuery("span.btn_exposicao").click(function() {
        jQuery("#descricao").show();
        jQuery("#exposicoes-list").show();
        jQuery("#obras").hide();
        jQuery(".btn_exposicao").hide();   
        jQuery(".btn_obras").show();   
    });    

    // Set width of ul calculating the number of images inside it
    var $obras_size = jQuery('#obras_wrapper img').size();
    //alert( $obras_size); // 3
    var $obras_width = $obras_size * 480 + $obras_size * 5;
    //alert( $obras_width); // 990
    jQuery('#obras_wrapper ul').width($obras_width);

    // Remove scrollbars
    jQuery("#obras_wrapper").css({overflow: 'hidden'});

    //Find last image container
    var lastLi = jQuery("#obras_wrapper ul").find('li:last-child');

	
    //When user move mouse over menu
    jQuery("#obras_wrapper").mousemove(function(e){

        //As images are loaded ul width increases,
        //so we recalculate it each time
        var divWidth = jQuery("#obras_wrapper").width();
        var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth();
        var left = (e.pageX - jQuery("#obras_wrapper").offset().left) * (ulWidth-divWidth) / divWidth;
        jQuery("#obras_wrapper").scrollLeft(left);
    });

    jQuery(".obra_info").hide();
    jQuery("#obras_wrapper ul li").each(function(i) {
        jQuery(this).addClass("obra_li_"+i);
        i++;
    })
    jQuery(".obra_info").each(function(i) {
        jQuery(this).addClass("obra_info_"+i);
        i++;
    });
    jQuery("#obras_wrapper ul li").each(function(i) {
        jQuery(this).mouseover(function() {
            jQuery(".obra_info_"+i).show();
        });
        jQuery(this).mouseout(function() {
            jQuery(".obra_info_"+i).hide();
        });
    });

/*= END Page Artista
-------------------------------------------------*/

		      
/*= END Artistas
-------------------------------------------------*/

/*= EXPOSICOES
-------------------------------------------------*/
    // Set width of ul calculating the number of images inside it

    	var $exposicoes_size = jQuery('#exposicoes_wrapper img').size();


    
    var $exposicoes_width = $exposicoes_size * 480 + $exposicoes_size * 5;
    jQuery('#exposicoes_wrapper ul').width($exposicoes_width);

    // Remove scrollbars
    jQuery("#exposicoes_wrapper").css({overflow: 'hidden'});

    //Find last image container
    var lastLiExpo = jQuery("#exposicoes_wrapper ul").find('li:last-child');

    //When user move mouse over menu
    jQuery("#exposicoes_wrapper").mousemove(function(e){
        //As images are loaded ul width increases,
        //so we recalculate it each time
        var divWidthExpo = jQuery("#exposicoes_wrapper").width();
        var ulWidthExpo = lastLiExpo[0].offsetLeft + lastLiExpo.outerWidth();
        var leftExpo = (e.pageX - jQuery("#exposicoes_wrapper").offset().left) * (ulWidthExpo-divWidthExpo) / divWidthExpo;
       // alert(ulWidthExpo);
        jQuery("#exposicoes_wrapper").scrollLeft(leftExpo);
    });

    jQuery(".exposicao_info").hide();
    jQuery("#exposicoes_wrapper ul li").each(function(i) {
        jQuery(this).addClass("exposicao_li_"+i);
        i++;
    })
    jQuery(".exposicao_info").each(function(i) {
        jQuery(this).addClass("exposicao_info_"+i);
        i++;
    });
    jQuery("#exposicoes_wrapper ul li").each(function(i) {
        jQuery(this).mouseover(function() {
            jQuery(".exposicao_info_"+i).show();
        });
        jQuery(this).mouseout(function() {
            jQuery(".exposicao_info_"+i).hide();
        });
    });
/*= END Exposicoes
-------------------------------------------------*/

/*= CFORMS PAGINA CONTATO
-------------------------------------------------*/
    jQuery('.linklove').hide();
    jQuery('#cforms2form :input').each(function() {
        var $val = jQuery(this).val();
        jQuery(this).addClass('input-' + $val);
        jQuery(this).parent().addClass($val);
        jQuery(this).val('');
    });
/*= END Cforms Pagina Contato
-------------------------------------------------*/





/*= EXTPOSICOES TOGGLE
-------------------------------------------------*/
	jQuery(".exposicoes").hide();
	jQuery(".exposicoes:first").show();
    jQuery(".ano").click(function() {
        jQuery(this).next(".exposicoes").toggle();
    });    


/*= ARQUIVOS TOGGLE
-------------------------------------------------*/
	jQuery("div#the_year_div").hide();
	jQuery("div#the_year_div:first").show();
	jQuery("h3#the_year:first").hide();
	
    jQuery("h3#the_year").click(function() {
        jQuery(this).next("div#the_year_div").toggle();
    });    



    jQuery(".item").each(function(i) {
        jQuery(this).mouseover(function() {
	        	jQuery("#display").text(".imagem"+i);
	            jQuery(".artista_nome_"+i).addClass("artista_selected");
	            
	        });
	        jQuery(this).mouseout(function() {
	            jQuery(".artista_nome_"+i).removeClass("artista_selected");
	        });
    });

    jQuery(".artista_nome").each(function(i) {
        jQuery(this).addClass("artista_nome_"+i);
        i++;
    });
    
    

    jQuery(".artista_nome").each(function(i) {
        jQuery(this).mouseover(function() {

	            		jQuery("#slideContent").scrollLeft( (i * 304));
	            		jQuery( "#sliderss" ).slider( "option", "value", (i * 304));
	        });

    });    

    


    // Set width of ul calculating the number of images inside it
    var artistas_size = jQuery('.content-conveyor #artista_box').size();

    var artistas_width = artistas_size * 480 + artistas_size * 5;
    jQuery(".content-conveyor").width(artistas_width);

    // Remove scrollbars
    // jQuery("#artistas_wrapper").css({overflow: 'hidden'});

    //Find last image container
    var lastLiArtistas = jQuery(".content-conveyor").find('#artista_box:last');


	var lastPosition = 0;
	var currentPosition = 0;
	var lastSlidePosition = 0;
	var currentSlidePosition = 0;
	var clicking = false;



	$(document).mouseup(function(){
	    clicking = false;
	
	});






    //When user move mouse over menu
    jQuery("#slideContent").bind('mousemove', function(e) {
 		if(clicking == false) {

        var divWidthArtistas = jQuery("#slideContent").width();
        var ulWidthArtistas = lastLiArtistas[0].offsetLeft + lastLiArtistas.outerWidth();
        var leftArtistas = (e.pageX - jQuery("#slideContent").offset().left) * (ulWidthArtistas-divWidthArtistas) / divWidthArtistas;
        currentPosition = parseInt(leftArtistas);
        	
		jQuery( "#sliderss" ).slider( "option", "value", currentPosition);
        jQuery("#slideContent").scrollLeft(currentPosition);
		
        
        var currentSlidePosition = $( "#sliderss" ).slider( "option", "value" );
        
        
       // jQuery("#display1").text("1) mousemove currentPosition   : " + currentPosition );
		//jQuery("#display2").text("2) mousemove lastPosition   : " +  lastPosition );
		
      	//var xx = parseInt(((e.pageX - jQuery("#slideContent").offset().left) * 100) / 610);
      	//var oo = ((xx * ulWidthArtistas)/100);
      	
      	 //currentPosition = parseInt(oo);
		//var p = $(".content-conveyor");
		//var position = p.position();
		//var theOffset = parseInt(jQuery("#slideContent").offset().left);
			//var yy = parseInt((xx * (p.width() + theOffset)) / 100);	
		//jQuery("#display1").text("1) currentPosition xx   : " +  oo );
        //move the content

 		}



       	// var yy = parseInt((xx * ulWidthArtistas) / 100);

    });
    
    

    jQuery("#slideContent").bind('mouseleave', function(e) {
        var divWidthArtistas = jQuery("#slideContent").width();
        var ulWidthArtistas = lastLiArtistas[0].offsetLeft + lastLiArtistas.outerWidth();
        var leftArtistas = (e.pageX - jQuery("#slideContent").offset().left) * (ulWidthArtistas-divWidthArtistas) / divWidthArtistas;
        lastPosition =  parseInt(leftArtistas);
    
     	//move the content        
		jQuery("#slideContent").scrollLeft(lastPosition);
		jQuery( "#sliderss" ).slider( "option", "value", lastPosition);
});
    
    
    
jQuery("#slideContent").bind('mouseup', function(e) {
    	//alert("moisu");
		currentPosition = lastPosition - currentPosition
		jQuery("#slideContent").scrollLeft(currentPosition);
});
    
$( "#sliderss" ).bind( "slidestart", function(event, ui) {
	clicking = true;
		currentPosition = lastPosition - currentPosition
		jQuery("#slideContent").scrollLeft(currentPosition);
});

$( "#sliderss" ).bind( "slidestop", function(event, ui) {
        var divWidthArtistas = jQuery("#slideContent").width();
        var ulWidthArtistas = lastLiArtistas[0].offsetLeft + lastLiArtistas.outerWidth();
        var leftArtistas = (e.pageX - jQuery("#slideContent").offset().left) * (ulWidthArtistas-divWidthArtistas) / divWidthArtistas;
        lastPosition =  parseInt(leftArtistas);
     	//move the content        
		jQuery("#slideContent").scrollLeft(lastPosition);
		jQuery( "#sliderss" ).slider( "option", "value", lastPosition);
});



/*
		
    jQuery("#slider__Content").click(function(e){  
        //As images are loaded ul width increases,
        //so we recalculate it each time
        var divWidthArtistasx = jQuery("#slideWrapper").width();
        //607
        //alert(divWidthArtistas);
        var ulWidthArtistasx = lastLiArtistas[0].offsetLeft + lastLiArtistas.outerWidth();
        // 9420
        //alert(ulWidthArtistas);
        var leftArtistasx = (e.pageX - jQuery("#slideWrapper").offset().left) * (ulWidthArtistasx-divWidthArtistasx) / divWidthArtistasx;
		jQuery("#display").text(leftArtistasx);
  	});   
    
  		

    

    jQuery(".artista_info").hide();
    jQuery("#artistas_wrapper ul li").each(function(i) {
        jQuery(this).addClass("artista_li_"+i);
        i++;
    });
    jQuery(".artista_info").each(function(i) {
        jQuery(this).addClass("artista_info_"+i);
        i++;
    });
    jQuery("#artistas_wrapper ul li").each(function(i) {
        jQuery(this).mouseover(function() {
            jQuery(".artista_info_"+i).show();
        });
        jQuery(this).mouseout(function() {
            jQuery(".artista_info_"+i).hide();
        });
    });
    
    
*/
    	var conveyor = jQuery(".content-conveyor", jQuery("#slideWrapper"));
		var item = jQuery(".item", jQuery("#slideWrapper"));
		
		conveyor.css("width", item.length * parseInt(item.css("width")));
		//alert(item.length * parseInt(item.css("width"))) - parseInt(jQuery("#slideContent", jQuery("#slideWrapper")).css("width"));
        var sliderOpts = {
        	min: 0,
		  max: (item.length * parseInt(item.css("width"))) - parseInt(jQuery("#slideContent", jQuery("#slideWrapper")).css("width")),
          slide: function(e, ui) { 
            conveyor.css("left", "-" + ui.value + "px");
          }
        };

        jQuery("#sliderss").slider(sliderOpts); 	
        
        
		var scrollPane = $('#slideWrapper');
		var scrollContent = $('.content-conveyor');
        
        
})