// common helper
var valid = false;
$.fn.plupdown = function (options) {
	options = $.extend({
		callback: function () { },
		loadingHtml: "<ul><li class='loading'>Loading...</li></ul>",
		opener: true,
		openerClass: "opener",
		resultsClass: "dropmenu"
	}, options);
	var isForm = this.is("form");

	var close = function (e) {
		if ($(e.target).closest(".inner").any())
			return;
		$(".dropmenu").each(function () {
			$($(this).data("opener")).removeClass("open");
		}).removeData("opener").remove();
		$(document).unbind("click", close);
		$(document).unbind("submit", close);
	};

	var open = function (e) {
		e.preventDefault();
		if ($(this).is(".open"))
			return;
		e.stopPropagation();
		close(e);
		$(this).addClass("open");

		var o = $(this).offset();
		var h = $(this).height();

		var url = isForm ? this.action : this.href;
		var data = isForm ? $(this).serialize() : {};
		var $r = $("<div/>").addClass(options.resultsClass).appendTo(document.body)
			.css({
				position: "absolute",
				top: (o.top + h) + "px",
				left: Math.min(o.left, $(window).width() - 220) + "px"
			})
			.html("<a href='#close' class='closer'>&nbsp;</a><div class='inner'/>")
			.data("opener", this);
		$r.children(".inner")
			.html(options.loadingHtml)
			.load(url, data, options.callback);

		$(document.body).bind("click", close);
		$(document.body).bind("submit", close);
	};

	var $o = this.bind(isForm ? "submit" : "click", open);
	if(options.opener)
		$o.addClass(options.openerClass).append("<span class='arrow'>&nbsp;</span>");

	return this;
};

$.fn.any = function () {
	return this.length > 0;
}

$.fn.clearonfocus = function () {
	this.each(function () { this.title = this.value; })
		.focus(function () { if (this.value === this.title) this.value = ""; })
		.blur(function () { if (this.value === "") this.value = this.title; });
};

$.fn.menudown = function (options) {
	options = $.extend({ submenuclass: "submenu" }, options);
	var top = this;
	var open = function () {
		$(top).find(".opened").children(".closer").trigger("click");
		$(this).siblings("a").addClass("expanded");
		$(this.parentNode).addClass("opened");
		$(this).siblings("ul").clone().addClass(options.submenuclass).insertAfter(top).each(function () { $(top).data("submenu", this) });
	};
	var close = function () {
		$(top.data("submenu")).remove();
		$(this.parentNode).removeClass("opened");
		$(this).siblings("a").removeClass("expanded");
	};
	$(this).addClass("menudown");
	$(this).find("ul").each(function () {
		$("<a href='#submenu' class='opener toggler'>&nbsp;</a>").prependTo(this.parentNode).click(open);
		$("<a href='#submenu' class='closer toggler'>&nbsp;</a>").prependTo(this.parentNode).click(close);
		$(this.parentNode).addClass("openable");
	});
	$(this).find(".current,.trail").siblings(".opener").trigger("click");
}


var home_lobbyheight = 62;

