$(function() {
var timeFade = 300;
var contener = $('#promotions');
var n = $('#promotions div').length;
var current = -1;
$('#promotions div').each(function (i) {
$(this).css({opacity:0,zIndex:i});

i +=1;

});

function fx(s, h){
	$("#promotions div").css({zIndex:1});
	$("#promotions div:eq("+h+")").css({zIndex:1}).animate({opacity:0},400 );
	$("#promotions div:eq("+s+")").css({opacity:0, zIndex:9}).animate({opacity:1},timeFade);
	$("#promoControl li").css({ color:"#999999"});
	$("#promoControl li").css({ color:"#999999"});


   $("#promoControl li:eq("+s+")").css({ color:"#B12D26"});
}
function f()
{
  current += 1;
  prev = current -1;
  if (current == n){ current = 0;}
  fx(current, prev);

}
f();

/* for control slider */


function showTxt(current)
{
  current += 1;
  var txt = '#promo'+current;
var txtcurr = $(txt).html();
$("#outPromo").html(txtcurr);

}


$("#outPromo").html( $('#promo1').html() );

$("#promoControl li").mouseover(function(){

  prev = current;
  current = $("#promoControl li").index(this);
  if( 	$("#promotions div:eq("+current+")").css('zIndex') ==9  )
  {
  return false;
  }
  fx(current, prev);
  showTxt(current);

  prev = current;
  return false;
});








/* start control slider */
  var itemWidth = 190;
  var lenghtItems = $("#promoControl > li").length;
  var widthItems = lenghtItems*itemWidth;
  var speed = 500;
  var position = 0;
  var animate = false;
  var elements = 2;


$('#promoControl').css({width:widthItems+'px'});

$('.promoNav').click(function ()
{
  if (animate){return false;}
  var currentPosition = parseFloat( $("#promoControl").css("left") )

  var way = $(this).attr('id');
  if( way == 'navLeft')
  {
    if ( currentPosition >= 0 ){ position = 0; }else{ position = currentPosition+itemWidth*elements; }
    animate = true;
    $("#promoControl").animate( { left: position}, speed ,  function () { animate = false; } )
  }
  else
  {
    if ( currentPosition <= -((lenghtItems-1)*itemWidth) ){ position = 0; }else{ position = currentPosition-itemWidth*elements; }
    animate = true;
    $("#promoControl").animate( { left: position}, speed ,  function () { animate = false; } )
  }
  return false;

});
/* end control slider */

$("#promoControl li").mouseover(function(){
  $(this).css({backgroundColor:"#999999"});
}).mouseout(function(){
  $(this).css({backgroundColor:"#fff"});
});



});