﻿var isiPad = navigator.userAgent.match(/iPad/i) != null;

Cufon.replace('h2, h3, .titulo', { textShadow: '#1d1d1d 2px 2px, #1d1d1d 1px 1px' });
Cufon.replace('#topo p a');

$(document).ready(function(){
	if (isiPad) { } else {     
		var oScrollbar = $('#scrollbar1');
		oScrollbar.tinyscrollbar({ axis: 'x'});
	}
	
    $('*:last-child').addClass('last');
    $('.clearEl, .layer-jobs, .secao-clientes, .secao-destaques').append('<div class="clear"></div>');
    
	// Menu Topo
	$('.scroll').click(function(){
	    var targetEl = $(this).attr('href');
	    $('body').scrollTo($('.'+targetEl),800);
	    return false;
	});
	
	//Menu Flutuante
    $('.btn-abrir-menu').mouseenter(function(){
        menuOver = setTimeout(function(){
            $('.cont-menu').animate({marginLeft:'0'});
            $('.btn-abrir-menu').hide();
        },200)
    });
        
    $('.cont-menu').mouseleave(function(){
        var el = $(this);
        clearTimeout(menuOver);
        $(el).animate({marginLeft:'-67px'});
        $('.btn-abrir-menu').show();
    });

    // Twitter
    $("#last-tweets").getTwitter({
        userName: "agenciatritone",
        numTweets: 2,
		loaderText: "<img src='_img/loader.gif' width='24' height='24' />",
        slideIn: false,
        showHeading: false,
        showProfileLink: false
    });
    
    //
    $.ajax({   
	    type: 'GET',
	    url: '_xml/jobs.xml',
	    dataType: 'xml',
	    success: function(xml) {               
		    $(xml).find('Job').each(function(){
			    var id = $(this).attr('id');
			    var job = $(this).find('job').text();
			    var tipo = $(this).find('tipo').text();
			    var cliente = $(this).find('cliente').text();
			    $("<p class='item-job" + id + "' style='background: url(_img/jobs/job" + id + "/view.jpg) no-repeat;'></p>").html("<a href='javascript:void(0);' rel='" + id + "' title='Job " + job + "'><span>" + job + "<br /><em>" + tipo + "<br />" + cliente + "</em></span></a>").prependTo('.overview');
		    }); 
            
            // Abre Layer
            $('.overview a').click(function(){ 
                var targetID = $(this).attr('rel');
                $('<img src="_img/jobs/job' + targetID + '/' + $(xml).find('#'+targetID).find('item:first').text() + '.jpg" width="900" height="455" alt="*" />').prependTo('.cont-layer-jobs');
                
                setTimeout(function(){ 
                    $('.lst-layer-jobs').slideDown(); 
                    $('.secao-clientes').animate({marginTop: '185px'},'slow');
                }, 500);
                
                // Controle thumbs da layer
                $(xml).find('#'+targetID).find('item').each(function(){
                    var img = $(this).text();
                    $('<li><a href="javascript:void(0);"><img src="_img/jobs/job' + targetID + '/th-' + img + '.jpg" width="194" height="109" alt="*" /></a></li>').click(function(){
                        $('.cont-layer-jobs img').attr('src','_img/jobs/job' + targetID + '/' + img + '.jpg');
                    }).appendTo('.lst-layer-jobs');
                });
                $('.layer-jobs').fadeIn(); 
                
                // Controle Link Visite
                $('.btn-visitar').attr('href', $(xml).find('#'+targetID).find('link').text());
                if ($('.btn-visitar').attr('href') == 'null'){
                    $('.btn-visitar').hide();
                }
                
                // Controle da descrição dos jobs
                $('.txt-desc').html($(xml).find('#'+targetID).find('descricao').text());
                $('.btn-info').click(function(){
                    if ($(this).text() == '+ info') { $(this).text('- info') } else { $(this).text('+ info') }
                    $('.txt-desc').toggle(function(){
                        $(this).animate();
                    }); 
                });
                
                $('.cont-layer-jobs').mouseleave(function(){
                    $('.btn-fechar-layer, .descricao-layer').fadeOut();
                }).mouseenter(function(){
                     $('.btn-fechar-layer, .descricao-layer').fadeIn();
                });
                
                
            });
            
            // Fechar Layer            
            $('.btn-fechar-layer').click(function(){ 
                $('.btn-info').unbind();
                $('.btn-visitar').show();
                $('.txt-desc').hide();
                $('.btn-info').text('+ info');
                $('.secao-clientes').animate({marginTop: '120px'},'slow');
                $('.layer-jobs').fadeOut('slow');
                $('.lst-layer-jobs').slideUp(); 
                setTimeout(function(){ $('.lst-layer-jobs li, .cont-layer-jobs img').detach(); }, 500);
            });

            $('.overview').css('width',$('.box-jobs p').length*224);
			if (isiPad) { } else { oScrollbar.update(); }
            
            // Toggle jobs display
            //var jobVal = 0;	
            clickOito = $('.btn-thumb-oito').click(function(){
                //if(jobVal == 0){
                    $('.wrapper-box-jobs').addClass('wrapper-box-toggle').fadeTo('fast',0.5).fadeTo('fast',1);
                    
                    var jobSize = Math.ceil($('.box-jobs p').size()/8);
                    for(i=1;i<=jobSize;i++){
	                    if(i==1) { $('.box-jobs p:lt(8)').wrapAll('<div class="wrapper" />'); }
	                    if(i>=2) { $('.box-jobs p:lt('+8*i+'):gt('+(8*i-9)+')').wrapAll('<div class="wrapper" />'); }
                    }
                    
                    $(xml).find('Job').each(function(){
			            var id = $(this).attr('id');
                        var bgpos = $(this).find('bgpos').text();
                        $('.item-job'+id).css('background-position','0 -'+bgpos+'px');
                    });
                    
                    var widthAtual = jobSize*895;
                    var lastJobs = $('.wrapper:last p').length;
                    
                    $('.overview').css('width',widthAtual);
                    if(lastJobs < 4) { $('.overview').css('width',widthAtual-((4-lastJobs)*224)); }
					if (isiPad) { } else { oScrollbar.update(); }
                    
                    $(this).addClass('over').siblings().removeClass('over');
                    
                    //$(this).unbind('click');
                //} jobVal = 1;
            });	
            
            clickQuatro = $('.btn-thumb-quatro').click(function(){
                //if (jobVal == 1){
                    $('.wrapper-box-jobs').removeClass('wrapper-box-toggle').fadeTo('fast',0.5).fadeTo('fast',1);
                    if ( $('.box-jobs p').parent().hasClass('wrapper') ) { $('.box-jobs p').unwrap(); }
                    $('.overview p').css('background-position','0 0');
                    $('.overview').css('width',$('.box-jobs p').length*224);
					if (isiPad) { } else { oScrollbar.update(); }
                    
                    $(this).addClass('over').siblings().removeClass('over');
	                //$(this).unbind('click',clickQuatro);
                //} jobVal = 0;
            });
	    }
	}); 
	
    //Tooltip
    $('.btn-thumb-quatro').addClass('over');
    $('.tooltip').mouseover(function(){
        $('<div class="box-tooltip">'+ $(this).attr('rel') +'<span></span></div>').css('top',$(this).offset().top-40).css('left',$(this).offset().left-95).appendTo('body').show();
    }).mouseout(function(){
        $('.box-tooltip').detach();
    });
	
    //Botões Carrosel
    /*var contador = 0;
    $('.btn-car-proximo').click(function() {
        var carSize = $('.carrosel li').size();
        var visualSize = $(this).attr('rel');
        if(contador < carSize - 2){
            $('.carrosel').animate({ 
                left: '-=220'
            }, 500 );
            contador++;
        } else {
            $('.carrosel').animate({ 
                left: '+=220'
            }, 500 );
            contador = 0;
        }
    });
    
    window.setInterval(function(){
        $('.btn-car-proximo').trigger('click');
	}, 5000);

    $('.btn-car-anterior').click(function() {
        var elWidth = $('.carrosel li').width();
        if(contador > 0){
            $('.carrosel').animate({ 
                left: '+=220'
            }, 500 );
            contador--; 
        }
    });*/
    
    //Serviços
    $('.lst-servicos li').mouseover(function(){
        var el = $(this);
        servOver = setTimeout(function(){
            $('.desc-'+$(el).attr('id')).slideDown(); 
            $('.seta').css('left', $(el).position().left+180).show();
            if ( $(el).position().left > 500) $('.seta').css('left', $(el).position().left).show();
            $(el).addClass('over').siblings().removeClass('over').find('.imagem').css('background-position','0 -142px');
        },400)
    }).mouseout(function(){
        clearTimeout(servOver);
        $('.descricao').slideUp(); $('.seta').hide();
        $('.lst-servicos li').addClass('over').find('.imagem').css('background-position','0 0');
    });
    
    //Quem Somos
    $('.nav-quem a').click(function(){
        var tarNav = $(this).attr('href');
        $(this).addClass('over').siblings().removeClass('over');
        $('.sobre-'+tarNav).slideDown().siblings().slideUp();
        return false;
    });
    
    //Formulário
    $('.upload-file').hover(function(){ 
        $(this).addClass('over');
    }, function(){
        $(this).removeClass('over');
    });
    
    //Como Chegar
    $('.lnk-como-chegar').click(function(){
        $('.como-chegar').modal();
    });

    //Menu Flutuante
    var topEl = $('#menu').offset().top - parseFloat($('#menu').css('marginTop').replace(/auto/, 0));
    $('#menu').css('top','500px');
    $(window).scroll(function(){
        var currenty = $(this).scrollTop()-450;
        if (currenty >= topEl) {
	        $('#menu').animate({top:$(this).scrollTop()-450+'px' }, {queue: false, duration: 200});  
	    } else {
	        $('#menu').css('top','500px');
	    }
    });
    
    $('body').supersleight();
});

