var J = jQuery.noConflict();
var fullscroll;

function getWidth(){
  // Thiago Marotta Couto
  // thiago@isbyte.com
  // http://thiagocouto.wordpress.com/
  // December, 06 - 2008
  return window.innerWidth ? window.innerWidth : /* For non-IE */
		 document.documentElement ? document.documentElement.clientWidth : /* IE 6+ (Standards Compilant Mode) */
		 document.body ? document.body.clientWidth : /* IE 4 Compatible */
		 window.screen.width; /* Others (It is not browser window size, but screen size) */
}

function getHeight() {
  // Thiago Marotta Couto
  // thiago@isbyte.com
  // http://thiagocouto.wordpress.com/
  // December, 06 - 2008
  return window.innerHeight ? window.innerHeight : /* For non-IE */
		 document.documentElement ? document.documentElement.clientHeight : /* IE 6+ (Standards Compilant Mode) */
		 document.body ? document.body.clientHeight : /* IE 4 Compatible */
		 window.screen.height; /* Others (It is not browser window size, but screen size) */
}


function addClick(nomeImg) {
	J('#'+nomeImg).click(function(){
		lipai = J(this).attr('lipai');
		brother = J(this).parent().parent().parent().prev('div');
		brother.find('.'+lipai).click();
		
	});	
}

function loaded(img,largura,altura) {
	var imagem = J('#'+img.id);
    var imagemSrc = imagem.attr('src');
	var imgPai = $(img.id).getParent();
	var imgAvo = imagem.parent().parent();
    var imgAvoId = $(imgAvo.attr('id'));
    var imgBisavo = imagem.parent().parent().parent();
	
	
	var fxPai = new Fx.Tween(imgPai).addEvent("onComplete", function() {
		alt = getHeight();
		custom_offset = (721-alt)/2;
		J.scrollTo(imagem.parent(), 1400,  {
			offset:custom_offset
		});
		
   		imagem.hide();
		imagem.attr('width',largura);
		imagem.attr('height',altura);
		imagem.fadeIn();
        var wrapper = imgBisavo.find(" .wrapper");
		wrapper.find(" .cli").html('');
		wrapper.find(" .pro").html('');
        
        wrapper.fadeIn('fast',function(){
            J.post(
                BASEINDEX+'ajax',
                { func: "getFileDescriptions", file: imagemSrc },
                function(data){
                    var dim = data.split('x');
                    var cliente = dim[0];
                    var projeto = dim[1];
					var website = dim[2];
					if (website!='') {
						projeto += ' <a target="_blank" class="website" href="'+website+'">ver projeto</a>';
					}
					imgBisavo.find(" .cli").hide();
                    imgBisavo.find(" .pro").hide();
                    imgBisavo.find(" .cli").html(cliente);
                    imgBisavo.find(" .pro").html(projeto);
					imgBisavo.find(" .cli").fadeIn();
                    imgBisavo.find(" .pro").fadeIn();
					
					
					
                }
            );
        });
        identifica = classe.split(' ');
        id = identifica[0];
        idfinal = id.replace(/li/gi, '');
        
        if (classe.indexOf("first")!=-1) {
            // Primeira foto, desabilitar o primeiro link
        	wrapper.find(" .linkprev").fadeOut();
            wrapper.find(" .linknext").fadeIn();
            wrapper.find(" .linknext").attr('pai',idParent);
            wrapper.find(" .linknext").attr('id','li'+(parseInt(idfinal)+1));
        } else if (classe.indexOf("last")!=-1) {
            // Primeira foto, desabilitar o primeiro link
            wrapper.find(" .linknext").fadeOut();
            wrapper.find(" .linkprev").fadeIn();
            wrapper.find(" .linkprev").attr('pai',idParent);
            wrapper.find(" .linkprev").attr('id','li'+(parseInt(idfinal)-1));
        } else {
            wrapper.find(" .linkprev").fadeIn();
            wrapper.find(" .linknext").fadeIn();
			wrapper.find(" .linkprev").attr('pai',idParent);
            wrapper.find(" .linkprev").attr('id','li'+(parseInt(idfinal)-1));
			wrapper.find(" .linknext").attr('pai',idParent);
            wrapper.find(" .linknext").attr('id','li'+(parseInt(idfinal)+1));
            
        }
        
	});
	var fxBisavo = new Fx.Tween(imgAvoId).addEvent("onComplete", function() {
		
	});
	J(".loadingSpin").fadeOut(500,function(){
		J(".loadingSpin").remove();
		fxPai.start('height', altura);
	});
	
   
	
}

