$(document).ready(function () {

    /* --------------------- sliders  --------------------- */

    var root = $("#brands").scrollable({ circular: true }).autoscroll({ autoplay: true });
    window.api = root.data("scrollable");

    var root = $("#scroller").scrollable({ circular: true }).autoscroll({ autoplay: false });
    window.api = root.data("scrollable");

    var root = $("#sliderShowcase").scrollable().autoscroll({ autoplay: false });
    window.api = root.data("scrollable");

    var root = $("#sliderShowcaseDetail").scrollable().autoscroll({ autoplay: false });
    window.api = root.data("scrollable");


    $(".sliderShowcase .items img").click(function () {
        //alert($(this).attr("id"));
        var selectImgId = $("#h-" + $(this).attr("id")).val();
        $(".sliderShowcase .items .active").removeClass("active");
        $('#b-' + selectImgId).addClass("active");
        $('#gallery #selecetedImg').attr("src", $('#b-' + selectImgId).attr("src"));
        //alert($('.sliderShowcaseDetail #selecetedImg').attr("src"));
        simages = $(this).index("img");
        //alert(simages);
    });

    //    for (ix = sliderPage; ix < currentPage; ix++) {
    //        $(".sliderShowcaseDetail .prev").click();
    //        $(".sliderShowcase .prev").click();
    //    }

    //    for (ix = 0; ix < sliderPage; ix++) {
    //        $(".sliderShowcaseDetail .next").click();
    //        $(".sliderShowcase .next").click();
    //    }


    //    $(".sliderShowcaseDetail .next").click(function () {
    //        $(".sliderShowcase .next").click();

    //    });

    //    $(".sliderShowcase .next").click(function () {
    //        $(".sliderShowcaseDetail .next").click();

    //    });

    $('.homepage #top').parent().remove();
    /*sliderShowcase detailed popup*/
    $(".sliderShowcaseDetail .items img").click(function () {

        if ($(this).hasClass("active")) { return; }
        $(".sliderShowcaseDetail #image_wrap").addClass("loading");
        var url = $(this).attr("src").replace("_t", "");
        var wrap = $(".sliderShowcaseDetail #image_wrap");
        var img = new Image();
        img.onload = function () {
            //wrap.fadeTo("medium", 1);
            wrap.removeClass("loading");
            wrap.find("img").attr("src", url);
        };
        img.src = url;
        $(".sliderShowcaseDetail .items img").removeClass("active");
        $(this).addClass("active");
    });


    /*homepage slider*/
    //$('#homepageSlider .items li').fadeTo('fast', 0.2);
    itemcount = $('#homepageSlider .items li').length;

    scroller();
    $('#homepageSlider .items li').click(function () {
        if (intval != "")
            window.clearInterval(intval);
        activeitem = $(this).attr('id');
        scrstatus = 1;
        scroller();
    });

    $('#homepageSlider .items li').hover(function () {
        $(this).css("background-position", "0 -75px");
    }, function () {
        $(this).css("background-position", "0 0");
        if ($(this).attr('id') == activeitem)
            $(this).css("background-position", "0 -75px");
    });

    $("#homepageSlider").scrollable({ vertical: true, mousewheel: true });
    //.autoscroll({ autoplay: true, interval: 5000});



    /* --------------------- sliders finito --------------------- */



    /* --------------------- workwithus  --------------------- */



    /* --------------------- workwithus finito --------------------- */




    /* --------------------- workwithus  --------------------- */
    $("#workwithus").validator({
        position: 'top left',
        offset: [-12, 0],
        lang: 'en',
        message: '<div><em/></div>' // em element is the arrow
    });

    $("#workwithus").bind("onFail", function (e, errors) {

        // we are only doing stuff when the form is submitted
        if (e.originalEvent.type == 'submit') {

            // loop through Error objects and add the border color
            $.each(errors, function () {
                var input = this.input;
                input.addClass("ww-userror").focus(function () {
                    input.addClass("textboxfocus");
                });
            });
        }
    });
    /* --------------------- workwithus finito --------------------- */

    /* newsletterform*/
    $("#newsletterform").validator({
        position: 'top left',
        offset: [-12, 0],
        lang: 'en',
        message: '<div><em/></div>' // em element is the arrow
    });

    $("#newsletterform").bind("onFail", function (e, errors) {

        // we are only doing stuff when the form is submitted
        if (e.originalEvent.type == 'submit') {

            // loop through Error objects and add the border color
            $.each(errors, function () {
                var input = this.input;
                input.addClass("ww-userror").focus(function () {
                    input.addClass("textboxfocus");
                });
            });
        }
    });

    /* newsletterform finito*/


    /* --------------------- overlay --------------------- */
    /* img overlay*/
    $("img[rel]").overlay({ mask: '#000' });

    $("a[rel]").overlay({

        mask: '#000',
        effect: 'apple',


        onBeforeLoad: function () {
            var wrap = this.getOverlay().find(".contentWrap");
            wrap.load(this.getTrigger().attr("href"));
        }

        //load: true

    });

    /* --------------------- overlay finito --------------------- */
   flashembed("swf-1", { id: 'swf-1-obj', src: "Assets/swf/All.swf", wmode: 'transparent', allowScriptAccess: 'always' });
   if ($('span#page-workwithus').length > 0) {
       flashembed("link-workwithus", { id: 'swf-link-wwu', src: "/Assets/swf/button_active.swf", wmode: 'transparent', allowScriptAccess: 'always' });
   } else {
       flashembed("link-workwithus", { id: 'swf-link-wwu', src: "/Assets/swf/button.swf", wmode: 'transparent', allowScriptAccess: 'always' });
   }
    //   flashembed("swf-2", { id: 'swf-2-obj', src: "Assets/swf/WhatDoWeDo.swf", wmode: 'transparent', allowScriptAccess: 'always' });
    //  flashembed("swf-3", { id: 'swf-3-obj', src: "Assets/swf/OurProducts.swf", wmode: 'transparent', allowScriptAccess: 'always' });


});

