$(document).ready(function () {
    theRotator();

    $(".gallery a[rel^='prettyPhoto']").prettyPhoto({ theme: 'facebook' });


    $("#bossMenu li").click(function () {
        window.location = $(this).find("div > a").attr("href");
        return false;
    });

    $("#bossMenu li").mouseleave(function () {
        $(this).animate({ backgroundColor: "#4C2311" }, { duration: 'slow', queue: false });
    });

    $("#bossMenu li").mouseenter(function () {
        $(this).animate({ backgroundColor: "#66290C" }, { duration: 'slow', queue: false });
    });


    if ($("#map").length > 0) {

        var latlng = new google.maps.LatLng(47.481691, 19.066998);
        var myOptions = {
            zoom: 15,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map"), myOptions);

        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: "Angyalhaj szépségszalon"
        });


    }

    $('.egyenlitos').each(function (index) {
        var height = Math.max($(this).find(".left > div").height(), $(this).find(".right > div").height())

        $(this).find(".left > div").height(height)
        $(this).find(".right > div").height(height)
    });


    $('#slideshow').cycle({
        fx: 'scrollUp' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
});


function theRotator() {
    //Set the opacity of all images to 0
    $('div#forgatos ul li').css({ opacity: 0.0 });

    //Get the first image and display it (gets set to full opacity)
    $('div#forgatos ul li:first').css({ opacity: 1.0 });

    //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
    setInterval('rotate()', 10000);

}

function rotate() {
    //Get the first image
    var current = ($('div#forgatos ul li.show') ? $('div#forgatos ul li.show') : $('div#forgatos ul li:first'));

    //Get next image, when it reaches the end, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#forgatos ul li:first') : current.next()) : $('div#forgatos ul li:first'));

    //Set the fade in effect for the next image, the show class has higher z-index
    next.css({ opacity: 0.0 }).addClass('show').animate({ opacity: 1.0 }, 1000);

    //Hide the current image
    current.animate({ opacity: 0.0 }, 1000).removeClass('show');

};