$(document).ready(function() {
    var scrolling = true;
    var window_width = screen.width;
    var firsttime = true;

    $('#slidergallery').cycle({
        fx: 'scrollLeft',
        timeout: 10000,
        pager: '.paging1',
        before: onBefore,
        fit: 1,
        width: '100%',
        speed: 1500,
        after: onAfter
    });

    $("#slid12").hover(function() {
        $('#slidergallery').cycle('pause');
    }, function() {
        $('#slidergallery').cycle('resume');
    });

    function onBefore() {
        var v = $(this).attr("id");
        if (v == "id1") {
            clearTimeout(t1); clearTimeout(t2); clearTimeout(t3); clearTimeout(t4);
            $("#slid41").fadeOut(600);
            $("#slid42").fadeOut(600);
            $("#slid11").hide(); $("#slid12").hide();
            $("#slid21").hide(); $("#slid22").hide();
            $("#slid31").hide(); $("#slid32").hide();
        }
        else if (v == "id2") {
            clearTimeout(t1); clearTimeout(t2); clearTimeout(t3); clearTimeout(t4);
            $("#slid11").fadeOut(600);
            $("#slid12").fadeOut(600);
            $("#slid21").hide(); $("#slid22").hide();
            $("#slid31").hide(); $("#slid32").hide();
            $("#slid41").hide(); $("#slid42").hide();
        }
        else if (v == "id3") {
            clearTimeout(t1); clearTimeout(t2); clearTimeout(t3); clearTimeout(t4);
            $("#slid21").fadeOut(600);
            $("#slid22").fadeOut(600);
            $("#slid31").hide(); $("#slid32").hide();
            $("#slid11").hide(); $("#slid12").hide();
            $("#slid41").hide(); $("#slid42").hide();
        }
        else if (v == "id4") {
            clearTimeout(t1); clearTimeout(t2); clearTimeout(t3); clearTimeout(t4);
            $("#slid11").hide(); $("#slid12").hide();
            $("#slid31").fadeOut(600);
            $("#slid32").fadeOut(600);
            $("#slid21").hide(); $("#slid22").hide();
            $("#slid41").hide(); $("#slid42").hide();
        }

        if (v == "id4" && firsttime == true) {
            firsttime = false;
            if (scrolling) {
                $(".searchpl").stop();
                searchpnldown();
                $(".searchbtn1").css({ "background-position": "0px -75px", "color": "#333333" });
                $(".searchbtn1 span").css({ "color": "#333333" });
                scrolling = false;
            }
            else {
                $(".searchpl").stop();
                searchpnlup();
                $(".searchbtn1").css({ "background-position": "0px 0px", "color": "White" });
                $(".searchbtn1 span").css({ "color": "White" });
                scrolling = true;
            }
        }
    }

    var t1; var t2; var t3; var t4;
    function onAfter() {
        var v = $(this).attr("id");
        if (v == "id1") {
            $("#slid11").fadeIn(800);
            t1 = window.setTimeout(function() { $("#slid12").fadeIn(800); }, 3000);
        }
        else if (v == "id2") {
            $("#slid21").fadeIn(800);
            t2 = window.setTimeout(function() { $("#slid22").fadeIn(800); }, 2400);
        }
        else if (v == "id3") {
            $("#slid31").fadeIn(800);
            t3 = window.setTimeout(function() { $("#slid32").fadeIn(800); }, 3200);
        }
        else if (v == "id4") {
            $("#slid41").fadeIn(800);
            t4 = window.setTimeout(function() { $("#slid42").fadeIn(800); }, 3600);
        }
    }

    searchpnldown = function() {
        $(".searchpl").animate({
            top: 0
        }, 1500);
    }
    searchpnlup = function() {
        //if (scrolling) {

        $(".searchpl").animate({
            top: -355
        }, 1500);
        //}
    }

    $(".searchbtn1").click(function() {
        firsttime = false;
        if (scrolling) {
            $(".searchpl").stop();
            searchpnldown();
            $(".searchbtn1").css({ "background-position": "0px -75px", "color": "#333333" });
            $(".searchbtn1 span").css({ "color": "#333333" });
            scrolling = false;
        }
        else {
            $(".searchpl").stop();
            searchpnlup();
            $(".searchbtn1").css({ "background-position": "0px 0px", "color": "White" });
            $(".searchbtn1 span").css({ "color": "White" });
            scrolling = true;
        }
        return false;
    });

    $(".searchbtn1").mouseup(function() {
    }).mousedown(function() {
        $(".searchbtn1").css({ "background-position": "0px -50px", "color": "White" });
        $(".searchbtn1 span").css({ "color": "White" });
    });

    $(".searchbtn1").hover(function() {
        if (!scrolling) {
            $(".searchbtn1").css({ "background-position": "0px -25px", "color": "White" });
            $(".searchbtn1 span").css({ "color": "White" });
        }
        else {
            $(".searchbtn1").css({ "background-position": "0px -25px", "color": "White" });
            //$(".searchpl").stop();
            //searchpnldown();
        }
    }, function() {
        if (!scrolling) {
            $(".searchbtn1").css({ "background-position": "0px -75px", "color": "#333333" });
            $(".searchbtn1 span").css({ "color": "#333333" });
        }
        else {
            $(".searchbtn1").css({ "background-position": "0px 0px", "color": "White" });
            //$(".searchpl").stop();
            //searchpnlup();
        }
    });




    $(".searchpl").hover(function() {
        $(this).toggleClass("searchplhover", true);
    }, function() {
        $(this).toggleClass("searchplhover", false);
    });


    $(".hmtitlese").hover(function() {
        $(this).toggleClass("hmtitleseef", true);
    }, function() {
        $(this).toggleClass("hmtitleseef", false);
    });


    $(".hmtitlese div.mbdh1 ul li").hover(function() {
        $(this).toggleClass("hover", true);
    }, function() {
        $(this).toggleClass("hover", false);
    });


    $('#reviewslides').cycle({
        fx: 'fade',
        timeout: 10000,
        fit: 1,
        width: '100%',
        sync: 0,
        speed: 3000
    });
});