$(document).ajaxError(function (request,settings,e) {
    alert('Error requesting URL: '+e.url);
});

var Router = function (route,params) {
    if (typeof(params) == 'object') {
        var p = '';
        $.each(params,function (name,value) {
            if (p != '') {
                p += '&';
            }
            p += escape(name)+'='+escape(value);
        });
        return Router(route)+'?'+p;
    } else {
        return '/' + route;
    }
};

Router.route = function (route,params) {
    var url = Router(route,params);
    location.href = url;
}

$(function () {
	//$('#content-image div.image-slider').fadeAnimation(4000);
    
    animation();
    
    $('#content-image ul.image-menu li').click(function (){
        var container = $('#content-image');
        
        $('div.image-slider', container).stop(true, true);
        
        if (!$(this).hasClass('active')){
            clearTimeout(time);
            
            if (typeof resume !== 'undefined'){
                clearTimeout(resume);
            }
            
            var position = $(this).index();
            var active_position = $('ul.image-menu li.active', container).index();
            
            $('ul.image-menu li.active', container).removeClass('active');
            $(this).addClass('active');
            
            var box = $('div.image-slider div.img:eq('+ active_position +')', container);
            box.animate({
                opacity: 0
            }, 500, function (){
                $(this).hide();
            });
            
            box = $('div.image-slider div.img:eq('+ position +')', container);
            box.show();
            
            box.animate({
                opacity: 1
            }, 500);
            
            resume = setTimeout(function (){
                animation();
            }, 3000);
        }
        
        return false;
    });
})

function animation(){
    var container = $('#content-image');
    
    if ($('div.image-slider div.img', container).length > 1){
        time = setTimeout(function (){
            var active_position = $('ul.image-menu li.active', container).index();
            
            if (active_position == $('div.image-slider div.img', container).length - 1){
                var position = 0;
            } else{
                var position = active_position + 1;
            }
            
            var link = $('ul.image-menu li:eq('+ active_position +')', container);
            var box = $('div.image-slider div.img:eq('+ active_position +')', container);
            
            link.removeClass('active');
            box.animate({
                opacity: 0
            }, 1000, function (){
                $(this).hide();
            });
            
            link = $('ul.image-menu li:eq('+ position +')', container);
            box = $('div.image-slider div.img:eq('+ position +')', container);
            
            link.addClass('active');
            box.show();
            box.animate({
                opacity: 1
            }, 1000);
            
            animation();
        }, 5000);
    }
}