New structure (following the documentation) for the tutorials. Normalized image…

New structure (following the documentation) for the tutorials. Normalized image sizes for TOC display.

doc/conf.py

@@ -65,7 +65,7 @@ release = '2.3'
 
 # List of patterns, relative to source directory, that match files and
 # directories to ignore when looking for source files.
-exclude_patterns = []
+exclude_patterns = ['doc/tutorials/definitions']
 
 # The reST default role (used for this markup: `text`) to use for all documents.
 #default_role = None
@@ -294,18 +294,19 @@ extlinks = {'cvt_color': ('http://opencv.willowgarage.com/documentation/cpp/imgp
             'rng': ('http://opencv.willowgarage.com/documentation/cpp/core_operations_on_arrays.html?#rng%s', None),
             'put_text': ('http://opencv.willowgarage.com/documentation/cpp/core_drawing_functions.html?#putText%s', None),
             'gaussian_blur': ('http://opencv.willowgarage.com/documentation/cpp/image_filtering.html#cv-gaussianblur%s', None),
-	    'blur': ('http://opencv.willowgarage.com/documentation/cpp/image_filtering.html#cv-blur%s', None),
+            'blur': ('http://opencv.willowgarage.com/documentation/cpp/image_filtering.html#cv-blur%s', None),
             'median_blur': ('http://opencv.willowgarage.com/documentation/cpp/image_filtering.html#cv-medianblur%s', None), 
             'bilateral_filter': ('http://opencv.willowgarage.com/documentation/cpp/image_filtering.html#cv-bilateralfilter%s', None),
-	    'erode': ('http://opencv.jp/opencv-2.2_org/cpp/imgproc_image_filtering.html#cv-erode%s', None),
+            'erode': ('http://opencv.jp/opencv-2.2_org/cpp/imgproc_image_filtering.html#cv-erode%s', None),
             'dilate': ('http://opencv.jp/opencv-2.2_org/cpp/imgproc_image_filtering.html#cv-dilate%s', None),
             'get_structuring_element': ('http://opencv.jp/opencv-2.2_org/cpp/imgproc_image_filtering.html#cv-getstructuringelement%s', None),
             'flood_fill': ( 'http://opencv.jp/opencv-2.2_org/cpp/imgproc_miscellaneous_image_transformations.html?#floodFill%s', None),
-	    'morphology_ex': ('http://opencv.jp/opencv-2.2_org/cpp/imgproc_image_filtering.html?highlight=morphology#morphologyEx%s', None),
+            'morphology_ex': ('http://opencv.jp/opencv-2.2_org/cpp/imgproc_image_filtering.html?highlight=morphology#morphologyEx%s', None),
             'pyr_down': ('http://opencv.willowgarage.com/documentation/cpp/imgproc_image_filtering.html#cv-pyrdown%s', None),
             'pyr_up': ('http://opencv.willowgarage.com/documentation/cpp/imgproc_image_filtering.html#cv-pyrup%s', None),
             'resize': ('http://opencv.willowgarage.com/documentation/cpp/imgproc_geometric_image_transformations.html#cv-resize%s', None),
-            'threshold': ('http://opencv.willowgarage.com/documentation/cpp/miscellaneous_image_transformations.html#cv-threshold%s', None)
+            'threshold': ('http://opencv.willowgarage.com/documentation/cpp/miscellaneous_image_transformations.html#cv-threshold%s', None),
+            'opencv_group' : ('http://tech.groups.yahoo.com/group/OpenCV/%s', None)
            }
 
 

doc/tutorials/calib3d/table_of_content_calib3d/table_of_content_calib3d.rst

+.. _Table-Of-Content-Calib3D:
+
+*calib3d* module. Camera calibration and 3D reconstruction
+-----------------------------------------------------------
+
+Although we got most of our images in a 2D format they do come from a 3D world. Here you will learn how to find out from the 2D images information about the 3D world. 
+
+.. include:: ../../definitions/noContent.rst

doc/tutorials/core/adding_images/adding_images.rst

+.. _Adding_Images:
+
+Adding (blending) two images using OpenCV
+*******************************************
+
+Goal
+=====
+
+In this tutorial you will learn how to:
+
+* What is *linear blending* and why it is useful.
+* Add two images using :add_weighted:`addWeighted <>`
+
+Cool Theory
+=================
+
+.. note::
+
+   The explanation below belongs to the book `Computer Vision: Algorithms and Applications <http://szeliski.org/Book/>`_  by Richard Szeliski 
+
+From our previous tutorial, we know already a bit of *Pixel operators*. An interesting dyadic (two-input) operator is the *linear blend operator*:
+
+.. math::
+
+   g(x) = (1 - \alpha)f_{0}(x) + \alpha f_{1}(x)
+
+By varying :math:`\alpha` from :math:`0 \rightarrow 1` this operator can be used to perform a temporal *cross-disolve* between two images or videos, as seen in slide shows and film production (cool, eh?)
+
+Code
+=====
+
+As usual, after the not-so-lengthy explanation, let's go to the code. Here it is:
+
+.. code-block:: cpp
+
+   #include <cv.h>
+   #include <highgui.h>
+   #include <iostream>
+
+   using namespace cv;
+
+   int main( int argc, char** argv )
+   {
+    double alpha = 0.5; double beta; double input; 
+
+    Mat src1, src2, dst;
+
+    /// Ask the user enter alpha
+    std::cout<<" Simple Linear Blender "<<std::endl;
+    std::cout<<"-----------------------"<<std::endl;
+    std::cout<<"* Enter alpha [0-1]: ";
+    std::cin>>input;
+
+    /// We use the alpha provided by the user iff it is between 0 and 1
+    if( alpha >= 0 && alpha <= 1 )
+      { alpha = input; }
+
+    /// Read image ( same size, same type )
+    src1 = imread("../../images/LinuxLogo.jpg");
+    src2 = imread("../../images/WindowsLogo.jpg");
+
+    if( !src1.data ) { printf("Error loading src1 \n"); return -1; }
+    if( !src2.data ) { printf("Error loading src2 \n"); return -1; }
+
+    /// Create Windows
+    namedWindow("Linear Blend", 1);
+
+    beta = ( 1.0 - alpha );
+    addWeighted( src1, alpha, src2, beta, 0.0, dst);
+  
+    imshow( "Linear Blend", dst );
+
+    waitKey(0);
+    return 0;
+   }
+
+Explanation
+============
+
+#. Since we are going to perform:
+
+   .. math::
+
+      g(x) = (1 - \alpha)f_{0}(x) + \alpha f_{1}(x)
+
+   We need two source images (:math:`f_{0}(x)` and :math:`f_{1}(x)`). So, we load them in the usual way:
+
+   .. code-block:: cpp
+
+      src1 = imread("../../images/LinuxLogo.jpg");
+      src2 = imread("../../images/WindowsLogo.jpg");
+
+   .. warning::
+
+      Since we are *adding* *src1* and *src2*, they both have to be of the same size (width and height) and type.
+
+#. Now we need to generate the :math:`g(x)` image. For this, the function :add_weighted:`addWeighted <>` comes quite handy:
+
+   .. code-block:: cpp
+   
+      beta = ( 1.0 - alpha );
+      addWeighted( src1, alpha, src2, beta, 0.0, dst);
+ 
+   since :add_weighted:`addWeighted <>` produces:
+
+   .. math::
+
+      dst = \alpha \cdot src1 + \beta \cdot src2 + \gamma
+
+   In this case, :math:`\gamma` is the argument :math:`0.0` in the code above.
+ 
+#. Create windows, show the images and wait for the user to end the program. 
+
+Result
+=======
+
+.. image:: images/Adding_Images_Tutorial_Result_0.png
+   :alt: Blending Images Tutorial - Final Result
+   :align: center 

doc/tutorials/core/basic_geometric_drawing/basic_geometric_drawing.rst

+.. _Drawing_1:
+
+Basic Drawing
+****************
+
+Goals
+======
+In this tutorial you will learn how to:
+
+* Use  :point:`Point <>`  to define 2D points in an image. 
+* Use  :scalar:`Scalar <>`  and why it is useful
+* Draw a **line** by using the OpenCV function :line:`line <>`
+* Draw an **ellipse** by using the OpenCV function :ellipse:`ellipse <>`
+* Draw a **rectangle** by using the OpenCV function :rectangle:`rectangle <>`
+* Draw a **circle** by using the OpenCV function :circle:`circle <>`
+* Draw a **filled polygon** by using the OpenCV function :fill_poly:`fillPoly <>`
+
+OpenCV Theory
+===============
+
+For this tutorial, we will heavily use two structures: :point:`Point <>` and :scalar:`Scalar <>`:
+
+Point
+-------
+It represents a 2D point, specified by its image coordinates :math:`x` and :math:`y`. We can define it as:
+
+.. code-block:: cpp
+   
+   Point pt;
+   pt.x = 10; 
+   pt.y = 8;
+
+or
+
+.. code-block:: cpp
+   
+   Point pt =  Point(10, 8);
+
+Scalar
+-------
+* Represents a 4-element vector. The type Scalar is widely used in OpenCV for passing pixel values.
+* In this tutorial, we will use it extensively to represent RGB color values (3 parameters). It is not necessary to define the last argument if it is not going to be used.
+* Let's see an example, if we are asked for a color argument and we give:
+
+  .. code-block:: cpp
+     
+     Scalar( a, b, c )
+
+  We would be defining a RGB color such as: *Red = c*, *Green = b* and *Blue = a*
+
+
+Code
+=====
+* This code is in your OpenCV sample folder. Otherwise you can grab it from `here <https://code.ros.org/svn/opencv/trunk/opencv/samples/cpp/tutorial_code/Basic/Drawing_1.cpp>`_
+
+Explanation
+=============
+
+#. Since we plan to draw two examples (an atom and a rook), we have to create 02 images and two windows to display them. 
+
+   .. code-block:: cpp
+
+      /// Windows names
+      char atom_window[] = "Drawing 1: Atom";
+      char rook_window[] = "Drawing 2: Rook";
+
+      /// Create black empty images 
+      Mat atom_image = Mat::zeros( w, w, CV_8UC3 );
+      Mat rook_image = Mat::zeros( w, w, CV_8UC3 );
+
+#. We created functions to draw different geometric shapes. For instance, to draw the atom we used *MyEllipse* and *MyFilledCircle*:
+
+   .. code-block:: cpp
+
+      /// 1. Draw a simple atom:
+
+      /// 1.a. Creating ellipses 
+      MyEllipse( atom_image, 90 );
+      MyEllipse( atom_image, 0 );
+      MyEllipse( atom_image, 45 );
+      MyEllipse( atom_image, -45 );
+
+      /// 1.b. Creating circles
+      MyFilledCircle( atom_image, Point( w/2.0, w/2.0) );
+
+#. And to draw the rook we employed *MyLine*, *rectangle* and a *MyPolygon*:
+
+   .. code-block:: cpp
+
+      /// 2. Draw a rook
+
+      /// 2.a. Create a convex polygon
+      MyPolygon( rook_image );
+
+      /// 2.b. Creating rectangles
+      rectangle( rook_image,
+  	         Point( 0, 7*w/8.0 ),
+	         Point( w, w),
+	         Scalar( 0, 255, 255 ),
+	         -1,
+	         8 );
+
+      /// 2.c. Create a few lines 
+      MyLine( rook_image, Point( 0, 15*w/16 ), Point( w, 15*w/16 ) );
+      MyLine( rook_image, Point( w/4, 7*w/8 ), Point( w/4, w ) );
+      MyLine( rook_image, Point( w/2, 7*w/8 ), Point( w/2, w ) );
+      MyLine( rook_image, Point( 3*w/4, 7*w/8 ), Point( 3*w/4, w ) );
+
+#. Let's check what is inside each of these functions:
+
+   * *MyLine* 
+     
+     .. code-block:: cpp   
+
+        void MyLine( Mat img, Point start, Point end )
+	{
+  	  int thickness = 2;
+  	  int lineType = 8;
+  	  line( img, 
+	  	start,
+		end,
+		Scalar( 0, 0, 0 ),
+		thickness,
+		lineType );
+	}
+
+     As we can see, *MyLine* just call the function :line:`line <>`, which does the following:
+
+     * Draw a line from Point **start** to Point **end**
+     * The line is displayed in the image **img**
+     * The line color is defined by **Scalar( 0, 0, 0)** which is the RGB value correspondent to **Black**
+     * The line thickness is set to **thickness** (in this case 2) 
+     * The line is a 8-connected one (**lineType** = 8)
+
+   * *MyEllipse*
+
+     .. code-block:: cpp    
+
+        void MyEllipse( Mat img, double angle )
+        {
+   	  int thickness = 2;
+  	  int lineType = 8;
+
+	  ellipse( img,
+	   	   Point( w/2.0, w/2.0 ),
+	   	   Size( w/4.0, w/16.0 ),
+	   	   angle,
+	   	   0, 
+	   	   360,
+	   	   Scalar( 255, 0, 0 ),
+	   	   thickness,
+	   	   lineType );  
+        }
+
+     From the code above, we can observe that the function :ellipse:`ellipse <>` draws an ellipse such that:
+     
+     * The ellipse is displayed in the image **img**
+     * The ellipse center is located in the point **(w/2.0, w/2.0)** and is enclosed in a box of size **(w/4.0, w/16.0)**
+     * The ellipse is rotated **angle** degrees
+     * The ellipse extends an arc between **0** and **360** degrees
+     * The color of the figure will be **Scalar( 255, 255, 0)** which means blue in RGB value.
+     * The ellipse's **thickness** is 2.
+  
+
+   * *MyFilledCircle*
+
+     .. code-block:: cpp
+
+        void MyFilledCircle( Mat img, Point center )
+	{
+  	 int thickness = -1;
+  	 int lineType = 8;
+
+	 circle( img, 
+	  	 center,
+	  	 w/32.0,
+	  	 Scalar( 0, 0, 255 ),
+	  	 thickness, 
+	  	 lineType );
+	}
+
+     Similar to the ellipse function, we can observe that *circle* receives as arguments:
+
+     * The image where the circle will be displayed (**img**)
+     * The center of the circle denoted as the Point **center**	
+     * The radius of the circle: **w/32.0**
+     * The color of the circle: **Scalar(0, 0, 255)** which means *Red* in RGB 
+     * Since **thickness** = -1, the circle will be drawn filled.
+
+   * *MyPolygon*
+
+     .. code-block:: cpp
+
+        void MyPolygon( Mat img )
+	{
+  	  int lineType = 8;
+
+	  /** Create some points */
+  	  Point rook_points[1][20];
+  	  rook_points[0][0] = Point( w/4.0, 7*w/8.0 );
+  	  rook_points[0][1] = Point( 3*w/4.0, 7*w/8.0 );
+  	  rook_points[0][2] = Point( 3*w/4.0, 13*w/16.0 );
+  	  rook_points[0][3] = Point( 11*w/16.0, 13*w/16.0 );
+ 	  rook_points[0][4] = Point( 19*w/32.0, 3*w/8.0 );
+  	  rook_points[0][5] = Point( 3*w/4.0, 3*w/8.0 );
+  	  rook_points[0][6] = Point( 3*w/4.0, w/8.0 );
+  	  rook_points[0][7] = Point( 26*w/40.0, w/8.0 );
+  	  rook_points[0][8] = Point( 26*w/40.0, w/4.0 );
+  	  rook_points[0][9] = Point( 22*w/40.0, w/4.0 );
+  	  rook_points[0][10] = Point( 22*w/40.0, w/8.0 );
+  	  rook_points[0][11] = Point( 18*w/40.0, w/8.0 );
+  	  rook_points[0][12] = Point( 18*w/40.0, w/4.0 );
+  	  rook_points[0][13] = Point( 14*w/40.0, w/4.0 );
+  	  rook_points[0][14] = Point( 14*w/40.0, w/8.0 );
+  	  rook_points[0][15] = Point( w/4.0, w/8.0 );
+  	  rook_points[0][16] = Point( w/4.0, 3*w/8.0 );
+  	  rook_points[0][17] = Point( 13*w/32.0, 3*w/8.0 );
+  	  rook_points[0][18] = Point( 5*w/16.0, 13*w/16.0 );
+  	  rook_points[0][19] = Point( w/4.0, 13*w/16.0) ;
+
+	  const Point* ppt[1] = { rook_points[0] };
+  	  int npt[] = { 20 };
+
+  	  fillPoly( img,
+	    	    ppt,
+	    	    npt,
+            	    1,
+	    	    Scalar( 255, 255, 255 ),
+	    	    lineType );			
+         }
+
+     To draw a filled polygon we use the function :fill_poly:`fillPoly <>`. We note that:
+  
+     * The polygon will be drawn on **img**
+     * The vertices of the polygon are the set of points in **ppt**
+     * The total number of vertices to be drawn are **npt**
+     * The number of polygons to be drawn is only **1**
+     * The color of the polygon is defined by **Scalar( 255, 255, 255)**, which is the RGB value for *white*     
+
+   * *rectangle*
+
+     .. code-block:: cpp
+
+        rectangle( rook_image,
+	     	   Point( 0, 7*w/8.0 ),
+	     	   Point( w, w),
+	     	   Scalar( 0, 255, 255 ),
+	     	   -1,
+	     	   8 );
+
+     Finally we have the :rectangle:`rectangle <>` function (we did not create a special function for this guy). We note that:
+
+     * The rectangle will be drawn on **rook_image**
+     * Two opposite vertices of the rectangle are defined by ** Point( 0, 7*w/8.0 )** and **Point( w, w)**
+     * The color of the rectangle is given by **Scalar(0, 255, 255)** which is the RGB value for *yellow*
+     * Since the thickness value is given by **-1**, the rectangle will be filled.
+
+Result
+=======
+
+Compiling and running your program should give you a result like this:
+
+.. image:: images/Drawing_1_Tutorial_Result_0.png
+   :alt: Drawing Tutorial 1 - Final Result
+   :align: center 

doc/tutorials/core/basic_linear_transform/basic_linear_transform.rst

+.. _Basic_Linear_Transform:
+
+Changing the contrast and brightness of an image!
+***************************************************
+
+Goal
+=====
+
+In this tutorial you will learn how to:
+
+* Access pixel values 
+
+* Initialize a matrix with zeros
+
+* Learn what :saturate_cast:`saturate_cast <>` does and why it is useful
+
+* Get some cool info about pixel transformations
+
+Cool Theory
+=================
+ 
+.. note::
+   The explanation below belongs to the book `Computer Vision: Algorithms and Applications <http://szeliski.org/Book/>`_  by Richard Szeliski 
+
+Image Processing
+--------------------
+
+* A general image processing operator is a function that takes one or more input images and produces an output image. 
+
+* Image transforms can be seen as:
+
+  * Point operators (pixel transforms)
+  * Neighborhood (area-based) operators
+
+
+Pixel Transforms
+^^^^^^^^^^^^^^^^^
+
+* In this kind of image processing transform, each output pixel's value depends on only the corresponding input pixel value (plus, potentially, some globally collected information or parameters).
+
+* Examples of such operators include *brightness and contrast adjustments* as well as color correction and transformations.
+
+Brightness and contrast adjustments
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+* Two commonly used point processes are *multiplication* and *addition* with a constant:
+
+  .. math::
+
+     g(x) = \alpha f(x) + \beta
+
+* The parameters :math:`\alpha > 0` and :math:`\beta` are often called the *gain* and *bias* parameters; sometimes these parameters are said to control *contrast* and *brightness* respectively.
+
+* You can think of :math:`f(x)` as the source image pixels and :math:`g(x)` as the output image pixels. Then, more conveniently we can write the expression as:
+
+  .. math::
+   
+     g(i,j) = \alpha \cdot f(i,j) + \beta
+  
+  where :math:`i` and :math:`j` indicates that the pixel is located in the *i-th* row and *j-th* column. 
+
+Code
+=====
+
+* The following code performs the operation :math:`g(i,j) = \alpha \cdot f(i,j) + \beta`
+* Here it is:
+
+.. code-block:: cpp
+
+   #include <cv.h>
+   #include <highgui.h>
+   #include <iostream>
+
+   using namespace cv;
+
+   double alpha; /**< Simple contrast control */
+   int beta;  /**< Simple brightness control */
+
+   int main( int argc, char** argv )
+   {
+    /// Read image given by user
+    Mat image = imread( argv[1] );
+    Mat new_image = Mat::zeros( image.size(), image.type() );
+
+    /// Initialize values 
+    std::cout<<" Basic Linear Transforms "<<std::endl;
+    std::cout<<"-------------------------"<<std::endl;
+    std::cout<<"* Enter the alpha value [1.0-3.0]: ";std::cin>>alpha;
+    std::cout<<"* Enter the beta value [0-100]: "; std::cin>>beta;
+
+    /// Do the operation new_image(i,j) = alpha*image(i,j) + beta
+    for( int y = 0; y < image.rows; y++ )
+       { for( int x = 0; x < image.cols; x++ )
+            { for( int c = 0; c < 3; c++ )
+                 {
+		  new_image.at<Vec3b>(y,x)[c] = saturate_cast<uchar>( alpha*( image.at<Vec3b>(y,x)[c] ) + beta );
+                }
+	    }
+       }
+
+    /// Create Windows
+    namedWindow("Original Image", 1);
+    namedWindow("New Image", 1);
+
+    /// Show stuff
+    imshow("Original Image", image);
+    imshow("New Image", new_image);
+
+    /// Wait until user press some key
+    waitKey();
+    return 0;
+   }
+
+Explanation
+============
+
+#. We begin by creating parameters to save :math:`\alpha` and :math:`\beta` to be entered by the user:
+
+   .. code-block:: cpp
+
+      double alpha;
+      int beta;
+
+
+#. We load an image using :imread:`imread <>` and save it in a Mat object:
+   
+   .. code-block:: cpp
+
+      Mat image = imread( argv[1] );
+
+#. Now, since we will make some transformations to this image, we need a new Mat object to store it. Also, we want this to have the following features:
+   
+   * Initial pixel values equal to zero
+   * Same size and type as the original image
+ 
+   .. code-block:: cpp
+
+      Mat new_image = Mat::zeros( image.size(), image.type() ); 
+ 
+   We observe that :mat_zeros:`Mat::zeros <>` returns a Matlab-style zero initializer based on *image.size()* and *image.type()*  
+
+#. Now, to perform the operation :math:`g(i,j) = \alpha \cdot f(i,j) + \beta` we will access to each pixel in image. Since we are operating with RGB images, we will have three values per pixel (R, G and B), so we will also access them separately. Here is the piece of code:
+
+   .. code-block:: cpp
+ 
+      for( int y = 0; y < image.rows; y++ )
+         { for( int x = 0; x < image.cols; x++ )
+              { for( int c = 0; c < 3; c++ )
+                   { new_image.at<Vec3b>(y,x)[c] = saturate_cast<uchar>( alpha*( image.at<Vec3b>(y,x)[c] ) + beta ); }
+	      }
+         }
+ 
+   Notice the following:
+
+   * To access each pixel in the images we are using this syntax: *image.at<Vec3b>(y,x)[c]* where *y* is the row, *x* is the column and *c* is R, G or B (0, 1 or 2). 
+
+   * Since the operation :math:`\alpha \cdot p(i,j) + \beta` can give values out of range or not integers (if :math:`\alpha` is float), we use :saturate_cast:`saturate_cast <>` to make sure the values are valid.
+
+
+#. Finally, we create windows and show the images, the usual way.
+
+   .. code-block:: cpp
+   
+      namedWindow("Original Image", 1);
+      namedWindow("New Image", 1);
+
+      imshow("Original Image", image);
+      imshow("New Image", new_image);
+
+      waitKey(0);
+
+.. note::
+  
+   Instead of using the **for** loops to access each pixel, we could have simply used this command:
+  
+   .. code-block:: cpp
+
+      image.convertTo(new_image, -1, alpha, beta);
+
+   where :convert_to:`convertTo <>` would effectively perform *new_image = a*image + beta*. However, we wanted to show you how to access each pixel. In any case, both methods give the same result.
+
+Result
+=======
+
+* Running our code and using :math:`\alpha = 2.2` and :math:`\beta = 50`
+
+  .. code-block:: bash
+
+     $ ./BasicLinearTransforms lena.png
+     Basic Linear Transforms
+     -------------------------
+     * Enter the alpha value [1.0-3.0]: 2.2
+     * Enter the beta value [0-100]: 50
+
+* We get this:
+
+.. image:: images/Basic_Linear_Transform_Tutorial_Result_0.png
+   :height: 400px
+   :alt: Basic Linear Transform - Final Result
+   :align: center 

doc/tutorials/core/table_of_content_core/table_of_content_core.rst

+.. _Table-Of-Content-Core:
+
+*core* module. The Core Functionality
+-----------------------------------------------------------
+
+Here you will learn the about the basic building blocks of the library. A must read and know for understanding how to manipulate the images on a pixel level.
+
+.. toctree::
+   :hidden:
+   
+   ../adding_images/adding_images
+   ../basic_linear_transform/basic_linear_transform
+   ../basic_geometric_drawing/basic_geometric_drawing
+   ../random_generator_and_text/random_generator_and_text
+
+.. |Author_AnaH| unicode:: Ana U+0020 Hu U+00E1 man
+
+* :ref:`Adding_Images`
+
+  =============== ======================================================
+   |Beginners_4|  *Title:* **Linear Blending**
+  
+                  *Compatibility:* > OpenCV 2.0
+                  
+                  *Author:* |Author_AnaH|
+  
+                  We will learn how to blend two images!
+  
+  =============== ======================================================
+
+.. |Beginners_4| image:: images/Adding_Images_Tutorial_Result_0.png
+                     :height: 100pt
+                     :width:  100pt
+
+* :ref:`Basic_Linear_Transform`
+
+  =============== ====================================================
+   |Bas_Lin_Tran| *Title:* **Changing the contrast and brightness of an image**
+  
+                  *Compatibility:* > OpenCV 2.0
+                  
+                  *Author:* |Author_AnaH|
+  
+                  We will learn how to change our image appearance!
+  
+  =============== ====================================================
+  
+  .. |Bas_Lin_Tran| image:: images/Basic_Linear_Transform_Tutorial_Result_0.png
+                              :height: 100pt
+                              :width:  100pt
+
+  
+                              
+* :ref:`Drawing_1`
+
+  =============== ======================================================
+   |Beginners_6|  *Title:* **Basic Drawing**
+  
+                  *Compatibility:* > OpenCV 2.0
+                  
+                  *Author:* |Author_AnaH|
+  
+                  We will learn how to draw simple geometry with OpenCV!
+  
+  =============== ======================================================
+
+.. |Beginners_6| image:: images/Drawing_1_Tutorial_Result_0.png
+                 :height: 100pt
+                 :width:  100pt
+
+
+* :ref:`Drawing_2`
+
+  =============== ======================================================
+   |Beginners_7|  *Title:* **Cool Drawing**
+
+                  *Compatibility:* > OpenCV 2.0
+                  
+                  *Author:* |Author_AnaH|
+
+                  We will draw some *fancy-looking* stuff using OpenCV!
+ 
+  =============== ======================================================
+ 
+  .. |Beginners_7| image:: images/Drawing_2_Tutorial_Result_7.png
+                   :height: 100pt
+                   :width:  100pt
+

doc/tutorials/definitions/noContent.rst

+
+.. note::
+   Unfortunetly we have no tutorials into this section. Nevertheless, our tutorial writting team is working on it. If you have a tutorial suggestion or you have writen yourself a tutorial (or coded a sample code) that you would like to see here please contact us via our :opencv_group:`user group <>`. 
\ No newline at end of file

doc/tutorials/features2d/table_of_content_features2d/table_of_content_features2d.rst

+.. _Table-Of-Content-Feature2D:
+
+*feature2d* module. 2D Features framework
+-----------------------------------------------------------
+
+Learn about how to use the feature points  detectors, descriptors and matching framework found inside OpenCV.
+
+.. include:: ../../definitions/noContent.rst 

doc/tutorials/general/table_of_content_general/table_of_content_general.rst

+.. _Table-Of-Content-General:
+
+General tutorials
+-----------------------------------------------------------
+
+These tutorials are the bottom of the iceberg as they link together multiple of the modules presented above in order to solve complex problems.
+
+.. include:: ../../definitions/noContent.rst

doc/tutorials/gpu/table_of_content_gpu/table_of_content_gpu.rst

+.. _Table-Of-Content-GPU:
+
+*gpu* module. GPU-Accelerated Computer Vision
+-----------------------------------------------------------
+
+Squeeze out every little computation power from your system by using the power of your video card to run the OpenCV algorithms.
+
+.. include:: ../../definitions/noContent.rst

doc/tutorials/highgui/table_of_content_highgui/table_of_content_highgui.rst

+.. _Table-Of-Content-HighGui:
+
+*highgui* module. High Level GUI and Media
+-----------------------------------------------------------
+
+This section contains valuable tutorials about how to read/save your image/video files and how to use the built-in graphical user interface of the library. 
+
+.. toctree::
+   :hidden:
+   
+   ../trackbar/trackbar
+
+* :ref:`Adding_Trackbars`
+
+     =============== ======================================================
+     |Beginners_5|   *Title:* **Creating Trackbars**
+
+                     *Compatibility:* > OpenCV 2.0
+
+                     We will learn how to add a Trackbar to our applications
+    
+     =============== ======================================================
+    
+     .. |Beginners_5| image:: images/Adding_Trackbars_Tutorial_Cover.png
+                      :height: 100pt
+                      :width:  100pt

doc/tutorials/highgui/trackbar/trackbar.rst

+.. _Adding_Trackbars:
+
+Adding a Trackbar to our applications!
+***************************************
+
+* In the previous tutorials (about *linear blending* and the *brightness and contrast adjustments*) you might have noted that we needed to give some **input** to our programs, such as :math:`\alpha` and :math:`beta`. We accomplished that by entering this data using the Terminal
+
+* Well, it is time to use some fancy GUI tools. OpenCV provides some GUI utilities (*highgui.h*) for you. An example of this is a **Trackbar** 
+
+  .. image:: images/Adding_Trackbars_Tutorial_Trackbar.png
+     :alt: Trackbar example
+     :align: center 
+
+* In this tutorial we will just modify our two previous programs so that they get the input information from the trackbar.
+
+
+Goals
+======
+
+In this tutorial you will learn how to:
+
+* Add a Trackbar in an OpenCV window by using  :create_trackbar:`createTrackbar <>` 
+
+Code
+=====
+
+Let's modify the program made in the tutorial :ref:`Adding_Images`. We will let the user enter the :math:`\alpha` value by using the Trackbar.
+
+.. code-block:: cpp
+
+   #include <cv.h>
+   #include <highgui.h>
+
+   using namespace cv;
+
+   /// Global Variables 
+   const int alpha_slider_max = 100;
+   int alpha_slider; 
+   double alpha;
+   double beta;  
+
+   /// Matrices to store images 
+   Mat src1;
+   Mat src2;
+   Mat dst;
+
+   /**
+    * @function on_trackbar
+    * @brief Callback for trackbar
+    */
+   void on_trackbar( int, void* )
+   { 
+    alpha = (double) alpha_slider/alpha_slider_max ;
+    beta = ( 1.0 - alpha );
+
+    addWeighted( src1, alpha, src2, beta, 0.0, dst);
+  
+    imshow( "Linear Blend", dst );
+   }
+
+   int main( int argc, char** argv )
+   {
+    /// Read image ( same size, same type )
+    src1 = imread("../../images/LinuxLogo.jpg");
+    src2 = imread("../../images/WindowsLogo.jpg");
+
+    if( !src1.data ) { printf("Error loading src1 \n"); return -1; }
+    if( !src2.data ) { printf("Error loading src2 \n"); return -1; }
+
+    /// Initialize values 
+    alpha_slider = 0;
+
+    /// Create Windows
+    namedWindow("Linear Blend", 1);
+
+    /// Create Trackbars
+    char TrackbarName[50];
+    sprintf( TrackbarName, "Alpha x %d", alpha_slider_max ); 
+
+    createTrackbar( TrackbarName, "Linear Blend", &alpha_slider, alpha_slider_max, on_trackbar );
+
+    /// Show some stuff
+    on_trackbar( alpha_slider, 0 );
+  
+    /// Wait until user press some key
+    waitKey(0);
+    return 0;
+   }
+
+
+Explanation
+============
+
+We only analyze the code that is related to Trackbar:
+
+#. First, we load 02 images, which are going to be blended.
+
+   .. code-block:: cpp
+
+      src1 = imread("../../images/LinuxLogo.jpg");
+      src2 = imread("../../images/WindowsLogo.jpg");
+
+#. To create a trackbar, first we have to create the window in which it is going to be located. So:
+
+   .. code-block:: cpp
+
+      namedWindow("Linear Blend", 1);
+
+#. Now we can create the Trackbar:
+
+   .. code-block:: cpp
+
+      createTrackbar( TrackbarName, "Linear Blend", &alpha_slider, alpha_slider_max, on_trackbar );
+
+   Note the following:
+   
+   * Our Trackbar has a label **TrackbarName**
+   * The Trackbar is located in the window named **"Linear Blend"**
+   * The Trackbar values will be in the range from :math:`0` to **alpha_slider_max** (the minimum limit is always **zero**).
+   * The numerical value of Trackbar is stored in **alpha_slider**
+   * Whenever the user moves the Trackbar, the callback function **on_trackbar** is called
+
+#. Finally, we have to define the callback function **on_trackbar**
+
+   .. code-block:: cpp
+
+      void on_trackbar( int, void* )
+      { 
+       alpha = (double) alpha_slider/alpha_slider_max ;
+       beta = ( 1.0 - alpha );
+
+       addWeighted( src1, alpha, src2, beta, 0.0, dst);
+  
+       imshow( "Linear Blend", dst );
+      }
+
+   Note that:
+ 
+   * We use the value of **alpha_slider** (integer) to get a double value for **alpha**. 
+   * **alpha_slider** is updated each time the trackbar is displaced by the user.
+   * We define *src1*, *src2*, *dist*, *alpha*, *alpha_slider* and *beta* as global  variables, so they can be used everywhere.
+ 
+Result
+=======
+
+* Our program produces the following output:
+
+  .. image:: images/Adding_Trackbars_Tutorial_Result_0.png
+     :alt: Adding Trackbars - Windows Linux
+     :align: center 
+
+* As a manner of practice, you can also add 02 trackbars for the program made in :ref:`Basic_Linear_Transform`. One trackbar to set :math:`\alpha` and another for :math:`\beta`. The output might look like:
+
+  .. image:: images/Adding_Trackbars_Tutorial_Result_1.png
+     :alt: Adding Trackbars - Lena
+     :height: 500px
+     :align: center 
+
+
+
+
+

doc/tutorials/imgproc/erosion_dilatation/erosion_dilatation.rst

+.. _Morphology_1:
+
+Eroding and Dilating
+**********************
+
+Goal
+=====
+
+In this tutorial you will learn how to:
+
+* Apply two very common morphology operators: Dilation and Erosion. For this purpose, you will use the following OpenCV functions:
+
+  * :erode:`erode <>`
+  * :dilate:`dilate <>`
+
+Cool Theory
+============
+
+.. note::
+   The explanation below belongs to the book **Learning OpenCV** by Bradski and Kaehler.
+
+Morphological Operations
+--------------------------
+
+* In short: A set of operations that process images based on shapes. Morphological operations apply a *structuring element* to an input image and generate an output image. 
+
+* The most basic morphological operations are two: Erosion and Dilation. They have a wide array of uses, i.e. :
+
+  * Removing noise
+
+  * Isolation of individual elements and joining disparate elements in an image.
+
+  * Finding of intensity bumps or holes in an image
+
+* We will explain dilation and erosion briefly, using the following image as an example:
+
+  .. image:: images/Morphology_1_Tutorial_Theory_Original_Image.png
+     :alt: Original image
+     :height: 100px
+     :align: center 
+
+Dilation
+^^^^^^^^^
+
+* This operations consists of convoluting an image :math:`A` with some kernel (:math:`B`), which can have any shape or size, usually a square or circle.
+
+* The kernel :math:`B` has a defined *anchor point*, usually being the center of the kernel.
+
+* As the kernel :math:`B` is scanned over the image, we compute the maximal pixel value overlapped by :math:`B` and replace the image pixel in the anchor point position with that maximal value. As you can deduce, this maximizing operation causes bright regions within an image to "grow" (therefore the name *dilation*). Take as an example the image above. Applying dilation we can get:
+
+  .. image:: images/Morphology_1_Tutorial_Theory_Dilation.png
+     :alt: Dilation result - Theory example
+     :height: 100px
+     :align: center 
+
+The background (bright) dilates around the black regions of the letter.
+
+Erosion
+^^^^^^^^
+
+* This operation is the sister of dilation. What this does is to compute a local minimum over the area of the kernel.
+
+* As the kernel :math:`B` is scanned over the image, we compute the minimal pixel value overlapped by :math:`B` and replace the image pixel under the anchor point with that minimal value. 
+
+* Analagously to the example for dilation, we can apply the erosion operator to the original image (shown above). You can see in the result below that the bright areas of the image (the background, apparently), get thinner, whereas the dark zones (the "writing"( gets bigger.
+
+  .. image:: images/Morphology_1_Tutorial_Theory_Erosion.png
+     :alt: Erosion result - Theory example
+     :height: 100px
+     :align: center 
+
+
+Code
+======
+
+This tutorial code's is shown lines below. You can also download it from `here <https://code.ros.org/svn/opencv/trunk/opencv/samples/cpp/tutorial_code/Image_Processing/Morphology_1.cpp>`_
+
+.. code-block:: cpp 
+
+   #include "opencv2/imgproc/imgproc.hpp"
+   #include "opencv2/highgui/highgui.hpp"
+   #include "highgui.h"
+   #include <stdlib.h>
+   #include <stdio.h>
+
+   using namespace cv;
+
+   /// Global variables
+   Mat src, erosion_dst, dilation_dst;
+
+   int erosion_elem = 0;
+   int erosion_size = 0;
+   int dilation_elem = 0;
+   int dilation_size = 0;
+   int const max_elem = 2;
+   int const max_kernel_size = 21;
+
+   /** Function Headers */
+   void Erosion( int, void* );
+   void Dilation( int, void* );
+
+   /** @function main */
+   int main( int argc, char** argv )
+   {
+     /// Load an image
+     src = imread( argv[1] );
+
+     if( !src.data )
+     { return -1; }
+    
+     /// Create windows
+     namedWindow( "Erosion Demo", CV_WINDOW_AUTOSIZE );
+     namedWindow( "Dilation Demo", CV_WINDOW_AUTOSIZE );
+     cvMoveWindow( "Dilation Demo", src.cols, 0 );
+
+     /// Create Erosion Trackbar
+     createTrackbar( "Element:\n 0: Rect \n 1: Cross \n 2: Ellipse", "Erosion Demo", 
+     		     &erosion_elem, max_elem, 
+		     Erosion );
+
+     createTrackbar( "Kernel size:\n 2n +1", "Erosion Demo", 
+		     &erosion_size, max_kernel_size,
+		     Erosion );
+
+     /// Create Dilation Trackbar
+     createTrackbar( "Element:\n 0: Rect \n 1: Cross \n 2: Ellipse", "Dilation Demo", 
+		     &dilation_elem, max_elem, 
+		     Dilation );
+
+     createTrackbar( "Kernel size:\n 2n +1", "Dilation Demo", 
+		     &dilation_size, max_kernel_size,
+		     Dilation ); 
+
+     /// Default start
+     Erosion( 0, 0 );
+     Dilation( 0, 0 );
+
+     waitKey(0);
+     return 0;
+   }
+
+   /**  @function Erosion  */
+   void Erosion( int, void* )
+   {
+     int erosion_type;
+     if( erosion_elem == 0 ){ erosion_type = MORPH_RECT; }
+     else if( erosion_elem == 1 ){ erosion_type = MORPH_CROSS; }
+     else if( erosion_elem == 2) { erosion_type = MORPH_ELLIPSE; }
+
+     Mat element = getStructuringElement( erosion_type, 
+     	  				  Size( 2*erosion_size + 1, 2*erosion_size+1 ),
+				       	  Point( erosion_size, erosion_size ) ); 
+
+     /// Apply the erosion operation
+     erode( src, erosion_dst, element );
+     imshow( "Erosion Demo", erosion_dst );  
+   }
+
+   /** @function Dilation */
+   void Dilation( int, void* )
+   {
+     int dilation_type;
+     if( dilation_elem == 0 ){ dilation_type = MORPH_RECT; }
+     else if( dilation_elem == 1 ){ dilation_type = MORPH_CROSS; }
+     else if( dilation_elem == 2) { dilation_type = MORPH_ELLIPSE; }
+
+     Mat element = getStructuringElement( dilation_type, 
+				       	  Size( 2*dilation_size + 1, 2*dilation_size+1 ),
+				       	  Point( dilation_size, dilation_size ) ); 
+     /// Apply the dilation operation
+     dilate( src, dilation_dst, element );
+     imshow( "Dilation Demo", dilation_dst );  
+   }
+
+
+Explanation
+=============
+
+#. Most of the stuff shown is known by you (if you have any doubt, please refer to the tutorials in previous sections). Let's check the general structure of the program:
+
+   * Load an image (can be RGB or grayscale)
+
+   * Create two windows (one for dilation output, the other for erosion)
+
+   * Create a set of 02 Trackbars for each operation:
+
+     * The first trackbar "Element" returns either **erosion_elem** or **dilation_elem**
+     * The second trackbar "Kernel size" return **erosion_size** or **dilation_size** for the corresponding operation. 
+
+   * Every time we move any slider, the user's function **Erosion** or **Dilation** will be called and it will update the output image based on the current trackbar values.
+  
+   Let's analyze these two functions:
+ 
+#. **erosion:**
+
+   .. code-block:: cpp
+
+      /**  @function Erosion  */
+      void Erosion( int, void* )
+      {
+        int erosion_type;
+        if( erosion_elem == 0 ){ erosion_type = MORPH_RECT; }
+        else if( erosion_elem == 1 ){ erosion_type = MORPH_CROSS; }
+        else if( erosion_elem == 2) { erosion_type = MORPH_ELLIPSE; }
+
+        Mat element = getStructuringElement( erosion_type, 
+     	    				     Size( 2*erosion_size + 1, 2*erosion_size+1 ),
+				       	     Point( erosion_size, erosion_size ) ); 
+        /// Apply the erosion operation
+        erode( src, erosion_dst, element );
+        imshow( "Erosion Demo", erosion_dst );  
+      }
+
+   * The function that performs the *erosion* operation is :erode:`erode <>`. As we can see, it receives three arguments:
+ 
+     * *src*: The source image
+     * *erosion_dst*: The output image
+     * *element*: This is the kernel we will use to perform the operation. If we do not specify, the default is a simple :math:`3x3` matrix. Otherwise, we can specify its shape. For this, we need to use the function :get_structuring_element:`getStructuringElement <>`:
+
+        .. code-block:: cpp
+
+ 	   Mat element = getStructuringElement( erosion_type, 
+     	    				        Size( 2*erosion_size + 1, 2*erosion_size+1 ),
+				       	        Point( erosion_size, erosion_size ) );   
+						
+        We can choose any of three shapes for our kernel:
+
+	* Rectangular box: MORPH_RECT
+ 	* Cross:  MORPH_CROSS 
+	* Ellipse: MORPH_ELLIPSE
+
+        Then, we just have to specify the size of our kernel and the *anchor point*. If not specified, it is assumed to be in the center.
+
+   * That is all. We are ready to perform the erosion of our image.
+
+   .. note::
+      Additionally, there is another parameter that allows you to perform multiple erosions (iterations) at once. We are not using it in this simple tutorial, though. You can check out the Reference for more details. 
+						
+
+#. **dilation:**
+
+The code is below. As you can see, it is completely similar to the snippet of code for **erosion**. Here we also have the option of defining our kernel, its anchor point and the size of the operator to be used.
+
+.. code-block:: cpp
+
+   /** @function Dilation */
+   void Dilation( int, void* )
+   {
+     int dilation_type;
+     if( dilation_elem == 0 ){ dilation_type = MORPH_RECT; }
+     else if( dilation_elem == 1 ){ dilation_type = MORPH_CROSS; }
+     else if( dilation_elem == 2) { dilation_type = MORPH_ELLIPSE; }
+
+     Mat element = getStructuringElement( dilation_type, 
+       	       	                          Size( 2*dilation_size + 1, 2*dilation_size+1 ),
+				       	  Point( dilation_size, dilation_size ) ); 
+     /// Apply the dilation operation
+     dilate( src, dilation_dst, element );
+     imshow( "Dilation Demo", dilation_dst );  
+   }
+
+
+
+Results
+========
+
+* Compile the code above and execute it with an image as argument. For instance, using this image:
+
+  .. image:: images/Morphology_1_Tutorial_Original_Image.png
+     :alt: Original image
+     :height: 200px
+     :align: center 
+
+  We get the results below. Varying the indices in the Trackbars give different output images, naturally. Try them out! You can even try to add a third Trackbar to control the number of iterations.
+
+  .. image:: images/Morphology_1_Tutorial_Cover.png
+     :alt: Dilation and Erosion application
+     :height: 400px
+     :align: center 
+ 

doc/tutorials/imgproc/opening_closing_hats/opening_closing_hats.rst

+.. _Morphology_2:
+
+More Morphology Transformations
+*********************************
+
+Goal
+=====
+
+In this tutorial you will learn how to:
+
+* Use the OpenCV function :morphology_ex:`morphologyEx <>` to apply Morphological Transformation such as:
+  
+  * Opening 
+  * Closing
+  * Morphological Gradient
+  * Top Hat
+  * Black Hat
+
+Cool Theory
+============
+
+.. note::
+   The explanation below belongs to the book **Learning OpenCV** by Bradski and Kaehler.
+
+In the previous tutorial we covered two basic Morphology operations: 
+
+* Erosion
+
+* Dilation. 
+
+Based on these two we can effectuate more sophisticated transformations to our images. Here we discuss briefly 05 operations offered by OpenCV:
+
+Opening
+---------
+
+* It is obtained by the erosion of an image followed by a dilation.
+
+  .. math::
+     
+     dst = open( src, element) = dilate( erode( src, element ) )
+
+* Useful for removing small objects (it is assumed that the objects are bright on a dark foreground)
+
+* For instance, check out the example below. The image at the left is the original and the image at the right is the result after applying the opening transformation. We can observe that the small spaces in the corners of the letter tend to dissapear.
+
+  .. image:: images/Morphology_2_Tutorial_Theory_Opening.png
+     :height: 150pt
+     :alt: Opening
+     :align: center  
+
+Closing
+---------
+
+* It is obtained by the dilation of an image followed by an erosion.
+
+  .. math::
+    
+     dst = close( src, element ) = erode( dilate( src, element ) )
+
+* Useful to remove small holes (dark regions). 
+
+  .. image:: images/Morphology_2_Tutorial_Theory_Closing.png
+     :height: 150pt
+     :alt: Closing example
+     :align: center  
+
+
+Morphological Gradient
+------------------------
+
+* It is the difference between the dilation and the erosion of an image.
+
+  .. math::
+
+     dst = morph_{grad}( src, element ) = dilate( src, element ) - erode( src, element )
+
+* It is useful for finding the outline of an object as can be seen below:
+
+  .. image:: images/Morphology_2_Tutorial_Theory_Gradient.png
+     :height: 150pt
+     :alt: Gradient
+     :align: center  
+
+
+Top Hat
+---------
+
+* It is the difference between an input image and its opening.
+
+  .. math::
+   
+     dst = tophat( src, element ) = src - open( src, element )
+
+  .. image:: images/Morphology_2_Tutorial_Theory_TopHat.png
+     :height: 150pt
+     :alt: Top Hat
+     :align: center  
+
+Black Hat
+----------
+
+* It is the difference between the closing and its input image
+
+  .. math::
+ 
+     dst = blackhat( src, element ) = close( src, element ) - src
+
+  .. image:: images/Morphology_2_Tutorial_Theory_BlackHat.png
+     :height: 150pt
+     :alt: Black Hat
+     :align: center    
+
+Code
+======
+
+This tutorial code's is shown lines below. You can also download it from `here <https://code.ros.org/svn/opencv/trunk/opencv/samples/cpp/tutorial_code/ImgProc/Morphology_2.cpp>`_
+
+.. code-block:: cpp 
+
+   #include "opencv2/imgproc/imgproc.hpp"
+   #include "opencv2/highgui/highgui.hpp"
+   #include <stdlib.h>
+   #include <stdio.h>
+
+   using namespace cv;
+
+   /// Global variables
+   Mat src, dst;
+
+   int morph_elem = 0;
+   int morph_size = 0;
+   int morph_operator = 0;
+   int const max_operator = 4;
+   int const max_elem = 2;
+   int const max_kernel_size = 21;
+
+   char* window_name = "Morphology Transformations Demo";
+
+   /** Function Headers */
+   void Morphology_Operations( int, void* );
+
+   /** @function main */
+   int main( int argc, char** argv )
+   {
+     /// Load an image
+     src = imread( argv[1] );
+
+     if( !src.data )
+     { return -1; }
+    
+    /// Create window
+    namedWindow( window_name, CV_WINDOW_AUTOSIZE );
+
+    /// Create Trackbar to select Morphology operation
+    createTrackbar("Operator:\n 0: Opening - 1: Closing \n 2: Gradient - 3: Top Hat \n 4: Black Hat", window_name, &morph_operator, max_operator, Morphology_Operations );
+
+    /// Create Trackbar to select kernel type
+    createTrackbar( "Element:\n 0: Rect - 1: Cross - 2: Ellipse", window_name, 
+		    &morph_elem, max_elem, 
+		    Morphology_Operations );
+
+    /// Create Trackbar to choose kernel size
+    createTrackbar( "Kernel size:\n 2n +1", window_name, 
+		    &morph_size, max_kernel_size,
+		    Morphology_Operations );
+
+    /// Default start
+    Morphology_Operations( 0, 0 );
+
+    waitKey(0);
+    return 0;
+    }
+
+    /** 
+     * @function Morphology_Operations
+     */
+   void Morphology_Operations( int, void* )
+   {
+     // Since MORPH_X : 2,3,4,5 and 6
+     int operation = morph_operator + 2;
+
+     Mat element = getStructuringElement( morph_elem, Size( 2*morph_size + 1, 2*morph_size+1 ), Point( morph_size, morph_size ) ); 
+
+     /// Apply the specified morphology operation
+     morphologyEx( src, dst, operation, element );
+     imshow( window_name, dst );  
+     }
+
+
+Explanation
+=============
+
+#. Let's check the general structure of the program:
+
+   * Load an image
+
+   * Create a window to display results of the Morphological operations
+
+   * Create 03 Trackbars for the user to enter parameters:
+
+     * The first trackbar **"Operator"** returns the kind of morphology operation to use (**morph_operator**).
+
+       .. code-block:: cpp
+
+          createTrackbar("Operator:\n 0: Opening - 1: Closing \n 2: Gradient - 3: Top Hat \n 4: Black Hat", 
+                         window_name, &morph_operator, max_operator, 
+                         Morphology_Operations );
+
+
+
+     * The second trackbar **"Element"** returns **morph_elem**, which indicates what kind of structure our kernel is: 
+
+       .. code-block:: cpp
+
+          createTrackbar( "Element:\n 0: Rect - 1: Cross - 2: Ellipse", window_name, 
+		          &morph_elem, max_elem, 
+		          Morphology_Operations );
+
+     * The final trackbar **"Kernel Size"** returns the size of the kernel to be used (**morph_size**)
+
+       .. code-block:: cpp
+
+          createTrackbar( "Kernel size:\n 2n +1", window_name, 
+		          &morph_size, max_kernel_size,
+		          Morphology_Operations );
+
+
+   * Every time we move any slider, the user's function **Morphology_Operations** will be called to effectuate a new morphology operation and it will update the output image based on the current trackbar values.
+  
+     .. code-block:: cpp
+
+        /** 
+         * @function Morphology_Operations
+         */
+       void Morphology_Operations( int, void* )
+       {
+         // Since MORPH_X : 2,3,4,5 and 6
+         int operation = morph_operator + 2;
+
+         Mat element = getStructuringElement( morph_elem, Size( 2*morph_size + 1, 2*morph_size+1 ), Point( morph_size, morph_size ) ); 
+
+         /// Apply the specified morphology operation
+         morphologyEx( src, dst, operation, element );
+         imshow( window_name, dst );  
+        }
+
+
+     We can observe that the key function to perform the morphology transformations is :morphology_ex:`morphologyEx <>`. In this example we use four arguments (leaving the rest as defaults):
+
+     * **src** : Source (input) image
+     * **dst**: Output image
+     * **operation**: The kind of morphology transformation to be performed. Note that we have 5 alternatives:
+
+       * *Opening*: MORPH_OPEN : 2
+       * *Closing*: MORPH_CLOSE: 3
+       * *Gradient*: MORPH_GRADIENT: 4
+       * *Top Hat*: MORPH_TOPHAT: 5
+       * *Black Hat*: MORPH_BLACKHAT: 6
+
+       As you can see the values range from <2-6>, that is why we add (+2) to the values entered by the Trackbar:
+
+       ..  code-block:: cpp
+
+           int operation = morph_operator + 2;    
+
+     * **element**: The kernel to be used. We use the function :get_structuring_element:`getStructuringElement <>` to define our own structure.
+
+   
+
+Results
+========
+
+* After compiling the code above we can execute it giving an image path as an argument. For this tutorial we use as input the image: **baboon.jpg**:
+
+  .. image:: images/Morphology_2_Tutorial_Original_Image.jpg
+     :height: 200pt
+     :alt: Morphology 2: Original image
+     :align: center 
+
+* And here are two snapshots of the display window. The first picture shows the output after using the operator **Opening** with a cross kernel. The second picture (right side, shows the result of using a **Blackhat** operator with an ellipse kernel.
+ 
+  .. image:: images/Morphology_2_Tutorial_Cover.png
+     :height: 300pt
+     :alt: Morphology 2: Result sample
+     :align: center 
+

doc/tutorials/imgproc/pyramids/pyramids.rst

+.. _Pyramids:
+
+Image Pyramids
+***************
+
+Goal
+=====
+
+In this tutorial you will learn how to:
+
+* Use the OpenCV functions :pyr_up:`pyrUp <>` and :pyr_down:`pyrDown <>` to downsample  or upsample a given image.
+  
+Cool Theory
+============
+
+.. note::
+   The explanation below belongs to the book **Learning OpenCV** by Bradski and Kaehler.
+
+* Usually we need to convert an image to a size different than its original. For this, there are two possible options:
+  
+  * *Upsize* the image (zoom in) or 
+  * *Downsize* it (zoom out). 
+
+* Although there is a *geometric transformation* function in OpenCV that -literally- resize an image (:resize:`resize <>`, which we will show in a future tutorial), in this section we analyze first the use of **Image Pyramids**, which are widely applied in a huge range of vision applications.
+
+Image Pyramid
+--------------
+
+* An image pyramid is a collection of images - all arising from a single original image - that are successively downsampled until some desired stopping point is reached.
+
+* There are two common kinds of image pyramids:
+
+  * **Gaussian pyramid:** Used to downsample images
+
+  * **Laplacian pyramid:** Used to  reconstruct an upsampled image from an image lower in the pyramid (with less resolution) 
+
+* In this tutorial we'll use the *Gaussian pyramid*.
+
+Gaussian Pyramid
+^^^^^^^^^^^^^^^^^
+
+* Imagine the pyramid as a set of layers in which the higher the layer, the smaller the size. 
+
+  .. image:: images/Pyramids_Tutorial_Pyramid_Theory.png
+     :alt: Pyramid figure
+     :align: center 
+
+* Every layer is numbered from bottom to top, so layer :math:`(i+1)` (denoted as :math:`G_{i+1}` is smaller than layer :math:`i` (:math:`G_{i}`). 
+
+* To produce layer :math:`(i+1)` in the Gaussian pyramid, we do the following:
+
+  * Convolve :math:`G_{i}` with a Gaussian kernel:
+
+    .. math::
+
+       \frac{1}{16} \begin{bmatrix} 1 & 4 & 6 & 4 & 1  \\ 4 & 16 & 24 & 16 & 4  \\ 6 & 24 & 36 & 24 & 6  \\ 4 & 16 & 24 & 16 & 4  \\ 1 & 4 & 6 & 4 & 1 \end{bmatrix} 
+
+  * Remove every even-numbered row and column. 
+
+* You can easily notice that the resulting image will be exactly one-quarter the area of its predecessor. Iterating this process on the input image :math:`G_{0}` (original image) produces the entire pyramid.
+
+* The procedure above was useful to downsample an image. What if we want to make it bigger?:
+
+  * First, upsize the image to twice the original in each dimension, wit the new even rows and columns filled with zeros (:math:`0`)
+
+  * Perform a convolution with the same kernel shown above (multiplied by 4) to approximate the values of the "missing pixels"
+
+* These two procedures (downsampling and upsampling as explained above) are implemented by the OpenCV functions :pyr_up:`pyrUp <>` and :pyr_down:`pyrDown <>`, as we will see in an example with the code below: 
+
+.. note::
+   When we reduce the size of an image, we are actually *losing* information of the image.
+
+Code
+======
+
+This tutorial code's is shown lines below. You can also download it from `here <https://code.ros.org/svn/opencv/trunk/opencv/samples/cpp/tutorial_code/ImgProc/Pyramids.cpp>`_
+
+.. code-block:: cpp 
+
+   #include "opencv2/imgproc/imgproc.hpp"
+   #include "opencv2/highgui/highgui.hpp"
+   #include <math.h>
+   #include <stdlib.h>
+   #include <stdio.h>
+
+   using namespace cv;
+
+   /// Global variables
+   Mat src, dst, tmp;
+   char* window_name = "Pyramids Demo";
+
+
+   /**
+    * @function main
+    */
+   int main( int argc, char** argv )
+   {
+     /// General instructions
+     printf( "\n Zoom In-Out demo  \n " );
+     printf( "------------------ \n" );
+     printf( " * [u] -> Zoom in  \n" );
+     printf( " * [d] -> Zoom out \n" );
+     printf( " * [ESC] -> Close program \n \n" );
+
+     /// Test image - Make sure it s divisible by 2^{n}
+     src = imread( "../images/chicky_512.png" );
+     if( !src.data )
+       { printf(" No data! -- Exiting the program \n");
+         return -1; }
+
+     tmp = src;  
+     dst = tmp;
+
+     /// Create window
+     namedWindow( window_name, CV_WINDOW_AUTOSIZE );
+     imshow( window_name, dst );
+
+     /// Loop
+     while( true )
+     { 
+       int c;
+       c = waitKey(10);
+
+       if( (char)c == 27 )
+       	 { break; }
+       if( (char)c == 'u' )
+         { pyrUp( tmp, dst, Size( tmp.cols*2, tmp.rows*2 ) );
+           printf( "** Zoom In: Image x 2 \n" ); 
+         }
+       else if( (char)c == 'd' )
+        { pyrDown( tmp, dst, Size( tmp.cols/2, tmp.rows/2 ) );
+          printf( "** Zoom Out: Image / 2 \n" );
+        }
+
+       imshow( window_name, dst );
+       tmp = dst;
+     }      
+     return 0;
+   }
+
+Explanation
+=============
+
+#. Let's check the general structure of the program:
+
+   * Load an image (in this case it is defined in the program, the user does not have to enter it as an argument)
+
+     .. code-block:: cpp
+
+        /// Test image - Make sure it s divisible by 2^{n}
+        src = imread( "../images/chicky_512.png" );
+        if( !src.data )
+          { printf(" No data! -- Exiting the program \n");
+            return -1; }
+
+   * Create a Mat object to store the result of the operations (*dst*) and one to save temporal results (*tmp*). 
+
+     .. code-block:: cpp
+  
+        Mat src, dst, tmp;
+        /* ... */
+        tmp = src;  
+        dst = tmp;
+
+
+
+   * Create a window to display the result
+
+     .. code-block:: cpp
+
+        namedWindow( window_name, CV_WINDOW_AUTOSIZE );
+        imshow( window_name, dst );
+
+   * Perform an infinite loop waiting for user input.
+
+     .. code-block:: cpp
+
+        while( true )
+        { 
+          int c;
+          c = waitKey(10);
+
+          if( (char)c == 27 )
+       	    { break; }
+          if( (char)c == 'u' )
+            { pyrUp( tmp, dst, Size( tmp.cols*2, tmp.rows*2 ) );
+              printf( "** Zoom In: Image x 2 \n" ); 
+            }
+          else if( (char)c == 'd' )
+           { pyrDown( tmp, dst, Size( tmp.cols/2, tmp.rows/2 ) );
+             printf( "** Zoom Out: Image / 2 \n" );
+           }
+
+          imshow( window_name, dst );
+          tmp = dst;
+        }      
+   
+
+     Our program exits if the user presses *ESC*. Besides, it has two options:
+ 
+     * **Perform upsampling (after pressing 'u')**    
+
+       .. code-block:: cpp
+
+          pyrUp( tmp, dst, Size( tmp.cols*2, tmp.rows*2 )
+
+       We use the function :pyr_up:`pyrUp <>` with 03 arguments:
+
+       * *tmp*: The current image, it is initialized with the *src* original image.
+       * *dst*: The destination image (to be shown on screen, supposedly the double of the input image)
+       * *Size( tmp.cols*2, tmp.rows*2 )* : The destination size. Since we are upsampling, :pyr_up:`pyrUp <>` expects a size double than the input image (in this case *tmp*).
+
+     * **Perform downsampling (after pressing 'd')**    
+
+       .. code-block:: cpp
+
+          pyrDown( tmp, dst, Size( tmp.cols/2, tmp.rows/2 )
+
+       Similarly as with :pyr_up:`pyrUp <>`, we use the function :pyr_down:`pyrDown <>` with 03 arguments:
+
+       * *tmp*: The current image, it is initialized with the *src* original image.
+       * *dst*: The destination image (to be shown on screen, supposedly half the input image)
+       * *Size( tmp.cols/2, tmp.rows/2 )* : The destination size. Since we are upsampling, :pyr_down:`pyrDown <>` expects half the size the input image (in this case *tmp*).
+
+     * Notice that it is important that the input image can be divided by a factor of two (in both dimensions). Otherwise, an error will be shown.
+
+     * Finally, we update the input image **tmp** with the current image displayed, so the subsequent operations are performed on it.
+ 
+       .. code-block:: cpp
+
+          tmp = dst;
+
+
+
+Results
+========
+
+* After compiling the code above we can test it. The program calls an image **chicky_512.png** that comes in the *tutorial_code/image* folder. Notice that this image is :math:`512 \times 512`, hence a downsample won't generate any error (:math:`512 = 2^{9}`). The original image is shown below:
+
+  .. image:: images/Pyramids_Tutorial_Original_Image.png
+     :alt: Pyramids: Original image	
+     :align: center 
+
+* First we apply two successive :pyr_down:`pyrDown <>` operations by pressing 'd'. Our output is:
+ 
+  .. image:: images/Pyramids_Tutorial_PyrDown_Result.png
+     :alt: Pyramids: PyrDown Result
+     :align: center 
+
+* Note that we should have lost some resolution due to the fact that we are diminishing the size of the image. This is evident after we apply :pyr_up:`pyrUp <>` twice (by pressing 'u'). Our output is now:
+ 
+  .. image:: images/Pyramids_Tutorial_PyrUp_Result.png
+     :alt: Pyramids: PyrUp Result
+     :align: center 
+
+

doc/tutorials/imgproc/table_of_content_imgproc/table_of_content_imgproc.rst

+.. _Table-Of-Content-ImgProc:
+
+*imgproc* module. Image Processing
+-----------------------------------------------------------
+
+In this section you will learn about the image processing (manipulation) functions inside OpenCV.
+
+.. toctree::
+   :hidden:
+   
+   ../gausian_median_blur_bilateral_filter/gausian_median_blur_bilateral_filter
+   ../erosion_dilatation/erosion_dilatation
+   ../opening_closing_hats/opening_closing_hats
+   ../pyramids/pyramids
+   ../threshold/threshold
+
+.. |Author_AnaH| unicode:: Ana U+0020 Hu U+00E1 man
+
+* :ref:`Smoothing`
+
+  ===================== ==============================================
+   |ImageProcessing_1|  *Title:* **Smoothing Images**
+
+                        *Compatibility:* > OpenCV 2.0
+                        
+                        *Author:* |Author_AnaH|
+                        
+                        Let's take a look at some basic linear filters!
+ 
+  ===================== ==============================================
+ 
+  .. |ImageProcessing_1| image:: images/Smoothing_Tutorial_Cover.png
+                         :height: 100pt
+                         :width:  100pt
+
+
+* :ref:`Morphology_1`
+
+  ===================== ==============================================
+   |ImageProcessing_2|  *Title:* **Erosion and Dilation**
+
+                        *Compatibility:* > OpenCV 2.0
+                        
+                        Author: |Author_AnaH|
+
+                        Let's *change* the shape of objects!
+ 
+  ===================== ==============================================
+ 
+  .. |ImageProcessing_2| image:: images/Morphology_1_Tutorial_Cover.png
+                         :height: 100pt
+                         :width:  100pt
+
+* :ref:`Morphology_2`
+
+  ================= ==================================================
+   |Morphology_2|   *Title:* **More advanced Morphology Transformations**
+
+                    *Compatibility:* > OpenCV 2.0
+                    
+                    *Author:* |Author_AnaH|
+                    
+                    Here we investigate different morphology operators
+  
+  ================= ==================================================
+  
+  .. |Morphology_2| image:: images/Morphology_2_Tutorial_Cover.png
+                     :height: 100pt
+                     :width:  100pt
+
+
+* :ref:`Pyramids`
+
+  ===================== ==============================================
+   |Pyramids|           *Title:* **Image Pyramids**
+
+                        *Compatibility:* > OpenCV 2.0
+                        
+                        *Author:* |Author_AnaH|
+
+                        What if I need a bigger/smaller image?
+ 
+  ===================== ==============================================
+ 
+  .. |Pyramids| image:: images/Pyramids_Tutorial_Cover.png
+                      :height: 100pt
+                      :width:  100pt
+
+
+* :ref:`Basic_Threshold`
+
+  ===================== ==============================================
+   |Threshold|          *Title:* **Basic Thresholding Operations**
+
+                        *Compatibility:* > OpenCV 2.0
+                        
+                        *Author:* |Author_AnaH|
+
+                        After so much processing, it is time to decide which pixels stay!
+
+  ===================== ==============================================
+  
+  .. |Threshold| image:: images/Threshold_Tutorial_Cover.png
+                      :height: 100pt
+                      :width:  100pt

doc/tutorials/imgproc/threshold/threshold.rst

+.. _Basic_Threshold:
+
+Basic Thresholding Operations
+*******************************
+
+Goal
+=====
+
+In this tutorial you will learn how to:
+
+* Perform basic thresholding operations using OpenCV function :threshold:`threshold <>`
+
+
+Cool Theory
+============
+
+.. note::
+   The explanation below belongs to the book **Learning OpenCV** by Bradski and Kaehler.
+
+What is Thresholding?
+-----------------------
+
+* The simplest segmentation method
+
+* Application example: Separate out regions of an image corresponding to objects which we want to analyze. This separation is based on the variation of intensity between the object pixels and the background pixels.
+
+* To differentiate the pixels we are interested in from the rest (which will eventually be rejected), we perform a comparison of  each pixel intensity value with respect to a *threshold* (determined according to the problem to solve). 
+
+* Once we have separated properly the important pixels, we can set them with a determined value to identify them (i.e. we can assign them a value of :math:`0` (black), :math:`255` (white) or any value  that suits your needs).
+
+  .. image:: images/Threshold_Tutorial_Theory_Example.png
+     :alt: Threshold simple example
+     :height: 150pt
+     :align: center 
+
+Types of Thresholding
+-----------------------
+
+* OpenCV offers the function :threshold:`threshold <>` to perform thresholding operations. 
+
+* We can effectuate :math:`5` types of Thresholding operations with this function. We will explain them in the following subsections.
+
+* To illustrate how these thresholding processes work, let's consider that we have a source image with pixels with intensity values :math:`src(x,y)`. The plot below depicts this. The horizontal blue line represents the threshold :math:`thresh` (fixed).
+
+  .. image:: images/Threshold_Tutorial_Theory_Base_Figure.png
+     :alt: Threshold Binary
+     :height: 100pt
+     :align: center 
+
+Threshold Binary
+^^^^^^^^^^^^^^^^^
+
+* This thresholding operation can be expressed as:
+
+  .. math::
+         
+     \texttt{dst} (x,y) =  \fork{\texttt{maxVal}}{if $\texttt{src}(x,y) > \texttt{thresh}$}{0}{otherwise}   
+ 
+* So, if the intensity of the pixel :math:`src(x,y)` is higher than :math:`thresh`, then the new pixel intensity is set to a :math:`MaxVal`. Otherwise, the pixels are set to :math:`0`.
+
+  .. image:: images/Threshold_Tutorial_Theory_Binary.png
+     :alt: Threshold Binary
+     :height: 100pt
+     :align: center 
+
+
+Threshold Binary, Inverted
+^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+* This thresholding operation can be expressed as:
+                
+  .. math::
+        
+     \texttt{dst} (x,y) =  \fork{0}{if $\texttt{src}(x,y) > \texttt{thresh}$}{\texttt{maxVal}}{otherwise}   
+
+* If the intensity of the pixel :math:`src(x,y)` is higher than :math:`thresh`, then the new pixel intensity is set to a :math:`0`. Otherwise, it is set to :math:`MaxVal`.
+        
+  .. image:: images/Threshold_Tutorial_Theory_Binary_Inverted.png
+     :alt: Threshold Binary Inverted
+     :height: 100pt
+     :align: center 
+
+Truncate
+^^^^^^^^^
+        
+* This thresholding operation can be expressed as:
+               
+  .. math::
+        
+     \texttt{dst} (x,y) =  \fork{\texttt{threshold}}{if $\texttt{src}(x,y) > \texttt{thresh}$}{\texttt{src}(x,y)}{otherwise}   
+       
+* The maximum intensity value for the pixels is :math:`thresh`, if :math:`src(x,y)` is greater, then its value is *truncated*. See figure below:
+ 
+  .. image:: images/Threshold_Tutorial_Theory_Truncate.png
+     :alt: Threshold Truncate
+     :height: 100pt
+     :align: center 
+        
+
+
+Threshold to Zero
+^^^^^^^^^^^^^^^^^^
+
+* This operation can be expressed as:
+        
+   .. math::
+        
+      \texttt{dst} (x,y) =  \fork{\texttt{src}(x,y)}{if $\texttt{src}(x,y) > \texttt{thresh}$}{0}{otherwise}   
+
+* If :math:`src(x,y)` is lower than :math:`thresh`, the new pixel value will be set to :math:`0`.
+
+  .. image:: images/Threshold_Tutorial_Theory_Zero.png
+     :alt: Threshold Zero
+     :height: 100pt
+     :align: center 
+
+
+Threshold to Zero, Inverted
+^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+* This operation can be expressed as:
+        
+   .. math::
+        
+      \texttt{dst} (x,y) =  \fork{0}{if $\texttt{src}(x,y) > \texttt{thresh}$}{\texttt{src}(x,y)}{otherwise}   
+
+* If  :math:`src(x,y)` is greater than :math:`thresh`, the new pixel value will be set to :math:`0`.
+
+  .. image:: images/Threshold_Tutorial_Theory_Zero_Inverted.png
+     :alt: Threshold Zero Inverted
+     :height: 100pt
+     :align: center 
+
+
+Code
+======
+
+The tutorial code's is shown lines below. You can also download it from `here <https://code.ros.org/svn/opencv/trunk/opencv/samples/cpp/tutorial_code/ImgProc/Threshold.cpp>`_
+
+.. code-block:: cpp 
+
+   #include "opencv2/imgproc/imgproc.hpp"
+   #include "opencv2/highgui/highgui.hpp"
+   #include <stdlib.h>
+   #include <stdio.h>
+
+   using namespace cv;
+
+   /// Global variables
+
+   int threshold_value = 0;
+   int threshold_type = 3;;
+   int const max_value = 255;
+   int const max_type = 4;
+   int const max_BINARY_value = 255;
+
+   Mat src, src_gray, dst;
+   char* window_name = "Threshold Demo";
+
+   char* trackbar_type = "Type: \n 0: Binary \n 1: Binary Inverted \n 2: Truncate \n 3: To Zero \n 4: To Zero Inverted";
+   char* trackbar_value = "Value";
+
+   /// Function headers
+   void Threshold_Demo( int, void* );
+
+   /**
+    * @function main
+    */
+   int main( int argc, char** argv )
+   {
+     /// Load an image
+     src = imread( argv[1], 1 );
+
+     /// Convert the image to Gray
+     cvtColor( src, src_gray, CV_RGB2GRAY );
+
+     /// Create a window to display results
+     namedWindow( window_name, CV_WINDOW_AUTOSIZE );
+
+     /// Create Trackbar to choose type of Threshold
+     createTrackbar( trackbar_type, 
+		     window_name, &threshold_type, 
+		     max_type, Threshold_Demo );
+
+     createTrackbar( trackbar_value,
+		     window_name, &threshold_value,
+		     max_value, Threshold_Demo );
+
+     /// Call the function to initialize
+     Threshold_Demo( 0, 0 );
+
+     /// Wait until user finishes program
+     while(true)
+     {
+       int c;
+       c = waitKey( 20 );
+       if( (char)c == 27 )
+	 { break; }
+      }
+
+   }
+
+
+   /**
+    * @function Threshold_Demo
+    */
+   void Threshold_Demo( int, void* )
+   {
+     /* 0: Binary
+        1: Binary Inverted
+        2: Threshold Truncated
+        3: Threshold to Zero
+        4: Threshold to Zero Inverted
+      */
+
+     threshold( src_gray, dst, threshold_value, max_BINARY_value,threshold_type );
+
+     imshow( window_name, dst );
+   }
+
+
+
+Explanation
+=============
+
+
+#. Let's check the general structure of the program:
+
+   * Load an image. If it is RGB we convert it to Grayscale. For this, remember that we can use the function :cvt_color:`cvtColor <>`:
+
+     .. code-block:: cpp
+
+        src = imread( argv[1], 1 );
+
+        /// Convert the image to Gray
+        cvtColor( src, src_gray, CV_RGB2GRAY );
+
+
+   * Create a window to display the result
+
+     .. code-block:: cpp
+
+        namedWindow( window_name, CV_WINDOW_AUTOSIZE );
+
+   * Create :math:`2` trackbars for the user to enter user input:
+
+     * 	**Type of thresholding**: Binary, To Zero, etc...
+     *  **Threshold value**
+
+     .. code-block:: cpp
+
+        createTrackbar( trackbar_type, 
+		     window_name, &threshold_type, 
+		     max_type, Threshold_Demo );
+
+        createTrackbar( trackbar_value,
+		     window_name, &threshold_value,
+		     max_value, Threshold_Demo );
+
+   * Wait until the user enters the threshold value, the type of thresholding (or until the program exits)
+
+   * Whenever the user changes the value of any of the Trackbars, the function *Threshold_Demo* is called:
+
+     .. code-block:: cpp
+
+        /**
+         * @function Threshold_Demo
+         */
+        void Threshold_Demo( int, void* )
+        {
+          /* 0: Binary
+             1: Binary Inverted
+             2: Threshold Truncated
+             3: Threshold to Zero
+             4: Threshold to Zero Inverted
+           */
+
+          threshold( src_gray, dst, threshold_value, max_BINARY_value,threshold_type );
+
+          imshow( window_name, dst );
+        }
+
+     As you can see, the function :threshold:`threshold <>` is invoked. We give :math:`5` parameters:
+
+     * *src_gray*: Our input image
+     * *dst*: Destination (output) image
+     * *threshold_value*: The :math:`thresh` value with respect to which the thresholding operation is made
+     * *max_BINARY_value*: The value  used with the Binary thresholding operations (to set the chosen pixels)
+     * *threshold_type*: One of the :math:`5` thresholding operations. They are listed in the comment section of the function above.
+
+
+
+Results
+========
+
+#. After compiling this program, run it giving a path to an image as argument. For instance, for an input image as:
+
+
+   .. image:: images/Threshold_Tutorial_Original_Image.png
+      :alt: Threshold Original Image
+      :height: 200pt
+      :align: center 
+
+#. First, we try to threshold our image with a *binary threhold inverted*. We expect that the pixels brighter than the :math:`thresh` will turn dark, which is what actually happens, as we can see in the snapshot below (notice from the original image, that the doggie's tongue and eyes are particularly bright in comparison with the image, this is reflected in the output image).
+
+
+   .. image:: images/Threshold_Tutorial_Result_Binary_Inverted.png
+      :alt: Threshold Result Binary Inverted
+      :height: 200pt
+      :align: center 
+
+
+#. Now we try with the *threshold to zero*. With this, we expect that the darkest pixels (below the threshold) will become completely black, whereas the pixels with value greater than the threshold will keep its original value. This is verified by the following snapshot of the output image:
+
+   .. image:: images/Threshold_Tutorial_Result_Zero.png
+      :alt: Threshold Result Zero
+      :height: 200pt
+      :align: center 
+
+ 

doc/tutorials/introduction/display_image/display_image.rst

+.. _Display_Image:
+
+Display an Image
+*****************
+
+Goal
+=====
+
+In this tutorial you will learn how to:
+
+* Load an image using :imread:`imread <>`
+* Create a named window (using :named_window:`namedWindow <>`)
+* Display an image in an OpenCV window (using :imshow:`imshow <>`)
+
+Code
+=====
+
+Here it is:
+
+.. code-block:: cpp
+
+   #include <cv.h>
+   #include <highgui.h>
+
+   using namespace cv;
+
+   int main( int argc, char** argv )
+   {
+    Mat image;
+    image = imread( argv[1], 1 );
+
+    if( argc != 2 || !image.data )
+      { 
+        printf( "No image data \n" );
+        return -1; 
+      }
+
+    namedWindow( "Display Image", CV_WINDOW_AUTOSIZE );
+    imshow( "Display Image", image );
+
+    waitKey(0);
+
+    return 0;
+   }
+
+
+Explanation
+============
+
+#. .. code-block:: cpp
+
+      #include <cv.h>
+      #include <highgui.h>
+   
+      using namespace cv;
+
+   These are OpenCV headers:
+
+   * *cv.h* : Main OpenCV functions
+   * *highgui.h* : Graphical User Interface (GUI) functions
+
+   Now, let's analyze the *main* function:
+
+#. .. code-block:: cpp 
+
+      Mat image;
+   
+   We create a Mat object to store the data of the image to load.
+
+#. .. code-block:: cpp
+    
+      image = imread( argv[1], 1 );
+
+   Here, we called the function :imread:`imread <>` which basically loads the image specified by the first argument (in this case *argv[1]*). The second argument is by default.
+
+#. After checking that the image data was loaded correctly, we want to display our image, so we create a window:
+
+   .. code-block:: cpp
+
+      namedWindow( "Display Image", CV_WINDOW_AUTOSIZE );
+
+
+   :named_window:`namedWindow <>` receives as arguments the window name ("Display Image") and an additional argument that defines windows properties. In this case **CV_WINDOW_AUTOSIZE** indicates that the window will adopt the size of the image to be displayed.
+
+#. Finally, it is time to show the image, for this we use :imshow:`imshow <>` 
+
+   .. code-block:: cpp
+  
+      imshow( "Display Image", image )
+
+#. Finally, we want our window to be displayed until the user presses a key (otherwise the program would end far too quickly):
+
+   .. code-block:: cpp
+ 
+      waitKey(0);
+
+   We use the :wait_key:`waitKey <>` function, which allow us to wait for a keystroke during a number of milliseconds (determined by the argument). If the argument is zero, then it will wait indefinitely.
+
+Result
+=======
+
+* Compile your code and then run the executable giving a image path as argument:
+
+  .. code-block:: bash
+ 
+     ./DisplayImage HappyFish.jpg
+
+* You should get a nice window as the one shown below:
+
+  .. image:: images/Display_Image_Tutorial_Result.png
+     :alt: Display Image Tutorial - Final Result
+     :align: center