var indexlitems = 0;
var totalitems = 0;
var tiempolitems = 5000;
var iinterval;
//
var indexthumbs = 0;
var displaythumbs = 5;
var totalthumbs = 0;
//
var total = 0;
var cur = 0;
var seg = 3000;

function home_ads() {
    /*var next = cur + 1;
    if (next == total) next = 1;

    //alert(next);

    $('.home_ads a:eq(' + cur + ')').fadeOut('slow');
    $('.home_ads a:eq(' + next + ')').fadeIn('slow', function() {
    cur = next;
    setTimeout(home_ads, seg);
    });
    */
    /*$('.home_ads a:eq('+cur+')').animate({opacity: 0}, 'slow', 'swing', function() {
    $(this).hide();
    $('.home_ads a:eq('+next+')').show().css('opacity', 0).animate({opacity: 1}, 'slow');
		
		cur = next;
	
		setTimeout(home_ads, seg);
    });*/
}

var t = 0;
var c = 0;
var tiempo = 9000;

function changeHome() {

    if (c == t) c = 0;

    $("#hi5_resume dl dt").removeClass('selected');
    $("#hi5_resume dl:eq(" + c + ")").children("dt").addClass('selected');
    $("#hi5_resume").css({ position: "relative", left: "80px" });
    $('#hi5_resume_content .hi5_wrap').html($(this).parents("#hi5_resume dl:eq(" + c + ")").children("dd").html()).hide().fadeIn(500);

    c++;
}

$(document).ready(function() {
    var selected = '';

    $("#hi5_resume").before('<div id="hi5_resume_content"><div class="hi5_wrap">&nbsp;</div></div>');
    $('#hi5_resume_content .hi5_wrap').html($("#hi5_resume dl:first-child dd").html());

    $("#hi5_resume dl dt").css('position', 'relative');


    t = $('#hi5_resume dl').length;

    $("#hi5_resume dl dt").hover(function() {
        //$("#hi5_resume").css({position: "relative", left: "30px"});
        selected = $("#hi5_resume dl dt.selected").removeClass('selected');
        $(this).addClass('hover');
    }, function() {
        //$("#hi5_resume").css({position: "relative", left: "75px"});
        $(this).removeClass('hover');
        selected.addClass('selected');
    });

    $("#hi5_resume dl dt").click(function() {
        document.location = $(this).attr('rel');
    });

    //$("#imgcontrol #thumbs").hide();

    totalitems = $("#imgcontrol ul#imgnormal li").length;

    totalthumbs = Math.ceil(($("#imgcontrol #thumbs ul#imgthumbs li").length / displaythumbs));

    $("#imgcontrol ul#imgnormal li").hide();
    //
    changeHome();
    changeImage();

    iinterval = setInterval('changeImage()', tiempolitems);

    $("#imgcontrol").hover(
                function() {
                    //$("#imgcontrol #thumbs").slideDown(500);
                    $("#imgcontrol #thumbs").animate({
                        top: "-=65px"
                    }, 500);
                },
                function() {
                    //$("#imgcontrol #thumbs").slideUp(500);
                    $("#imgcontrol #thumbs").animate({
                        top: "+=65px"
                    }, 500);
                }
            );

    $("#thumbs #imgthumbs li img").hover(
                function() {
                    $(this).css("position", "relative").animate({
                        width: "67px",
                        height: "50px",
                        top: "-5px"
                    }, 300);
                },
                function() {
                    if (indexlitems - 1 != $(this).parent().parent().index())
                        $(this).animate({
                            width: "65px",
                            height: "38px",
                            top: "0px"
                        }, 300);
                }
            );
    $("#thumbs #imgthumbs li a").click(function() {
        indexlitems = $("#thumbs #imgthumbs li a").index(this);

        indexthumbs = Math.ceil(indexlitems / displaythumbs);

        clearInterval(iinterval);
        iinterval = setInterval('changeImage()', tiempolitems);
        //resetthumbs();

        //                $("#thumbs #imgthumbs li:eq(" + index + ") a img").css("position", "relative").animate({
        //                    width: "60px",
        //                    height: "50px",
        //                    top: "-5px"
        //                }, 300);
        changeImage();
    });
    /*------------ ADS --------------------*/
    /*    total = $('.home_ads a').length;
    var pos = $('.home_ads').position();

    $('.home_ads a:first').show();

    $('.home_ads a').css({ position: 'absolute', top: pos.top + 'px' });

    t = $('#hi5_resume dl').length;

    setTimeout(home_ads, seg);*/
    setInterval('changeHome()', tiempo);
});

function changeImage() {

    if (indexlitems == totalitems) indexlitems = 0;

    $("#imgcontrol ul#imgnormal li.selected").fadeOut(500).hide();
    $("#imgcontrol ul#imgnormal li.selected").removeClass('selected');
    $(this).parents("#imgcontrol #imgnormal li:eq(" + indexlitems + ")").addClass('selected');
    $(this).parents("#imgcontrol #imgnormal li:eq(" + indexlitems + ")").fadeIn(500);

    resetthumbs();

    $("#thumbs #imgthumbs li:eq(" + indexlitems + ") a img").css("position", "relative").animate({
        width: "67px",
        height: "50px",
        top: "-5px"
    }, 300);

    ShowCarousel();

    indexlitems++;
}

function resetthumbs() {
    $("#thumbs #imgthumbs li img").css({
        width: "65px",
        height: "38px",
        top: "0px",
        position: "relative"
    });
}
function ShowCarousel() {
    if (indexlitems % displaythumbs == 0) {
        if (indexthumbs == totalthumbs)
            indexthumbs = 0;
        //
        hideThumbs();
        indexthumbs++;
    }
}
function hideThumbs() {
    for (var i = 0; i < totalthumbs * displaythumbs; i++) {
        $("#thumbs #imgthumbs li:eq(" + i + ")").hide();
    }

    for (var i = indexthumbs * displaythumbs; i < displaythumbs * (indexthumbs + 1); i++) {
        $("#thumbs #imgthumbs li:eq(" + i + ")").show();
    }
}