var mz_interval;

$(function(){
    startHpZmieniarka();

    $(".hpz_item_big .nazwa a").html(function(i,text){
        return text.replace(/[a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ]+\s/, function(match){
            return '<span>' + match + '</span><br/>';
        });
    });
    
    $("#hp_zmieniarka").find(".hpz_item").mouseover(function(){
        if(!$(this).hasClass("active"))
        {
            $(this).children(".foto").css("backgroundImage", $(this).children(".foto").css("backgroundImage").replace("s_gs_", "s_"));
        }
    });
    $("#hp_zmieniarka").find(".hpz_item").mouseout(function(){
        if(!$(this).hasClass("active"))
        {
            $(this).children(".foto").css("backgroundImage", $(this).children(".foto").css("backgroundImage").replace("s_", "s_gs_"));
        }
        
    });
});

function prevHpZmieniarka()
{
    var act_nr = $(".hpz_item.active").attr("id").replace("hpz_item_", "");
    var next_nr = parseInt(act_nr)-1
    if(next_nr==0)
    {
        next_nr = $(".hpz_item").length;
    }
    if(next_nr)
    {
        showHpZmieniarka(next_nr);
    }
}

function nextHpZmieniarka()
{
    var act_nr = $(".hpz_item.active").attr("id").replace("hpz_item_", "");
    var next_nr = parseInt(act_nr)+1
    if(next_nr > $(".hpz_item").length)
    {
        next_nr = 1;
    }
    
    if(next_nr)
    {
        showHpZmieniarka(next_nr);
    }
}

function startHpZmieniarka()
{
//    $("#hp_zmieniarka").find("#hpz_item_1").addClass("active");
//    $("#hpz_item_big_1").addClass("active");
//    $("#hpz_item_1").children(".foto").css("backgroundImage", $("#hpz_item_1").children(".foto").css("backgroundImage").replace("s_gs_", "s_"));
    showHpZmieniarka(1);
    mz_interval = setInterval("nextHpZmieniarka()", 5000);
    
}

function showHpZmieniarka(nr)
{
    $(".hpz_item.active").removeClass("active");
    $("#hpz_item_"+nr).addClass("active");
    $("#hpz_item_"+nr).children(".foto").css("backgroundImage", $("#hpz_item_"+nr).children(".foto").css("backgroundImage").replace("s_gs_", "s_"));
    
    
    $(".hpz_item_big.active").stop(true, true).fadeOut(500, function(){
        
    });
    $(".hpz_item_big.active").removeClass("active");
    $("#hpz_item_big_"+nr).addClass("active");
    $("#hpz_item_big_"+nr).stop(true, true).fadeIn(500, function(){
        
    });
}