    tooltips = new Array();
    
    function show_tooltip(nr_crt, hide){
        
        switch(nr_crt){
            
            case 1://pt inputul de adresa de la pasul 1
                
                target_id = "domain";
                content_id = "domain_tip";
                title = " ";
                corner = 'bottomLeft';

                show = {
                            delay : 5000,
                            effect : { type: 'fade', length: 500 },
                            ready : true,
                            when : false
                        };
                position = {
                        corner: {
                           target: 'topRight',
                           tooltip: 'bottomLeft'
                        }
                    };        
                    
                break;
            
            case 2://pt blocurile de la pasul 2
            
                target_id = "box1";
                content_id = "box_tip";
                title = " ";
                corner = 'bottomLeft';
                show = {
                            delay : 5000,
                            effect : { type: 'fade', length: 500 },
                            ready : true,
                            when : false
                        };
                position = {
                        corner: {
                           target: 'topRight',
                           tooltip: 'bottomLeft'                         }
                    };        
                    
                break;                

            case 3://pt alegere template
            
                target_id = "template_zone";
                content_id = "template_zone_tip";
                title = " ";
                corner = 'leftBottom';
                show = {
                            delay : 5000,
                            effect : { type: 'fade', length: 500 },
                            ready : true,
                            when : false
                        };
                position = {
                        corner: {
                           target: 'topRight'                        }
                    };        
                    
                break;                                

            case 4://pt "urmatorul pas"
            
                target_id = "stepbtnpnnl";
                content_id = "urmatorul_pas_tip";
                title = " ";
                corner = 'bottomLeft';
                show = {
                            delay : 5000,
                            effect : { type: 'fade', length: 500 },
                            ready : true,
                            when : false
                        };
                position = {
                        corner: {
                           target: 'topRight',
                           tooltip: 'bottomLeft'                    }
                    };        
                    
                break;             
            
        }
        
        if(hide){
            
            $('#'+ target_id).qtip("api").hide();
            
        }else{
            if(tooltips[target_id] == true)
                return;
            else{
                $('#'+ target_id).qtip({
                        content: {
                            text: $('#' + content_id).html(),
                                title: {                
                                    text: title, // Give the tooltip a title using each elements text
                                    button: '&nbsp; &nbsp;' // Show a close link in the title
                                }
                        },
                        show: show,
                        hide: false,	   
                        style: {
                            background:'url(/webbi_media/images/tipsy_bg.png) #fde59c repeat-x 0 0',
                            width: {max : 250},
                            border: { width: 1, radius: 2, color: '#d3b582'},
                            title: { 'color': '#c60808','background':'url(/webbi_media/images/title_cross.png) #fff3bc no-repeat right top', 'font-size':'12px','padding':'0 4px 0 0', 'margin':'0 4px 0 0', 'overflow': 'hidden' } ,
                            tip: { // Now an object instead of a string
                            corner: corner, // We declare our corner within the object using the corner sub-option
                            color: '#d3b582',
                                size: {
                                   x: 20, // Be careful that the x and y values refer to coordinates on screen, not height or width.
                                   y : 8 // Depending on which corner your tooltip is at, x and y could mean either height or width!
                                }
                            },
                            name: 'light' // Inherit from preset style,
                        },
                        position: position
                
                });
                tooltips[target_id] = true;
        
            }
        }
}
    

