// jQuery scripts used in web on document ready

$(document).ready(function() {
    // teaser cycler
    numTabs = $("#teaser .item").length;
    $('.teaser-paginator a').bind('click', function() {
        openTab($("#teaser .item:eq(" + $(this).index() + ")"));
        return false;
    });
    autoRotate = setInterval("rotateTabs()", rotateSpeed);
    
    // header login watermark
    $('#userid').watermark('Your ID or Email', {useNative: false, className: 'watermark'});
    $('#password').watermark('Your password', {useNative: false, className: 'watermark'});
});


$('#ladies-teaser').cycle({
    fx: 'scrollHorz',
    speed: 'normal',
    timeout: 0,
    next: '#lt-next',
    prev: '#lt-prev'

});

// ----------------------------------------------------------------------------
// teaser setting and functions
var currentTab = 0;
var rotateSpeed = 6000;
var numTabs;
var autoRotate;
var toggleSpeed = 1500;
var toggleType = "";

function openTab(clickedTab) {
    var thisTab = $("#teaser .item").index(clickedTab);

    $(".teaser-paginator a").removeClass("active");
    $(".teaser-paginator a:eq("+thisTab+")").addClass("active");

    $("#teaser .item").fadeOut(toggleSpeed);
    $("#teaser .item:eq("+thisTab+")").fadeIn(toggleSpeed);

    currentTab = thisTab;
}

function rotateTabs() {
    var nextTab = (currentTab == (numTabs - 1)) ? 0 : currentTab + 1;
    openTab($("#teaser .item:eq("+nextTab+")"));
}