$(document).ready(function () {

    $("a.big").vdButton();
    $("a.Big").vdButton();


    var $tabs = $('#tabs').tabs();



    $("#Contact input").blur(function () {
        $(this).parent().find("span").removeClass("validationErr");
        $(this).parent().find("span").removeClass("validationOK");

        if (isString($(this).val())) {
            $(this).parent().find("span").addClass("validationOK");

            //console.log($(this).attr("title"));
            if ($(this).attr("title") == "email") {
                if (isValidEmail($(this).val())) {
                    valid = true;
                    $(this).parent().find("span").addClass("validationOK");
                }
                else {
                    valid = false;
                    $(this).parent().find("span").addClass("validationErr");
                }
            }
        }
        else {
            valid = true;
            $(this).parent().find("span").addClass("validationErr");
        }
        return valid;
    });

    $("#Contact textarea").blur(function () {
        $(this).parent().find("span").removeClass("validationErr");
        $(this).parent().find("span").removeClass("validationOK");

        if (isString($(this).val())) {
            $(this).parent().find("span").addClass("validationOK");

            //console.log($(this).attr("title"))
            if ($(this).attr("title") == "email") {
                if (isValidEmail($(this).val())) {
                    valid = true;
                    $(this).parent().find("span").addClass("validationOK");
                }
                else {
                    valid = false;
                    $(this).parent().find("span").addClass("validationErr");
                }
            }
        }
        else {
            valid = true;
            $(this).parent().find("span").addClass("validationErr");
        }
        return valid;
    });

    $("#Contact input").focus(function () {
        $(this).parent().find("span").removeClass("validationErr");
        $(this).parent().find("span").removeClass("validationOK");

        if (isString($(this).val())) {
            $(this).parent().find("span").addClass("validationOK");

            //console.log($(this).attr("title"))
            if ($(this).attr("title") == "email") {
                if (isValidEmail($(this).val())) {
                    valid = true;
                    $(this).parent().find("span").addClass("validationOK");
                }
                else {
                    valid = false;
                    $(this).parent().find("span").addClass("validationErr");
                }
            }
        }
        else {
            valid = true;
            $(this).parent().find("span").addClass("validationErr");
        }
        return valid;
    });

    $("#Contact textarea").focus(function () {
        $(this).parent().find("span").removeClass("validationErr");
        $(this).parent().find("span").removeClass("validationOK");

        if (isString($(this).val())) {
            $(this).parent().find("span").addClass("validationOK");

            //console.log($(this).attr("title"));
            if ($(this).attr("title") == "email") {
                if (isValidEmail($(this).val())) {
                    valid = true;
                    $(this).parent().find("span").addClass("validationOK");
                }
                else {
                    valid = false;
                    $(this).parent().find("span").addClass("validationErr");
                }
            }
        }
        else {
            valid = true;
            $(this).parent().find("span").addClass("validationErr");
        }
        return valid;
    });




    //fixing scroll
    homeInitialScroll();

    //fixing menu

    if ($("#nav").length == 0) {
        $("#page").addClass("wide");

    } else {
        $("#page").removeClass("wide");
    }

    $(".current").parent("li").addClass("current");
    //$("#menu>li:first").hide();
    $("#UserName").focus(function () {
        $(this).val("");
    });
    $("#Password").focus(function () {
        $(this).val("");
    });


    //fixing pass
    $("#fakePassword").focus(function () {
        $(this).hide();
        $("#Password").show();
        $("#Password").focus();
        
        //$(this).attr("type", "password");
    });


    function highlight(text) {
        if (!window.highlightLoaded)
            $("<script type='text/javascript' />").attr("src", "/Dinamico/Themes/Default/Scripts/jquery.highlight-3.js").appendTo($("head"));
        window.highlightLoaded = true;
        setTimeout(function () {
            var splits = text.split(" ");
            for (var i in splits)
                $("#main *").highlight(splits[i]);
        }, 1);
    }

    $("#searchform input").clearonfocus();

    $("#searchform").plupdown({
        callback: function () {
            var value = $("#searchform input").attr("value");
            var here = location.href.replace(/#.*/, "");
            $("a", this).each(function (i) {
                if (i === 0) this.focus();
                if (this.href === here)
                    $(this).focus().click(function () { $("span.highlight").removeClass("highlight"); highlight(value); });
                this.href += "#q=" + value;
            });
        },
        opener: false
    });

    if (location.hash.match("^#q=")) {
        var text = location.hash.substr(3).replace(/[+]/g, " ");

        $("#searchform input").attr("value", text);
        $("#searchform").submit();

        highlight(text);
    }



    // Sitemap

    $("#sitemapopener").plupdown({
        resultsClass: "dropmenu sitemapresults",
        callback: function () {
            var here = location.href.replace(/#.*/, "");
            $("a", this).each(function (i) {
                if (i === 0) this.focus();
                if (this.href === here) this.focus();
                this.href += "#sm";
            });
        }
    });

    if (location.hash === "#sm")
        $("#sitemapopener").click();



    // Translations

    $("#translationsopener").plupdown();
});

function homeInitialScroll() {
    var height = $(window).height();
    var scrollTop = $(window).scrollTop();

    setTimeout(function () {
        if ($(window).scrollTop() < home_lobbyheight) {
            homeScrollAction();
        } else {
            homePositionNav();
            homeScrollAction();

        }
    }, 1000);
}

function homeScrollAction() {
    $(window).scroll(function () {
        homePositionNav();
        
    });
}

function homePositionNav() {
    var actionbar = $('#actionbar');
    var headerLeft = $('.headerLeft');
    var logotype = $('.logotype');
    var HeaderMainImage = $('.HeaderMainImage');
    var Nav = $('#nav');
    var pag = $('#page');
    var menuBottom = $("#menuBottom");
    var rating = $("#rating");
    
    if ($(window).scrollTop() > home_lobbyheight + $('#wrapper').height() - 100) {
        if (!actionbar.hasClass('drawn')) {
            actionbar.addClass('drawn');
            
        }

        
    } else if ($(window).scrollTop() < home_lobbyheight) {

        
        actionbar.css("position", "absolute").css("top", 208 - 94);
        logotype.css("top", "47px").css("margin", 208 - 141 + "px 0 0 0"); ;
        $("div#header").css("height", $(".HeaderImage>img").height());
        menuBottom.css("margin-top", "150px").css("position", "relative");
        rating.css("position", "relative").css("margin-top", "0px");
        //.css("top", 208);
        
        headerLeft.css("position", "absolute").css("height", "210px").css("margin-top","0px");
        Nav.css("position", "relative").css("top", "0px");
        pag.css("padding-left", "0px").css("float", "left");;


    } else if ($(window).scrollTop() > home_lobbyheight) {
        rating.css("position", "fixed").css("margin-top", "238px");
        menuBottom.css("position", "fixed").css("margin-top","83px");
        actionbar.css("position", "fixed").css("top", "50px");
        headerLeft.css("position", "fixed").css("margin-top","-63px");
        //.css("height", "147px");
        
        logotype.css("top", "50px").css("margin-top", "63px");
        //HeaderMainImage.css("margin-left", "260px");
        Nav.css("position", "fixed").css("top", "147px");
        //alert("asd");
        if ($("#nav").length == 0) {
                
        }else {
            pag.css("padding-left", "260px");
            pag.css("float", "none");
        }
            
    }
}




function isString(str) {
    if (str.length > 0)
        return true;
    else
        return false;
}

function isValidEmail(str) {
    var RE_EMAIL = /^(\w+[\-\.])*\w+@(\w+\.)+[A-Za-z]+$/;
    return RE_EMAIL.test(str);
}

function CheckValid() {
    if ($("#contactName").val() != "" && $("#contactLastname").val() != "" && $("#contactEmail").val() != "" && $("#contactMsg").val() != "" && $("#contactPhone").val() != "" && isValidEmail($("#contactEmail").val() ))
    {
        return true;
    } else {
        $("#Contact input").blur();
        $("#Contact textarea").blur();
        return false;
    }
}

function SendMail(mail,tacksida) {
    //alert($("#contactArende").val());
    if (CheckValid()) {
        var arende = $("#contactArende").val();
        var firstname = $("#contactName").val();
        var lastname = $("#contactLastname").val();
        var email = $("#contactEmail").val();
        var msg = $("#contactMsg").val();
        var phone = $("#contactPhone").val();

        var recipt = mail;

        $.getJSON("/Handlers/Mail.ashx", { firstname: firstname, lastname: lastname, email: email, recipt: recipt, phone:phone, body:msg, arende:arende}, function (json) {

            
            if (json.status) {
                //alert(status);
            }
            else {
                //alert(status);
            }
        });

        $("#contactName").val("");
        $("#contactLastname").val("");
        $("#contactEmail").val("");
        $("#contactMsg").val("");
        $("#contactPhone").val("");
        $("#Contact span").removeClass("validationOK");

        location.href = tacksida;
    }
    else {
        $("#contactName").focus();
    }
}

function vdlogin(u, p) {
    var luser = u;
    var lpasswd = p;
    var randomnumber = Math.floor(Math.random() * 11);
    
    var lurl = "http://app.varderingsdata.se/vdstart/programpanelen.aspx?in=AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA;" + luser + ";" + lpasswd;
    
    $.fancybox.showActivity();

    $.fancybox({
        width: '75%',
     height: '85%',
     autoScale : true,
     transitionIn : 'none',
     transitionOut : 'none',
     type : 'iframe',
     href: lurl,
     showCloseButton : true,
     hideOnContentClick: false,
     hideOnOverlayClick: false,
     overlayShow: true
    });
}

$("input[type='submit']").click(function() {
    $("#loadingImage").show();
});

function vdforgot() {
    $("#MsgOk").hide();
    $("#MsgErr").hide();

    //$("input[type=button]").attr("disabled", "true");
    $("#loadingImage").show();
    
    var email = $("#email").val();
    var randomnumber = Math.floor(Math.random() * 11);

    $.ajax({
        url: "/handlers/ForgotPass.ashx?data=" + randomnumber + "&email=" + email,
        success: function (data) {
            if (data == "true") {
                $("#MsgOk").show();
            }
            else {
                $("#MsgErr").show();
            }
            //$("input[type=button]").attr("disabled", "");
            $("#loadingImage").hide();
            $("#email").val("");
        }
    });

    
}

function createAggreement() {

    var villaBound = $("#villaBound").val();
    var villaUnBound = $("#villaUnBound").val();
    var BRBound = $("#BRBound").val();
    var BRUnbound = $("#BRUnbound").val();
    var Valuation = $("#Valuation").val();
    var VDPro = $("#VDPro").val();
    var Market = $("#Market").val();
    var Capitex = $("#Capitex").val();
    var vitec = $("#vitec").val();
    var other = $("#other").val();
    var otherName = $("#otherName").val();
    var sysId = $("#sysId").val();
    
    var firmAdress = $("#firmAdress").val();
    var firmZipcode = $("#firmZipcode").val();
    var firmOrt = $("#firmOrt").val();
    var firmContactName = $("#firmContactName").val();
    var firmPhone = $("#firmPhone").val();
    var firmfax = $("#firmfax").val();
    var firmemail = $("#firmemail").val();
    
    var firmmailingName = $("#firmmailingName").val();
    var firmmailingOrgname = $("#firmmailingOrgname").val();
    var firmmailingAddress = $("#firmmailingAddress").val();
    var firmmailingZip = $("#firmmailingZip").val();
    var firmmailingOrt = $("#firmmailingOrt").val();
    var firmmailingRef = $("#firmmailingRef").val();
    var firmmailingPhone = $("#firmmailingPhone").val();
    var firmmailingfax = $("#firmmailingfax").val();
    var firmmailingEmail = $("#firmmailingEmail").val();
    
    var Username1 = $("#Username1").val();
    var UserMail1 = $("#UserMail1").val();
    var villa1 = $("#villa1").val();
    var br1 = $("#br1").val();
    var Valuation1 = $("#Valuation1").val();
    var Username2 = $("#Username2").val();
    var UserMail2 = $("#UserMail2").val();
    var villa2 = $("#villa2").val();
    var br2 = $("#br2").val();
    var Valuation2 = $("#Valuation2").val();
    var Username3 = $("#Username3").val();
    var UserMail3 = $("#UserMail3").val();
    var villa3 = $("#villa3").val();
    var br3 = $("#br3").val();
    var Valuation3 = $("#Valuation3").val();
    var Username4 = $("#Username4").val();
    var UserMail4 = $("#UserMail4").val();
    var villa4 = $("#villa4").val();
    var br4 = $("#br4").val();
    var Valuation4 = $("#Valuation4").val();
    var Username5 = $("#Username5").val();
    var UserMail5 = $("#UserMail5").val();
    var villa5 = $("#villa5").val();
    var br5 = $("#br5").val();
    var Valuation5 = $("#Valuation5").val();
    var Username6 = $("#Username6").val();
    var UserMail6 = $("#UserMail6").val();
    var villa6 = $("#villa6").val();
    var br6 = $("#br6").val();
    var Valuation6 = $("#Valuation6").val();
    var Username7 = $("#Username7").val();
    var UserMail7 = $("#UserMail7").val();
    var villa7 = $("#villa7").val();
    var br7 = $("#br7").val();
    var Valuation7 = $("#Valuation7").val();
    var Username8 = $("#Username8").val();
    var UserMail8 = $("#UserMail8").val();
    var villa8 = $("#villa8").val();
    var br8 = $("#br8").val();
    var Valuation8 = $("#Valuation8").val();
    var Username9 = $("#Username9").val();
    var UserMail9 = $("#UserMail9").val();
    var villa9 = $("#villa9").val();
    var br9 = $("#br9").val();
    var Valuation9 = $("#Valuation9").val();
    var Username10 = $("#Username10").val();
    var UserMail10 = $("#UserMail10").val();
    var villa10 = $("#villa10").val();
    var br10 = $("#br10").val();
    var Valuation10 = $("#Valuation10").val();
    
    var privateFirstName = $("#firmContactName").val();
    var privateLastName = "vv";
    var privateEmail = $("#firmemail").val();
    var privatePersonNo = $("#firmOrg").val();

    var fieldStringValue = $("firmOrganisation").val();
    
    

    $.getJSON("/Handlers/Eavtal.ashx", { privateFirstName: privateFirstName, privateLastName: privateLastName, privateEmail: privateEmail, privatePersonNo: privatePersonNo,
        fieldStringValue: fieldStringValue}, function (json) {

        if (json.referenceNumber) {
            //json.referenceNumber
        }
        
    });
    
}

function goto(idd) {
    var $tabs = $('#tabs').tabs(); 
    $tabs.tabs('select', idd);
    
}