var intval="";
var interval=3000;

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
	
	intval=window.setInterval("rotate()",interval)

}

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');

        for(i=1; i <= $('div#rotator ul li').size(); i++) {
            var idnum = next.attr('id').charAt(next.attr('id').length-1)
            var str = 'div#product' + idnum;
            var str2 = 'div#product' + i;
	    var header = '#producth' + idnum; 
            var header2 = '#producth' + i;

            if(i==idnum) {
	        $(str).css({background: "url('_includes/images/global/rotate-tab2.png')"});
	        $(str).css({backgroundPosition: '0px 0px'});
                $(header).css({color: "	#333332"});
            }
            else {
	        $(str2).css({background: "none"});
		$(header2).css({color: "#F36F21"});
            }
        }
	
	
};

$(document).ready(function() {		
	//Load the slideshow
	theRotator();
        $('#js-news').ticker();
});

function prodmouseOver(id) {
    if(intval!=""){
          window.clearInterval(intval)
          intval=""

          var current = $('div#rotator ul li.show');
          var currid = current.attr('id').charAt(current.attr('id').length-1);
          var idnum = id.charAt(id.length-1)

          if(idnum!=currid) {
          for(i=1; i <= $('div#rotator ul li').size(); i++) {
            
            var str = 'div#product' + idnum;
	    var header = '#producth' + idnum;
            var image = 'image' + idnum;

             if(i==idnum) {
	        $('div#rotator ul li').css({opacity: 0.0});
                $(document.getElementById(image)).css({opacity:0.0})
	        .addClass('show')
	        .animate({opacity: 1.0}, 5);
	        $(str).css({background: "url('_includes/images/global/rotate-tab2.png')"});
	        $(str).css({backgroundPosition: '0px 0px'});
                $(header).css({color: "#555350"});

                for(j=1; j <= $('div#rotator ul li').size(); j++) {
                    
                    var str2 = 'div#product' + j;
                    var header2 = '#producth' + j;
                    var image2 = 'image' + j;

                    if(j!=idnum) {
                        $(str2).css({background: "none"});
		        $(header2).css({color: "#F36F21"});
	                $(document.getElementById(image2)).animate({opacity: 0.0}, 5)
	                .removeClass('show');
                    }
                }
                break;
             }
          }
        }
    }
}

function prodmouseOut() {
    if(intval==""){
        intval=window.setInterval("rotate()",interval);
    }
}