function openMyBigPicture(miniatura,tipo, link, lipai) {
	var nomeImg = 'img'+tipo;
	tipo = '#'+tipo;
    //console.log('openMyBigPicture');
    if (tipo=='#bigIdVisual') idParent = '#sliderIdVisual';
    else if (tipo=='#bigImpressos') idParent = '#sliderImpressos';
    else if (tipo=='#bigWeb') idParent = '#sliderWeb';
    
    classe = J(miniatura).attr('class');
   
	if (J(tipo).is(":visible") && link==J("#"+nomeImg).attr('src')) {
		// Aberto e mesmo link
		J(tipo+" .wrapper").fadeOut('fast');
		J(tipo).slideUp("fast");
	} else if (J(tipo).is(":hidden") && link!=J("#"+nomeImg).attr('src')) {
		// Fechado e outro link
		J("#"+nomeImg).remove();
		J(tipo+" .wrapper").fadeOut('fast');
		J.post(
			BASEINDEX+'ajax',
			{ func: "getFileDimensions", file: link },
			function(data){
				var dim = data.split('x');
				var altura = dim[1];
				var largura = dim[0];
				J(tipo).slideDown("slow",function() {	
					J("#"+nomeImg).remove();
					J(tipo+" .body").append('<div class="loadingSpin"></div>');
					J('.loadingSpin').fadeIn();
					if (J('#'+nomeImg+'Box').length>0) {
						J('#'+nomeImg+'Box').append('<img style="cursor:pointer" lipai="'+lipai+'" id="'+nomeImg+'" name="'+nomeImg+'" src="'+link+'" width="0" height="0" onload="loaded(this,'+largura+','+altura+')"/>');	
						addClick(nomeImg);
					} else {
						J(tipo+" .body").append('<div id="'+nomeImg+'Box"><img style="cursor:pointer" lipai="'+lipai+'" id="'+nomeImg+'" name="'+nomeImg+'" src="'+link+'" width="0" height="0" onload="loaded(this,'+largura+','+altura+')"/></div>');
						addClick(nomeImg);
					}

				});
			}
		);
	} else if (J(tipo).is(":visible") && link!=J("#"+nomeImg).attr('src')) {
		// Aberto e outro link
		J(tipo+" .wrapper").fadeOut('fast');
		J("#"+nomeImg+"Box").css('height',J("#"+nomeImg).height());
		J("#"+nomeImg).fadeOut('fast',function(){
			
			J.post(
				BASEINDEX+'ajax',
				{ func: "getFileDimensions", file: link },
				function(data){
					var dim = data.split('x');
					var altura = dim[1];
					var largura = dim[0];
					J("#"+nomeImg).remove();
					J(tipo+" .body").append('<div class="loadingSpin"></div>');
					J('.loadingSpin').fadeIn();
					if (J('#'+nomeImg+'Box').length>0) {
						J('#'+nomeImg+'Box').append('<img style="cursor:pointer" lipai="'+lipai+'" id="'+nomeImg+'" name="'+nomeImg+'" src="'+link+'" width="0" height="0" onload="loaded(this,'+largura+','+altura+')"/>');						
						addClick(nomeImg);				
					} else {
						J(tipo+" .body").append('<div id="'+nomeImg+'Box"><img style="cursor:pointer" lipai="'+lipai+'" id="'+nomeImg+'" name="'+nomeImg+'" src="'+link+'" width="0" height="0" onload="loaded(this,'+largura+','+altura+')"/></div>');
						addClick(nomeImg);
					}
				}
			);
			
		});
		
	} else if (J(tipo).is(":hidden") && link==J("#"+nomeImg).attr('src')) {
		// Fechado e mesmo link
 		J(tipo).slideDown("slow");
	}
}

