jQuery(document).ready(function(){

if(jQuery('#recommended') != null){
//first item to show
var i = 1;

//set default interval state to null
var loop = null;

//set loop duration
var loopTime = 3000;


//set first active image
jQuery('.recommended_content_image_first').show();
jQuery('.recommended_content_image_second').hide();
jQuery('.recommended_content_image_third').hide();

//set first active description
jQuery('.recommended_content_desc_first').show();
jQuery('.recommended_content_desc_second').hide();
jQuery('.recommended_content_desc_third').hide();

//set first active pointer
jQuery('#recommended_bottom_first').css('background-image', 'url(img/layout/recommended_bottom_li_hover.png)');

//first active link
jQuery('#recommended_content_container_first').show();
jQuery('#recommended_content_container_second').hide();
jQuery('#recommended_content_container_third').hide();


//set table of elements
Elements = new Array('first', 'second', 'third');


jQuery('#recommended_bottom_second').mouseover(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");})
.mouseout(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li.png)");}).css("background-image", "url(img/layout/recommended_bottom_li.png)" );
jQuery('#recommended_bottom_third').mouseover(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");})
.mouseout(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li.png)");}).css("background-image", "url(img/layout/recommended_bottom_li.png)" )


//set first item to be shown after loop
jQuery('#recommended_bottom li').click(function(){
var id = jQuery(this).attr('id').replace('recommended_bottom_', '');

if(id == 'first'){i = 0;}
else if(id == 'second'){i = 1;}
else if(id == 'third'){i = 2;}
else{i = 1;}

//stop the loop
clearInterval(loop);

//show clicked product
jQuery('.recommended_content_image_'+Elements[i%3]).fadeIn(1000);
jQuery('.recommended_content_desc_'+Elements[i%3]).fadeIn(1000);
jQuery('#recommended_content_container_'+Elements[i%3]).show();
jQuery('#recommended_bottom_'+Elements[i%3]).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)").mouseover(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");})
.mouseout(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");});

//hide others
jQuery('.recommended_content_image_'+Elements[(i+1)%3]).hide();
jQuery('.recommended_content_desc_'+Elements[(i+1)%3]).hide();
jQuery('#recommended_content_container_'+Elements[(i+1)%3]).hide();
jQuery('#recommended_bottom_'+Elements[(i+1)%3]).mouseover(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");})
.mouseout(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li.png)");}).css("background-image", "url(img/layout/recommended_bottom_li.png)" );

jQuery('.recommended_content_image_'+Elements[(i+2)%3]).hide();
jQuery('.recommended_content_desc_'+Elements[(i+2)%3]).hide();
jQuery('#recommended_content_container_'+Elements[(i+2)%3]).hide();
jQuery('#recommended_bottom_'+Elements[(i+2)%3]).mouseover(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");})
.mouseout(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li.png)");}).css("background-image", "url(img/layout/recommended_bottom_li.png)" )


//start new loop
go();


});

function go(){
//begin loop
loop = setInterval(function(){
//show active image, description and pointer
jQuery('.recommended_content_image_'+Elements[i%3]).fadeIn(1000);
jQuery('.recommended_content_desc_'+Elements[i%3]).fadeIn(1000);
jQuery('#recommended_content_container_'+Elements[i%3]).show();
jQuery('#recommended_bottom_'+Elements[i%3]).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)").mouseover(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");})
.mouseout(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");});

//hide others
jQuery('.recommended_content_image_'+Elements[(i+1)%3]).hide();
jQuery('.recommended_content_desc_'+Elements[(i+1)%3]).hide();
jQuery('#recommended_content_container_'+Elements[(i+1)%3]).hide();
jQuery('#recommended_bottom_'+Elements[(i+1)%3]).mouseover(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");})
.mouseout(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li.png)");}).css("background-image", "url(img/layout/recommended_bottom_li.png)" )

;

jQuery('.recommended_content_image_'+Elements[(i+2)%3]).hide();
jQuery('.recommended_content_desc_'+Elements[(i+2)%3]).hide();
jQuery('#recommended_content_container_'+Elements[(i+2)%3]).hide();
jQuery('#recommended_bottom_'+Elements[(i+2)%3]).mouseover(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li_hover.png)");})
.mouseout(function(){jQuery(this).css("background-image", "url(img/layout/recommended_bottom_li.png)");}).css("background-image", "url(img/layout/recommended_bottom_li.png)" )

;

//increase iterator
i++;

//set one loop duration
}, loopTime);
}


//start loop if nothing is clicked
go();

}
 })