jQuery.fn.supersleight = function(settings) {
	settings = jQuery.extend({
		imgs: true,
		backgrounds: true,
		shim: '../_img/x.gif',
		apply_positioning: true
	}, settings);
	
	return this.each(function(){
		if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 7 && parseInt(jQuery.browser.version, 10) > 4) {
			jQuery(this).find('*').andSelf().each(function(i,obj) {
				var self = jQuery(obj);
				// background pngs
				if (settings.backgrounds && self.css('background-image').match(/\.png/i) !== null) {
					var bg = self.css('background-image');
					var src = bg.substring(5,bg.length-2);
					var mode = (self.css('background-repeat') == 'no-repeat' ? 'crop' : 'scale');
					var styles = {
						'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='" + mode + "')",
						'background-image': 'url('+settings.shim+')'
					};
					self.css(styles);
				};
				// image elements
				if (settings.imgs && self.is('img[src$=png]')){
					var styles = {
						'width': self.width() + 'px',
						'height': self.height() + 'px',
						'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + self.attr('src') + "', sizingMethod='scale')"
					};
					self.css(styles).attr('src', settings.shim);
				};
				// apply position to 'active' elements
				if (settings.apply_positioning && self.is('a, input') && (self.css('position') === '' || self.css('position') == 'static')){
					self.css('position', 'relative');
				};
			});
		};
	});
};