window.onload = function () {
	
	tooltip();
	
    var objIdVisual;
    var objIdImpressos;
    var objWeb;
    var classe;
    var idParent;
	
	
	
     
    J('#bigIdVisual .bt_next').hover(function() {
			J("#bigIdVisual .bt_next").attr('src',BASE+'images/seta_next_over.gif');
		},function() {
			J("#bigIdVisual .bt_next").attr('src',BASE+'images/seta_next.gif');
		}
	);
    
    J('#bigIdVisual .bt_back').hover(function() {
			J("#bigIdVisual .bt_back").attr('src',BASE+'images/seta_back_over.gif');
		},function() {
			J("#bigIdVisual .bt_back").attr('src',BASE+'images/seta_back.gif');
		}
	);
	
	J('#bigImpressos .bt_next').hover(function() {
			J("#bigImpressos .bt_next").attr('src',BASE+'images/seta_next_over.gif');
		},function() {
			J("#bigImpressos .bt_next").attr('src',BASE+'images/seta_next.gif');
		}
	);
    
    J('#bigImpressos .bt_back').hover(function() {
			J("#bigImpressos .bt_back").attr('src',BASE+'images/seta_back_over.gif');
		},function() {
			J("#bigImpressos .bt_back").attr('src',BASE+'images/seta_back.gif');
		}
	);
	
	
	J('#bigWeb .bt_next').hover(function() {
			J("#bigWeb .bt_next").attr('src',BASE+'images/seta_next_over.gif');
		},function() {
			J("#bigWeb .bt_next").attr('src',BASE+'images/seta_next.gif');
		}
	);
    
    J('#bigWeb .bt_back').hover(function() {
			J("#bigWeb .bt_back").attr('src',BASE+'images/seta_back_over.gif');
		},function() {
			J("#bigWeb .bt_back").attr('src',BASE+'images/seta_back.gif');
		}
	);
	
    
    
    J('#bigIdVisual .linknext').click(function() {
        objIdVisual.slider('moveTo', objIdVisual.slider('value')+226);
        pai = J(this).attr('pai');
        id = J(this).attr('id');
        //console.log(pai+' .'+id);
        J(pai+' .'+id).click();
        
    });
    
    
    J('#bigIdVisual .linkprev').click(function() {
        objIdVisual.slider('moveTo', objIdVisual.slider('value')-226);
        pai = J(this).attr('pai');
        id = J(this).attr('id');
        //console.log(pai+' .'+id);
		J(pai+' .'+id).click();
    });
    
    J('#bigImpressos .linknext').click(function() {
        objImpressos.slider('moveTo', objImpressos.slider('value')+226);
        pai = J(this).attr('pai');
        id = J(this).attr('id');
		J(pai+' .'+id).click();
    });
    
    J('#bigImpressos .linkprev').click(function() {
		objImpressos.slider('moveTo', objImpressos.slider('value')-226);
        pai = J(this).attr('pai');
        id = J(this).attr('id');
		J(pai+' .'+id).click();
    });
    
    J('#bigWeb .linknext').click(function() {
		objWeb.slider('moveTo', objWeb.slider('value')+226);
        pai = J(this).attr('pai');
        id = J(this).attr('id');
		J(pai+' .'+id).click();
    });
    
    J('#bigWeb .linkprev').click(function() {
		objWeb.slider('moveTo', objWeb.slider('value')-226);
        pai = J(this).attr('pai');
        id = J(this).attr('id');
		J(pai+' .'+id).click();
    });

	J('#website').hover(function() {
			J("#website img").attr('src',BASE+'images/btSiteOficialOver.png');
		},function() {
			J("#website img").attr('src',BASE+'images/btSiteOficial.png');
		}
	);
	
	J('#blog').hover(function() {
			J("#blog img").attr('src',BASE+'images/btBlogOver.png');
		},function() {
			J("#blog img").attr('src',BASE+'images/btBlog.png');
		}
	);
	
	J('#bloco_clientes').hover(function(){
		J('.label_clientes').fadeTo(1000, 1);
	},function(){
		J('.label_clientes').fadeTo(1000, .5);
	});
	
	J('#bloco_idvisual').hover(function(){
		J('.label_idvisual').fadeTo(1000, 1);
	},function(){
		J('.label_idvisual').fadeTo(1000, .5);
	});
	
	J('#bloco_impressos').hover(function(){
		J('.label_impressos').fadeTo(1000, 1);
	},function(){
		J('.label_impressos').fadeTo(1000, .5);
	});

	J('#bloco_web').hover(function(){
		J('.label_web').fadeTo(1000, 1);
	},function(){
		J('.label_web').fadeTo(1000, .5);
	});
	
	J('#loading').fadeOut(1000,function(){
		J('#container').fadeIn(1000,function() {
        
        
        
			var containerClientes = J('#sliderClientes');
			var ulClientes = J('ul', containerClientes);
			var itemsWidthClientes = ulClientes.innerWidth() - containerClientes.outerWidth();
			J('.slider', containerClientes).slider({
				min: 0,
				max: itemsWidthClientes,
                
				handle: '.handle',
				stop: function (event, ui) {
					ulClientes.animate({'left' : ui.value * -1}, 500);
				},
				slide: function (event, ui) {
					ulClientes.css('left', ui.value * -1);
				}
                
			});

			var containerIdVisual = J('#sliderIdVisual');
			var ulIdVisual = J('ul', containerIdVisual);
			var itemsWidthIdVisual = ulIdVisual.innerWidth() - containerIdVisual.outerWidth();
			objIdVisual = J('.slider', containerIdVisual).slider({
				min: 0,
                value: 50,
				max: itemsWidthIdVisual,
				handle: '.handle',
				stop: function (event, ui) {
					ulIdVisual.animate({'left' : ui.value * -1}, 500);
				},
				slide: function (event, ui) {
					ulIdVisual.css('left', ui.value * -1);
				}
			});
            objIdVisual.slider('moveTo', 0);

			var containerImpressos = J('#sliderImpressos');
			var ulImpressos = J('ul', containerImpressos);
			var itemsWidthImpressos = ulImpressos.innerWidth() - containerImpressos.outerWidth();
			objImpressos = J('.slider', containerImpressos).slider({
				min: 0,
				max: itemsWidthImpressos,
				handle: '.handle',
				stop: function (event, ui) {
					ulImpressos.animate({'left' : ui.value * -1}, 500);
				},
				slide: function (event, ui) {
					ulImpressos.css('left', ui.value * -1);
				}
			});
            objImpressos.slider('moveTo', 0);


			var containerWeb = J('#sliderWeb');
			var ulWeb = J('ul', containerWeb);
			var itemsWidthWeb = ulWeb.innerWidth() - containerWeb.outerWidth();
			objWeb = J('.slider', containerWeb).slider({
				min: 0,
				max: itemsWidthWeb,
				handle: '.handle',
				stop: function (event, ui) {
					ulWeb.animate({'left' : ui.value * -1}, 500);
				},
				slide: function (event, ui) {
					ulWeb.css('left', ui.value * -1);
				}
			});
            objWeb.slider('moveTo', 0);
	            
            
		});
	});
}