//# jQuery - Horizontal Accordion
//# Version 2.00.00 Alpha 1

(function($) {
    $.hrzAccordion = {


        setOnEvent: function(i, container, finalWidth, settings) {
            $("#" + container + "Handle" + i).bind(settings.eventTrigger, function() {
                settings.completeAction(i + 1);
                var status = $('[rel=' + container + 'ContainerSelected]').data('status');

                if (status == 1 && settings.eventWaitForAnim === true) {
                    return false;
                }

                if ($("#" + container + "Handle" + i).attr("rel") != container + "HandleSelected") {

                    settings.eventAction;

                    $('[id*=' + container + 'Handle]').attr("rel", "");

                    $('[id*=' + container + 'Handle]').attr("class", settings.handleClass);

                    $("#" + container + "Handle" + i).addClass(settings.handleClassSelected);


                    $("." + settings.contentWrapper).css({ width: finalWidth + "px" });

                    switch (settings.closeOpenAnimation) {
                        case 1:


                            if ($('[rel=' + container + 'ContainerSelected]').get(0)) {
                                $('[rel=' + container + 'ContainerSelected]').data('status', 1);

                                //current_width = $('[rel='+container+'ContainerSelected]').width();

                                $('[rel=' + container + 'ContainerSelected]').animate({ width: "0px", opacity: "0" }, { queue: true, duration: settings.closeSpeed, easing: settings.closeEaseAction, complete: function() {

                                    $('[rel=' + container + 'ContainerSelected]').data('status', 0);
                                }, step: function(now) {
                                    width = $(this).width();

                                    //new_width = finalWidth- (finalWidth  * (width/current_width));
                                    new_width = finalWidth - width;
                                    $('#' + container + 'Content' + i).width(Math.ceil(new_width)).css("opacity", "1");

                                }
                                });

                            } else {
                                $('[rel=' + container + 'ContainerSelected]').data('status', 1);

                                $('#' + container + 'Content' + i).animate({ width: finalWidth, opacity: "1" }, { queue: false, duration: settings.closeSpeed, easing: settings.closeEaseAction, complete: function() {
                                    $('[rel=' + container + 'ContainerSelected]').data('status', 0);
                                }
                                });


                            }

                            break;
                        case 2:
                            $('[id*=' + container + 'Content]').css({ width: "0px" });
                            $('#' + container + 'Content' + i).animate({ width: finalWidth + "px", opacity: "1" }, { queue: false, duration: settings.openSpeed, easing: settings.openEaseAction/*, complete:settings.completeAction*/ });

                            break;
                    }

                    $('[id*=' + container + 'Content]').attr("rel", "");
                    $("#" + container + "Handle" + i).attr("rel", container + "HandleSelected");
                    $("#" + container + "Content" + i).attr("rel", container + "ContainerSelected");


                }

            });
        }
    };

    $.fn.extend({

        hrzAccordionLoop: function(options) {
            return this.each(function(a) {

                var container = $(this).attr("id") || $(this).attr("class");
                var elementCount = $('#' + container + ' > li, .' + container + ' > li').size();
                var settings = $(this).data('settings');

                variable_holder = "interval" + container;
                var i = 0;
                var loopStatus = "start";

                variable_holder = window.setInterval(function() {

                    $("#" + container + "Handle" + i).trigger(settings.eventTrigger);

                    if (loopStatus == "start") {
                        i = i + 1;
                    } else {
                        i = i - 1;
                    }

                    if (i == elementCount && loopStatus == "start") {
                        loopStatus = "end";
                        i = elementCount - 1;

                    }

                    if (i == 0 && loopStatus == "end") {
                        loopStatus = "start";
                        i = 0;

                    }
                }, settings.cycleInterval);


            });
        },
        hrzAccordion: function(options) {
            this.settings = {
                eventTrigger: "click",
                containerClass: "container",
                listItemClass: "listItem",
                contentContainerClass: "contentContainer",
                contentWrapper: "contentWrapper",
                contentInnerWrapper: "contentInnerWrapper",
                handleClass: "handle",
                handleClassOver: "handleOver",
                handleClassSelected: "handleSelected",
                handlePosition: "right",
                handlePositionArray: "", // left,left,right,right,right
                closeEaseAction: "swing",
                closeSpeed: 500,
                openEaseAction: "swing",
                openSpeed: 500,
                openOnLoad: 2,
                hashPrefix: "tab",
                eventAction: function() {
                    //add your own extra clickAction function here
                },
                completeAction: function() {
                    //add your own onComplete function here
                },
                closeOpenAnimation: 1, // 1 - open and close at the same time / 2- close all and than open next
                cycle: false, // not integrated yet, will allow to cycle through tabs by interval
                cycleInterval: 10000,
                fixedWidth: "",
                eventWaitForAnim: true

            };

            if (options) {
                $.extend(this.settings, options);
            }
            var settings = this.settings;



            return this.each(function(a) {

                var container = $(this).attr("id") || $(this).attr("class");

                $(this).data('settings', settings);

                $(this).wrap("<div class='" + settings.containerClass + "'></div>");

                var elementCount = $('#' + container + ' > li, .' + container + ' > li').size();

                var containerWidth = $("." + settings.containerClass).width();

                var handleWidth = $("." + settings.handleClass).css("width");

                handleWidth = handleWidth.replace(/px/, "");
                var finalWidth;
                var handle;

                if (settings.fixedWidth) {
                    finalWidth = settings.fixedWidth;
                } else {
                    finalWidth = containerWidth - (elementCount * handleWidth) - handleWidth;
                }

                $('#' + container + ' > li, .' + container + ' > li').each(function(i) {

                    $(this).attr('id', container + "ListItem" + i);
                    $(this).attr('class', settings.listItemClass);
                    $(this).html("<div class='" + settings.contentContainerClass + "' id='" + container + "Content" + i + "'>"
								 + "<div class=\"" + settings.contentWrapper + "\">"
								 + "<div class=\"" + settings.contentInnerWrapper + "\">"
								 + $(this).html()
								 + "</div></div></div>");

                    if ($("div", this).hasClass(settings.handleClass)) {

                        var html = $("div." + settings.handleClass, this).attr("id", "" + container + "Handle" + i + "").html();
                        $("div." + settings.handleClass, this).remove();

                        handle = "<div class=\"" + settings.handleClass + "\" id='" + container + "Handle" + i + "'>" + html + "</div>";
                    } else {
                        handle = "<div class=\"" + settings.handleClass + "\" id='" + container + "Handle" + i + "'></div>";
                    }



                    if (settings.handlePositionArray) {
                        splitthis = settings.handlePositionArray.split(",");
                        settings.handlePosition = splitthis[i];
                    }

                    switch (settings.handlePosition) {
                        case "left":
                            $(this).prepend(handle);
                            break;
                        case "right":
                            $(this).append(handle);
                            break;
                        case "top":
                            $("." + container + "Top").append(handle);
                            break;
                        case "bottom":
                            $("." + container + "Bottom").append(handle);
                            break;
                    }

                    $("#" + container + "Handle" + i).bind("mouseover", function() {
                        $("#" + container + "Handle" + i).addClass(settings.handleClassOver);
                    });

                    $("#" + container + "Handle" + i).bind("mouseout", function() {
                        if ($("#" + container + "Handle" + i).attr("rel") != "selected") {
                            $("#" + container + "Handle" + i).removeClass(settings.handleClassOver);
                        }
                    });


                    $.hrzAccordion.setOnEvent(i, container, finalWidth, settings);

                    if (i == elementCount - 1) {
                        $('#' + container + ",." + container).show();
                    }



                    if (settings.openOnLoad !== false && i == elementCount - 1) {
                        var location_hash = location.hash;
                        location_hash = location_hash.replace("#", "");
                        if (location_hash.search(settings.hashPrefix) != '-1') {
                            var tab = 1;
                            location_hash = location_hash.replace(settings.hashPrefix, "");
                        }

                        if (location_hash && tab == 1) {
                            $("#" + container + "Handle" + (location_hash)).attr("rel", container + "HandleSelected");
                            $("#" + container + "Content" + (location_hash)).attr("rel", container + "ContainerSelected");
                            $("#" + container + "Handle" + (location_hash - 1)).trigger(settings.eventTrigger);

                        } else {
                            $("#" + container + "Handle" + (settings.openOnLoad)).attr("rel", container + "HandleSelected");
                            $("#" + container + "Content" + (settings.openOnLoad)).attr("rel", container + "ContainerSelected");
                            $("#" + container + "Handle" + (settings.openOnLoad - 1)).trigger(settings.eventTrigger);
                        }
                    }
                });

                if (settings.cycle === true) {
                    $(this).hrzAccordionLoop();
                }
            });
        }
    });
})(jQuery);	



