/*
 *
 * Code by Diffuse Interactive (c)2010
 * www.diffuse.nl
 *
 */

$(document).ready(function() {

    $('#showcase').carousel({ pagination: true, direction: 'vertical', autoSlide: true, nextBtn:'', prevBtn:'', autoSlideInterval: 5000 } );

    var classname = '.' + $('#industrieslist .active a').attr('class');
    $('#clientslist').find(classname).show();
    $('#clientslist').find(classname).addClass('active');
    var clientclass = '.' + $('#clientslist').find(classname + ' a').attr('class');
    $('#client div').hide();
    $('#client div div').show();
    $('#client').find(clientclass).show();       

    $('#industrieslist a').click(function() {
        var classname = '.' + $(this).attr('class');
        $(this).parent().parent().find('li').removeClass('active');
        $(this).parent().addClass('active');
        $('#clientslist li').removeClass('active');
        $('#clientslist li').hide();
        $('#clientslist').find(classname).show();
    });

     $('#clientslist a').click(function() {

        var classname = '.' + $(this).attr('class');

        $(this).parent().parent().find('li').removeClass('active');
        $(this).parent().addClass('active');
        $('#client div').hide();
        $('#client div div').show();
        $('#client').find(classname).show();

    });

    $('.person').last().addClass('nomarginright');

    $('#submenu li.active').next().css('border-color', '#fff');


    $('#diensten li').mouseover(function(){
        $(this).find('a').addClass('hover');
    });

    $('#diensten li').mouseout(function(){
        $(this).find('a').removeClass('hover');
    });

    $('#diensten li').click(function(){
        location.href = $(this).find('a').attr('href');
    });


    $('.diensten li').mouseover(function(){
        $(this).find('a.info').addClass('hover');
    });

    $('.diensten li').mouseout(function(){
        $(this).find('a.info').removeClass('hover');
    });

    $('.diensten li').click(function(){
        location.href = $(this).find('a.title').attr('href');
    });


    //contactpagina

    $('.tab1').click(function(){
        $('#tab1').show();
        $('#tab2').hide();
        $('.tab1').parent().addClass("active");
        $('.tab2').parent().removeClass("active");
    });

    $('.tab2').click(function(){
        $('#tab2').show();
        $('#tab1').hide();
        $('.tab2').parent().addClass("active");
        $('.tab1').parent().removeClass("active");
        initialize();
    });


    //fonts
    Cufon.replace('h1');
    Cufon.replace('h2');
    Cufon.replace('h3');
    Cufon.replace('.column .fh');
    Cufon.replace('.diensten a.title');

    // nieuwsbrief
    $('#newsletter .info a').hover(function() {
        $(this).parent().find('.tooltip').fadeIn();
    }, function() {
        $(this).parent().find('.tooltip').fadeOut();
    });

    $('#newsletter div.input').click(function() {
        $(this).find('input').focus();
    });

    if ($('#newsletter a.submit').length > 0) {

        $('#newsletter a.submit').click(function() {

            var data = $('#form-subscribe').serialize();

            $.post($('#form-subscribe').attr('action'), data, function(resp) {
                var object = $.parseJSON(resp);
                if (object.error) {
                    $('#newsletter div.email').addClass('error');
                } else if (object.success) {
                    $('#newsletter div.email').removeClass('error');
                    $('#form-subscribe').hide();
                    $('#form-message').html('<strong>Bedankt!</strong><br /><br />U heeft zich aangemeld voor onze nieuwsbrief en zal spoedig wat van ons horen.').show();
                }
            });
        });
    }
    
    //projecten
    
    
    if($('#slides').length){
        var speed = 5000;
        var run = setInterval('rotate()', speed);	

        var item_width = $('#slides li').outerWidth(); 
        var left_value = item_width * (-1); 

        $('#slides li:first').before($('#slides li:last'));

        $('#slides ul').css({'left' : left_value});

        $('#prev').click(function() {


            if(run != ""){
                clearInterval(run);
            }

            var left_indent = parseInt($('#slides ul').css('left')) + item_width;

            $('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){    

                $('#slides li:first').before($('#slides li:last'));           

                $('#slides ul').css({'left' : left_value});

            });

            return false;

        });

        $('#next').click(function() {


            if(run != ""){
                clearInterval(run);
            }
            
            var left_indent = parseInt($('#slides ul').css('left')) - item_width;

            $('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {

                $('#slides li:last').after($('#slides li:first'));                 	

                $('#slides ul').css({'left' : left_value});

            });

            return false;

        });

        $('.showproject').click(function(){


            if(run != ""){
                clearInterval(run);
            }

            $('#carousel').show();
            $('#list').hide();
            $('#view-toggle').addClass('showactive');
            $('#view-toggle').removeClass('listactive');

            var pj = parseInt($(this).attr('id'));

            var pp = $('#project-' + pj).index();

            pp = pp - 2;

            for(i=0;i<=pp;i++){
                $('#slides li:last').after($('#slides li:first'));
            };


        });

        $('#slides').hover(

            //function() {
            //    clearInterval(run);
            //}, 
            //function() {
             //   run = setInterval('rotate()', speed);	
            //}
        ); 

        $('.show').click(function() {
            $('#carousel').show();
            $('#list').hide();
            $(this).parent().addClass('showactive');
            $(this).parent().removeClass('listactive');
        });

        $('.list').click(function() {
            $('#carousel').hide();
            $('#list').show();
            $(this).parent().addClass('listactive');
            $(this).parent().removeClass('showactive');
        });
    
    }

});

function rotate() {
        
        var item_width = $('#slides li').outerWidth(); 
        var left_value = item_width * (-1); 
		
        var left_indent = parseInt($('#slides ul').css('left')) - item_width;
		
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
            
			$('#slides li:last').after($('#slides li:first'));                 	
			
			$('#slides ul').css({'left' : left_value});
		
		});
		         
		return false;
}