img1 = new Image();
img1.src="/images/home_hover.gif";

img2 = new Image();
img2.src="/images/avantaje_hover.gif";

img3 = new Image();
img3.src="/images/contact_hover.gif";

img4 = new Image();
img4.src="/images/despre_hover.gif";
 
img5 = new Image();
img5.src="/images/parteneri_hover.gif"; 

img6 = new Image();
img6.src="/images/jobs_hover.gif";

img7 = new Image();
img7.src="/images/dictionar_hover.gif";

img8 = new Image();
img8.src="/images/presa_hover.gif";

img9 = new Image();
img9.src="/images/servicii_hover.gif";

img10 = new Image();
img10.src="/images/tipuri_hover.gif";


var module = '';

function hoverImg(item, action)
{
	
    if(item && item!='index' && module != 'retea' && module != 'promotii'){
        if( action == "on" )
        {
            document.getElementById("img_"+item).src = "http://www.ottobroker.ro/images/" + item + "_hover.gif";
            //window.status =item + " | " + "images/" + item + "-hover.gif";
        }
        if( item != module ){ 
            if( action == "off" )
            {
				
                document.getElementById("img_"+item).src = "http://www.ottobroker.ro/images/" + item + ".gif";
            }
        }
    }
}

var term = 'exp1';

function show(dterm){

    document.getElementById(term).style.display = 'none';
    document.getElementById(dterm).style.display = 'block';
    term = dterm;

}


function theRotator() {
	//Set the opacity of all images to 0
    $('div#rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
    $('div#rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
    setInterval('rotate()',3000);
	
}

function rotate() {	
	//Get the first image
    var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
    next.css({opacity: 0.0})
            .addClass('show')
            .animate({opacity: 1.0}, 1000);

	//Hide the current image
    current.animate({opacity: 0.0}, 1000)
            .removeClass('show');
	
};

$(document).ready(function() {		
	//Load the slideshow
    theRotator();
});