//MSWebSite
var openIndex = 5;
$(document).ready(function() {

    $("#divWait").fadeOut();
    $("#divMain").fadeIn();

    $("div.aboutus").css("display", "block");
    $("div.subsetcompanies").css("display", "none");
    $("div.company1").css("display", "none");
    $("div.company2").css("display", "none");
    $("div.company3").css("display", "none");


    var qs = querySt('id');

    switch (qs) {
        case 'homepage':
            openIndex = 5;
            break;
        case 'aboutus':
            openIndex = 4;
            break;
        case 'projects':
            openIndex = 3;
            break;
        case 'contactmanager':
            openIndex = 2;
            break;
        case 'contactus':
            openIndex = 1;
            break;
    }
    $(".hAccordion").hrzAccordion({ handlePosition: "left",
        openOnLoad: openIndex,
        closeOpenAnimation: 2,
        fixedWidth: 450,
        completeAction: function(val) {
            setURL(val);
        }
    });

    $(".menu > li").click(function(e) {
        switch (e.target.id) {
            case "aboutus":
                //change status & style menu
                $("#aboutus").addClass("active");
                $("#subsetcompanies").removeClass("active");
                $("#company1").removeClass("active");
                $("#company2").removeClass("active");
                $("#company3").removeClass("active");
                //display selected division, hide others
                $("div.aboutus").fadeIn();
                $("div.subsetcompanies").css("display", "none");
                $("div.company1").css("display", "none");
                $("div.company2").css("display", "none");
                $("div.company3").css("display", "none");
                break;
            case "subsetcompanies":
                //change status & style menu
                $("#aboutus").removeClass("active");
                $("#subsetcompanies").addClass("active");
                $("#company1").removeClass("active");
                $("#company2").removeClass("active");
                $("#company3").removeClass("active");
                //display selected division, hide others
                $("div.subsetcompanies").fadeIn();
                $("div.aboutus").css("display", "none");
                $("div.company1").css("display", "none");
                $("div.company2").css("display", "none");
                $("div.company3").css("display", "none");
                break;
            case "company1":
                //change status & style menu
                $("#aboutus").removeClass("active");
                $("#subsetcompanies").removeClass("active");
                $("#company1").addClass("active");
                $("#company2").removeClass("active");
                $("#company3").removeClass("active");
                //display selected division, hide others
                $("div.company1").fadeIn();
                $("div.aboutus").css("display", "none");
                $("div.subsetcompanies").css("display", "none");
                $("div.company2").css("display", "none");
                $("div.company3").css("display", "none");
                break;
            case "company2":
                //change status & style menu
                $("#aboutus").removeClass("active");
                $("#subsetcompanies").removeClass("active");
                $("#company1").removeClass("active");
                $("#company2").addClass("active");
                $("#company3").removeClass("active");
                //display selected division, hide others
                $("div.aboutus").css("display", "none");
                $("div.subsetcompanies").css("display", "none");
                $("div.company1").css("display", "none");
                $("div.company2").fadeIn();
                $("div.company3").css("display", "none");
                break;
            case "company3":
                //change status & style menu
                $("#aboutus").removeClass("active");
                $("#subsetcompanies").removeClass("active");
                $("#company1").removeClass("active");
                $("#company2").removeClass("active");
                $("#company3").addClass("active");
                //display selected division, hide others
                $("div.aboutus").css("display", "none");
                $("div.subsetcompanies").css("display", "none");
                $("div.company1").css("display", "none");
                $("div.company2").css("display", "none");
                $("div.company3").fadeIn();
                break;
        }

        return false;
    });
});