var activeitem = "item0";
var scrstatus = 0;
var itemcount;

var intval = window.setInterval("scroller()", 4000);
function scroller() {
    //Cufon.replace(' .homepageSlider h3 ', { fontFamily: 'Franchise', hover: true});
    Cufon.replace(' .homepageSlider #image_wrap h3 ', { fontFamily: 'Franchise', hover: true });

    var _item = 0;
    var kfscroll = {
        changecontent: function () {
            kfscroll.activeitemasum();
            //$('.homepageSlider #image_wrap').fadeTo('fast', 0.9, function () {
            //$('#homepageSlider .items li').fadeTo('fast',0.2);	
            $('#homepageSlider .items li').css("background-position", "0 0px");
            var data = $('#slidercontent').find('#' + activeitem).html();
            $('.homepageSlider #image_wrap').html(data);
            $('#homepageSlider .items #' + activeitem).css("background-position", "0 -75px");
            // $('#homepageSlider .items #' + activeitem).css("background-position", "0 -50px").fadeTo('fast', 1);
            // });

        },
        activeitemasum: function () {
            if (scrstatus < 1) {
                _item = parseInt(activeitem.substring(4, activeitem.length)) + 1;
                _item = _item > $('#homepageSlider .items li').length ? 1 : _item;
                activeitem = "item" + _item;
                if (_item == itemcount) {
                    setTimeout(function () {
                        for (var i = 0; i < ($('#homepageSlider .items ul').length - 1); i++) {
                            $('.prev').click();
                        }
                    }, 4000);                   
                } else {
                    if (_item % 4 == 1 && _item != 1)
                        $('.next').click();
                }
            }
        }
    };
    kfscroll.changecontent();
}