jQuery(function() {

    page.slider.load();
   
    
    
    
});



/*$(document).ready(function() {
    $("#meaningfulplaySlide").bind('click', function() {
    $(this).addClass("highlight");
    $("#designSlide").removeClass("highlight");
    $("#clientsSlide").removeClass("highlight");
    $("#applicationSlide").removeClass("highlight");
});
$("#designSlide").bind('click', function() {
    $(this).addClass("highlight");
    $("#meaningfulplaySlide").removeClass("highlight");
    $("#clientsSlide").removeClass("highlight");
    $("#applicationSlide").removeClass("highlight");
});
$("#clientsSlide").bind('click', function() {
    $(this).addClass("highlight");
    $("#designSlide").removeClass("highlight");
    $("#meaningfulplaySlide").removeClass("highlight");
    $("#applicationSlide").removeClass("highlight");
});
$("#applicationSlide").bind('click', function() {
    $(this).addClass("highlight");
    $("#designSlide").removeClass("highlight");
    $("#clientsSlide").removeClass("highlight");
    $("#meaningfulplaySlide").removeClass("highlight");
});
    
});*/








var page = {
    slider: {
        tabs: ['meaningfulplaySlide', 'designSlide', 'clientsSlide', 'applicationSlide'],
        move: function(to) {
            to = (to > 3) ? 0 : (to < 0) ? 3 : to;
            //var sliderLeft = 600 * to;
            var promoLeft = -1100 * to;
            var currentLeft = (promoLeft / 1100);
            if (currentLeft == parseInt(currentLeft)) {
                var url = $('#' + page.slider.tabs[Math.abs(currentLeft)]).children('div').children('a').attr('href');
                var currentTab = page.slider.tabs[Math.abs(currentLeft)];
                $('#promo_box').stop().animate({ marginLeft: promoLeft }, 600);
            }
          
        },
        load: function() {
            for (var i = 0; i < page.slider.tabs.length; i++) {
                $('#' + page.slider.tabs[i]).click(function() {
                    for (var i = 0; i < page.slider.tabs.length; i++) {
                        if (page.slider.tabs[i] == $(this).attr('id')) {
                            page.slider.move(i);

                        }

                        $('#slider_content > div').removeClass("highlight");
                        $(this).addClass("highlight");

                     
                       
                    }
                });


            };


        }
    }

};