function querySt(name) {
    hu = location.href.substring(location.href.indexOf('?') + 1);
    gy = hu.split("&");
    for (i = 0; i < gy.length; i++) {
        ft = gy[i].split("=");
        if (ft[0] == name) {
            return ft[1];
        }
    }
};

function haClick(index) {
    openIndex = index + 1;
    $('#hAccordionHandle' + index).click();
    return false;
};

function setURL(index) {
    var startTitle = "";
    var endTitle = "";
    var lang = $("#ddlLanguage").val();
    if (lang == "fa-IR") {
        startTitle = ".: شرکت مهندسی مترو ساز :: ";
        endTitle = " :.";
        switch (index) {
            case 1:
                document.title = startTitle + "تماس با ما" + endTitle;
                location.href = "#?id=contactus";
                break;
            case 2:
                document.title = startTitle + "تماس با مدیریت" + endTitle;
                location.href = "#?id=contactmanager";
                break;
            case 3:
                document.title = startTitle + "پروژه ها" + endTitle;
                location.href = "#?id=projects";
                break;
            case 4:
                document.title = startTitle + "درباره ما" + endTitle;
                location.href = "#?id=aboutus";
                break;
            case 5:
                document.title = startTitle + "صفحه اصلی" + endTitle;
                location.href = "#?id=homepage";
                break;
        }
    }
    else {
        startTitle = ".: Metrosaz Engineering Company :: ";
        endTitle = " :.";
        switch (index) {
            case 1:
                document.title = startTitle + "Contact Us" + endTitle;
                location.href = "#?id=contactus";
                break;
            case 2:
                document.title = startTitle + "Contact Manager" + endTitle;
                location.href = "#?id=contactmanager";
                break;
            case 3:
                document.title = startTitle + "Projects" + endTitle;
                location.href = "#?id=projects";
                break;
            case 4:
                document.title = startTitle + "About Us" + endTitle;
                location.href = "#?id=aboutus";
                break;
            case 5:
                document.title = startTitle + "Home Page" + endTitle;
                location.href = "#?id=homepage";
                break;
        }
    }
};