$(document).ready(function () {
    sub.init();
});

var sub = {

    init: function () {
        sub.pages.call();
    },

    pages: {

        call: function () {
            eval('sub.pages.' + $('.page').attr('id') + '.init()');
        },

        home: {
            interval: '',

            init: function () {
                sub.pages.home.timeout = setInterval(function () {
                    sub.pages.home.change();
                }, '5000');
            },

            change: function () {
                var id = parseInt($('.home .right img.active').attr('id'));
                var el = $('.home .right #' + id);
                id = (id == 45 ? 1 : (id + 1));
                var el2 = $('.home .right #' + id);
                el.fadeTo('slow', 0, function () {
                    el.removeClass('active');
                    el2.addClass('active');
                    el2.css('opacity', 0);
                    el2.fadeTo('slow', 1);
                });
            }
        },

        collection: {
            init: function () {
                sub.pages.collection.make(1, 9);
                $('.collection .previous').click(function () {
                    sub.pages.collection.make(1, 9);
                });
                $('.collection .next').click(function () {
                    sub.pages.collection.make(10, 18);
                });
                $('.collection .thumb').live('click', function () {
                    sub.pages.collection.change($(this).attr('id'));
                });
            },

            make: function (start, end) {
                var left = $('.collection .left');
                var right = $('.collection .right');
                var thumb = '<div id="@" class="thumb"><img src="#" alt="" /></div>';
                var image = '<img id="@" src="#" alt="" />';
                var path = $('.content_path').text() + '/Images/collection/';

				if (start == 1) {
	                $('.collection .previous').click(function () {
	                    sub.pages.collection.make(1, 9);
	                });
	                $('.collection .next').click(function () {
	                    sub.pages.collection.make(10, 18);
	                });
				} else 	if (start == 10) {
	                $('.collection .previous').click(function () {
	                    sub.pages.collection.make(1, 9);
	                });
	                $('.collection .next').click(function () {
	                    sub.pages.collection.make(19, 27);
	                });
				} else 	if (start == 19) {
	                $('.collection .previous').click(function () {
	                    sub.pages.collection.make(10, 18);
	                });
	                $('.collection .next').click(function () {
	                    sub.pages.collection.make(28, 36);
	                });
				} else 	if (start == 28) {
	                $('.collection .previous').click(function () {
	                    sub.pages.collection.make(19, 27);
	                });
	                $('.collection .next').click(function () {
	                    sub.pages.collection.make(37, 45);
	                });
				} else 	if (start == 37) {
	                $('.collection .previous').click(function () {
	                    sub.pages.collection.make(28, 36);
	                });
	                $('.collection .next').click(function () {
	                    sub.pages.collection.make(37, 45);
	                });
				} 
				
				
                

                left.find('.thumb').remove();
                right.find('img').remove();

                for (var i = start; i <= end; i++) {
                    var clone = thumb;
                    clone = clone.replace('#', path + 'thumb/' + i + '.jpg');
                    clone = clone.replace('@', 'thumb_' + i);
                    left.append(clone);
                    clone = image;
                    clone = clone.replace('#', path + i + '.jpg');
                    clone = clone.replace('@', 'image_' + i);
                    right.append(clone);
                }

                right.find('img:eq(0)').addClass('active');
            },

            change: function (id) {
                var el = $('.collection .right .active');
                el.fadeTo('fast', 0, function () {
                    el.removeClass('active');
                    el = $('.collection .right #' + id.replace('thumb_', 'image_'));
                    el.css('opacity', 0);
                    el.addClass('active');
                    el.fadeTo('fast', 1);
                })
            }
        },

        contact: {
            init: function () {
                $('.contact .reset').click(function () {
                    $('.contact form input').val('');
                    $('.contact form textarea').val('');
                });
                $('.contact .send').click(function () {
                    sub.pages.contact.send();
                });
            },

            send: function () {
                alert('Enviado com sucesso, obrigado.');
            }
        }

    }

}