$(document).ready(function() {


    $(".section01 .cut").addClass("active").css({ "width": "695px" });
    $(".section01 .tabName").addClass("ontab");

    $(".section02 .cut").removeClass("active").animate({ "width": "45px" });
    $(".section03 .cut").removeClass("active").animate({ "width": "45px" });

    $(".section02 .tabName div").fadeOut(1)
    $(".section03 .tabName div").fadeOut(1)


    $(".section01 .tabName").click(function() {

        $(".section02 .cut").removeClass("off").removeClass("active").animate({ "width": "45px" });
        $(".section02 .tabName").removeClass("ontab");

        $(".section03 .cut").removeClass("active").animate({ "width": "45px" });
        $(".section03 .tabName").removeClass("ontab");

        $(".section01 .cut").removeClass("off").animate({ "width": "695px" }, function() { $(this).addClass("active"); $(".section01 .tabName div").fadeIn(20) });
        $(this).addClass("ontab")


        $(".section02 .tabName div").fadeOut(10)
        $(".section03 .tabName div").fadeOut(10)

    })

    $(".section02 .tabName").click(function() {

        $(".section01 .cut").removeClass("active").addClass("off").animate({ "width": "45px" });
        $(".section01 .tabName").removeClass("ontab");

        //rrRelativeWrapper
        $(".section03 .cut").removeClass("active").animate({ "width": "45px" });
        $(".section03 .tabName").removeClass("ontab");

        $(".section02 .cut").removeClass("off").animate({ "width": "692px" }, function() { $(this).addClass("active"); $(".section02 .tabName div").fadeIn(20) });
        $(this).addClass("ontab")

        $(".section01 .tabName div").fadeOut(10)
        $(".section03 .tabName div").fadeOut(10)

    })

    $(".section03 .tabName").click(function() {

        $(".section01 .cut").removeClass("active").addClass("off").animate({ "width": "45px" });
        $(".section01 .tabName").removeClass("ontab");

        $(".section02 .cut").removeClass("active").addClass("off").animate({ "width": "45px" });
        $(".section02 .tabName").removeClass("ontab");

        $(".section03 .cut").animate({ "width": "644px" }, function() { $(this).addClass("active"); $(".section03 .tabName div").fadeIn(20) });
        $(this).addClass("ontab")


        $(".section01 .tabName div").fadeOut(10)
        $(".section02 .tabName div").fadeOut(10)

    })






    /*Booking section floating effects and according effect*/

    //$('.ticketPrice .popData .cutL .cutR .dataM .prSet:last').css({ "border":"1px solid red" })
    //$('.ticketPrice').find('.popData').find('.dataM').children('.prSet:last').css({"border": "1px solid red"})

    if (jQuery.browser.msie && $.browser.version == 6) {
        var pH03 = $('.ticketPrice .popData .dataM .prSet').size();
        var cW;
        var mainW = 0;
        for (var t = 0; t < pH03; t++) {
            var cW = $('.ticketPrice .popData .dataM .prSet:eq(' + t + ')').outerWidth();
            mainW = mainW + cW;
        }

        $(".ticketPrice").css({ "width": mainW + (18 * pH03) })
    }




    $(".rLeft h3.cinemaName span, .addpop").mouseenter(function() {
        var pos = $(this).position()
        $(".adressPop").css({ "top": pos.top - ($(".adressPop").height() + 10), "left": pos.left })
        $(".adressPop").fadeIn(60);
        return false;
    })



    $(".rRight div a").mouseenter(function() {
        //$(".ticketPrice").height()
        var pos = $(this).position()

        $(".ticketPrice").fadeIn(60);
        $(".rRight div a").css("color", "#000")
        $(this).css("color", "#c52005")

        var pL = ($('.ticketPrice').width() - $('.popArrow').width()) / 2;

        $('.popArrow').css({ 'left': pL })
        $(".ticketPrice").css({ "top": pos.top + 12, "left": (pos.left - pL) + 10 })

        var oB = $(".ticketPrice").position().left + $(".ticketPrice").width();
        var wB = $(".wrapper").position().left + $(".wrapper").width();


        if (oB > wB) {
            var nB = oB - wB;
            $(".ticketPrice").css({ "top": pos.top + 12, "left": (pos.left - pL) + 10 - nB - 15 })
            $('.popArrow').css({ 'left': pL + nB + 10 })
        }


        return false;
    })






    $(".resultList .secTitle").click(function() {

        if ($(this).next(".resultData").is(":hidden")) {
            $(this).nextAll(".resultData").slideUp(500)
            $(this).prevAll(".resultData").slideUp(500)
            $(this).nextAll(".secTitle").removeClass("onTitle")
            $(this).prevAll(".secTitle").removeClass("onTitle")
            $(this).next(".resultData").slideDown(500)
            $(this).addClass("onTitle")
        }
    })




    $(".resultList .secTitle b.moviepop").mouseenter(function() {
        var pos = $(this).position()
        $(".moviePopup").css({ "top": pos.top + 10, "left": pos.left + 10 })
        $(".moviePopup").fadeIn(60);
        $(".resultList .secTitle b").css("color", "#000")
        $(this).css("color", "#c52005")
        return false;
    })


    $('#eLink').click(function() {

        $('.EventPop').animate({ "height": "show" }, 0);
        return false;
    })

    $('.EventPop').mouseleave(function() {
        $('.EventPop').animate({ "height": "hide" }, 0);
    })


    $(document).mouseover(function() {
        $(".adressPop").fadeOut(40);
        $(".ticketPrice").fadeOut(40);
        $(".moviePopup").fadeOut(40);
        $(".rRight div a").css("color", "#000");
        $(".resultList .secTitle b").css("color", "#000")
        // $('.EventPop').animate({ "height": "hide" }, 0);

    })


    $(document).click(function() {
        $('.EventPop').animate({ "height": "hide" }, 0);

    })


    $(".ticketPrice , .moviePopup").mouseover(function() {
        return false;
    })




    /*Event List popup Box*/

    //var eT = $('#eLink').position().top;
    //var eL = $('#eLink').position().left;




    $('#City').click(function() {
        //var posT = $('#City').offset().top;
        //var posL = $('#City').offset().left;

        //$('.HCity').css({ "top": posT - 65, "left": posL - 50 })

        $('.HCity').slideDown(0)
        $('.HMovie').slideUp(0)
        $('.HDate').slideUp(0)
        return false;
    })

    $('.HCity').mouseleave(function() {
        $('.HCity').slideUp(0)
    })



    $('.HCity').click(function() {
        $('.HCity').slideUp(0)
    })

    $('#MovieOrLocation').click(function() {

        //var posT = $('#MovieOrLocation').offset().top;
        //var posL = $('#MovieOrLocation').offset().left;

        //$('.HMovie').css({ "top": posT - 65, "left": posL - 50 })

        $('.HMovie').slideDown(0)
        $('.HCity').slideUp(0)
        $('.HDate').slideUp(0)
        return false;

    })

    $('.HMovie').mouseleave(function() {
        $('.HMovie').slideUp(0)
    })

    $('.HMovie').click(function() {
        $('.HMovie').slideUp(0)
    })


    $('#ShowTime').click(function() {

        //var posT = $('#ShowTime').offset().top;
        //var posL = $('#ShowTime').offset().left;

        //$('.HDate').css({ "top": posT - 65, "left": posL - 50 })

        $('.HMovie').slideUp(0)
        $('.HCity').slideUp(0)
        $('.HDate').slideDown(0)
        return false;
    })

    $('.HDate').mouseleave(function() {
        $('.HDate').slideUp(0)
    })

    $('.HDate').click(function() {
        $('.HDate').slideUp(0)
    })


    $('.Cddl').click(function() {

        //var posT = $('.Cddl').offset().top;
        //var posL = $('.Cddl').offset().left;

        //$('.cityDdl').css({ "top": posT+19, "left": posL-131})

        $('.dateDdl').slideUp(0)
        $('.cityDdl').slideDown(0)
        return false;

    })


    $('.dateDdl').mouseleave(function() {
        $('.dateDdl').slideUp(0)
    })

    $('.Dddl').click(function() {

        //var posT = $('.Dddl').offset().top;
        //var posL = $('.Dddl').offset().left;

        //$('.dateDdl').css({ "top": posT+19, "left": posL-131})

        $('.cityDdl').slideUp(0)
        $('.dateDdl').slideDown(0)
        return false;

    })

    $('.cityDdl').mouseleave(function() {
        $('.cityDdl').slideUp(0)
    })



    /*movie wise drop down box*/

    $('.inCity').click(function() {
        $('.iCity').slideDown(0);
        $('.iMovie').slideUp(0);
        $('.iDate').slideUp(0);
        return false;
    })

    $('.inMovie').click(function() {
        $('.iCity').slideUp(0);
        $('.iMovie').slideDown(0);
        $('.iDate').slideUp(0);
        return false;
    })

    $('.inDate').click(function() {
        $('.iCity').slideUp(0);
        $('.iMovie').slideUp(0);
        $('.iDate').slideDown(0);
        return false;
    })


    $('.iCity').mouseleave(function() {
        $('.iCity').slideUp(0)
    })

    $('.iMovie').mouseleave(function() {
        $('.iMovie').slideUp(0)
    })


    $('.iDate').mouseleave(function() {
        $('.iDate').slideUp(0)
    })

    $(document).click(function() {
        $('.HCity').slideUp(0)
        $('.HMovie').slideUp(0)
        $('.HDate').slideUp(0)

        $('.iCity').slideUp(0)
        $('.iMovie').slideUp(0)
        $('.iDate').slideUp(0)


        $('.dateDdl').slideUp(0)
        $('.cityDdl').slideUp(0)


    })



})