jQuery(document).ready(function(){
	jQuery('.slider').cycle({ 
	    fx:     'fade', 
	    speed:  2000, 
	    next:   '.slideNext', 
	    prev:   '.slidePrev', 
	    timeout: 5000, 
	    startingSlide: 0
	});	
	jQuery("#menu-main li").hover(
		function() { jQuery("ul", this).fadeIn("fast"); }, 
		function() { jQuery("ul", this).fadeOut("fast"); } 
	);
	// Formular Footer Box
	jQuery(".inputfield").focus(function() {
		jQuery(this).css("background", "#fbf9f9").fadeIn();
		if (this.value == this.defaultValue) {
			this.value = '';
		}
	});
	jQuery(".inputfield").blur(function() {
		jQuery(this).css("background", "#595959");
		if (jQuery(this).attr("id") == "route-addr") {
			jQuery(this).css("background", "#fff");
		}
		if (this.value == '') {
			this.value = this.defaultValue;
		}
	});
});
jQuery(function() {
	jQuery("#viewer").removeClass("js-disabled");
	jQuery("<div>").attr("id", "container").css({ position:"absolute"}).width(jQuery(".wrapper").length * 300).height(170).appendTo("div#viewer");
	jQuery(".wrapper").each(function() {
		jQuery(this).appendTo("div#container");
	});
	
	var duration = jQuery(".wrapper").length * 2000;
	var speed = (parseInt(jQuery("div#container").width()) + parseInt(jQuery("div#viewer").width())) / duration;
	var direction = "rtl";
	
	(direction == "rtl") ? jQuery("div#container").css("left", jQuery("div#viewer").width()).addClass("rtl") : jQuery("div#container").css("left", 0 - jQuery("div#container").width()).addClass("ltr") ;
	var animator = function(el, time, dir) {
		if(dir == "rtl") {
			el.removeClass("ltr").addClass("rtl");
			el.animate({ left:"-" + el.width() + "px" }, time, "linear", function() {
				jQuery(this).css({ left:jQuery("div#imageScroller").width(), right:"" });
				animator(jQuery(this), duration, "rtl");
			});
		} else {
			el.removeClass("rtl").addClass("ltr");
			el.animate({ left:jQuery("div#viewer").width() + "px" }, time, "linear", function() {
				jQuery(this).css({ left:0 - jQuery("div#container").width() });
				animator(jQuery(this), duration, "ltr");
			});
		}
	}
	
	animator(jQuery("div#container"), duration, direction);

	jQuery("a.wrapper").live("mouseover", function() {
		jQuery("div#container").stop(true);
	});

	jQuery("a.wrapper").live("mouseout", function(e) {
		var totalDistance = parseInt(jQuery("div#container").width()) + parseInt(jQuery("div#viewer").width());
		var distanceLeft = (jQuery("div#container").hasClass("ltr")) ? totalDistance - (parseInt(jQuery("div#container").css("left")) + parseInt(jQuery("div#container").width())) : totalDistance - (parseInt(jQuery("div#viewer").width()) - (parseInt(jQuery("div#container").css("left")))) ;
		var newDuration = distanceLeft / speed;
		animator(jQuery("div#container"), newDuration, jQuery("div#container").attr("class"));
	});

});