$(document).ready(function() {
	
	if (!$.browser.msie) {
		
		var inputFocus = null;
		
		$("input").live("focus", function(){
			inputFocus = true;
		});
		$("input").live("blur", function(){
			inputFocus = false;
		});
		
        if($("#slider article").length > 1) {
            var total = $("#slider article").length;
            var actual = 0;
            var articlewidth = $('#slider article').width();

			var first_slide = 0;
			var last_slide  = $("nav a[data-sync]").length;

			$("nav a").click(function(){
				$(this).parent().find(".selected").removeClass("selected");
				$(this).addClass("selected");

				var this_slide = parseInt($("nav .selected").attr("data-sync"));

				mySwipe.slide(this_slide, 300);
			});
		
            $("#next").click(function() {
				var this_slide = parseInt($("nav .selected").attr("data-sync"));
			
				if (this_slide < last_slide-1) {
					mySwipe.next();
				}
            });
         
            $("#previous").click(function() {
				var this_slide = parseInt($("nav .selected").attr("data-sync"));

				if (this_slide > first_slide) {
					mySwipe.prev();
				}
            });

			$(document).keyup(function(e){
				var key = e.which;
			
				if ((key == 39) && (!inputFocus)) {//right: 39
					var this_slide = parseInt($("nav .selected").attr("data-sync"));

					if (this_slide < last_slide-1) {
						mySwipe.next();
					}
				
				}else if ((key == 37) && (!inputFocus)) {//left: 37
					var this_slide = parseInt($("nav .selected").attr("data-sync"));
				
					if (this_slide > first_slide) {
						mySwipe.prev();
					}
				}

			});

        }

		// SWIPE
	
		window.mySwipe = new Swipe(document.getElementById("container"), {
			speed: 300,
			callback: function(event, index){
				//console.log("swipe");
				jQuery("nav .selected").removeClass("selected");
				jQuery("nav a[data-sync=" + index + "]").addClass("selected");
				
				actual = index;
				
                if(actual*1 == 0) {
                    $('#previous').removeClass("active");
                    $('#next').removeClass("active");
                    $('#next').addClass("active");
                 } else if(actual*1 > 0 &&  actual*1 < total*1-1) {
                    $('#previous').removeClass("active");
                    $('#next').removeClass("active");

                    $('#previous').addClass("active");
                    $('#next').addClass("active");
                } 	else {
                    $('#previous').removeClass("active");
                    $('#next').removeClass("active");

                    $('#previous').addClass("active");
                }
			}
		});
		
	}else{
		
        if($("#slider article").length > 1) {
            var total = $("#slider article").length;
            var actual = 0;
            var articlewidth = $('#slider article').width();
            function slide(current) {
                actual = current;
                //alert(actual);
                $('#slider').animate({
                        left: - current * articlewidth
                    }, 1000, function() {
                });
                $('#photo nav a').removeClass("selected");
                $('#photo nav a[data-sync="' + current + '"]').addClass("selected");
                $('#previous').addClass("active");
                $('#next').addClass("active");

                if(actual*1 == 0) {
                    $('#previous').removeClass("active");
                    $('#next').removeClass("active");
                    $('#next').addClass("active");
                 } else if(actual*1 > 0 &&  actual*1 < total*1-1) {
                    $('#previous').removeClass("active");
                    $('#next').removeClass("active");

                    $('#previous').addClass("active");
                    $('#next').addClass("active");
                } 	else {
                    $('#previous').removeClass("active");
                    $('#next').removeClass("active");

                    $('#previous').addClass("active");
                }
            };

            slide(actual);

            jQuery.each($('#photo nav a'), function(event) {
                $(this).click(function() {
                    slide($(this).attr('data-sync'));
                });
            });
            $("#next").click(function() {
                if(actual*1 < total*1-1)
                    slide(actual*1+1);
            });

            $(window).jkey('right',function(){
                if(actual*1 < total*1-1)
                    slide(actual*1+1);
            });

            $("#previous").click(function() {
                if(actual*1 >= 1)
                    slide(actual*1-1);
            });
            $(window).jkey('left',function(){
                if(actual*1 >= 1)
                    slide(actual*1-1);
            });
        }
		
	}

});