var imageActive = imageActive == undefined ? 1 : imageActive;
var imageClicked = imageClicked == undefined ? imageActive : imageClicked;
var buttonActive = buttonActive == undefined ? 1 : buttonActive;
var descrBase;
var imageResizeDisable = false;

function move(sliderid, direction) {
    var div = $('#' + sliderid + '_content');
    var ul = $('#' + sliderid + '_area');
    var lastLi = ul.find('li:last-child');
    div.animate({ 'scrollLeft': direction == 'left' ? '-=' + lastLi.outerWidth() : '+=' + lastLi.outerWidth() }, 500);
}

function sliderInit(sliderid) {
    var area = $('#' + sliderid + '_area');
    var li = area.find('li');
    //area.width((li[0].offsetWidth + 25) * (li.length-1)+175);
    area.width(125 * (li.length - 1) + 700);
    $('#' + sliderid + '_content')[0].scrollLeft = 125;
    //area.width(2000);
    moveimg(sliderid, 2);
    area.css('visibility', 'visible');
    document.body.style.zoom = '1';
}

function moveimg(sliderid, inObj) {
    var min = 0;
    var max = $('#' + sliderid + '_area').find('li').length - 1;

    //Zoom
    if (inObj == "right") {
        imageClicked = imageActive + 1;
    } else if (inObj == "left") {
        imageClicked = imageActive - 1;
    } else if (!isNaN(inObj)) {
        imageClicked = parseInt(inObj);
    } else { return false; }
    //var tst_imageActive = imageActive;
    if (imageActive != imageClicked && imageClicked >= min && imageClicked <= max) {

        var img1 = $('#' + sliderid + '_img_' + imageClicked);
        var txt1 = $('#' + sliderid + '_txt_' + imageClicked);
        var img2 = $('#' + sliderid + '_img_' + imageActive);
        var txt2 = $('#' + sliderid + '_txt_' + imageActive);

        if (!imageResizeDisable) 
        {
            // maximize
            img1.animate({ 'width': '150px', 'height': '125px', 'marginTop': '0px' }, 1000);
            txt1.animate({ 'fontSize': '11px' }, 1000);

            // minimize
            img2.animate({ 'width': '100px', 'height': '83px', 'marginTop': '20px' }, 1000);
            txt2.animate({ 'fontSize': '9px' }, 1000);
        }
        // slider
        var div = $('#' + sliderid + '_content');
        if (inObj == "right") {
            div.animate({ 'scrollLeft': '+=' + 125 }, 1000);
            imageActive++;

        } else if (inObj == "left") {
            div.animate({ 'scrollLeft': '-=' + 125 }, 1000);
            imageActive--;

        } else {
            var scrl = (imageActive - imageClicked) * 125;
            div.animate({ 'scrollLeft': '-=' + scrl }, 1000);
            imageActive = imageClicked;
        }
        // slider end
        pageTrans(descrBase, 1);
    }
    //alert(tst_imageActive + " ->" + imageClicked + " = " + imageActive + " scroll:" + div.scrollLeft());
    return false;
}


function pageTrans(sliderid, inObj) {

    buttonActive = inObj == undefined ? 1 : inObj;

    var btn1 = $('#' + sliderid + '_page1');
    var btn2 = $('#' + sliderid + '_page2');

    if (buttonActive == 1) {
        btn1.addClass("active_property_tab");
        btn2.removeClass("active_property_tab");
    }
    else if (buttonActive == 2) {
        btn1.removeClass("active_property_tab");
        btn2.addClass("active_property_tab");
    }

    var myElements = $('#' + sliderid + '_contents').find('div');

    for (i = 0; i < myElements.length; i++) {
        myElements[i].style.display = 'none';
    }
    $('#' + sliderid + '_descr_' + imageActive + '_' + buttonActive).fadeIn(3000);

    return false;
}