$(document).ready(function () {
	
    $(window).load(function () {
        $("#header").show("slide", { direction: "up" }, 1000, function () {
            $("#wrapper").fadeIn(100);
        });
        $("#footer").show("slide", { direction: "down" }, 1000);

    });
    //    $("#header").show();
    //    $("#wrapper").show();
    //    $("#footer").show();

    $("#Area-Sofa1, #Area-Sofa2, #Area-Sofa3").hover(
            function () {
                $("#sofa" + this.id.substring(9, 10) + "-bubble").animate({ width: ['show', 'swing'], height: ['show', 'swing'], opacity: 'show' }, 300, 'linear');
            });
    $("#Area-Sofa1, #Area-Sofa2, #Area-Sofa3").hover(
	        function () {
	            SofaHoverShow(this.id.substring(9, 10));
	        },
	        function () {
	            SofaHoverHide(this.id.substring(9, 10));
	        });


    function SofaHoverShow(sofaNum) {
        switch (sofaNum) {
            case "1":
                $("#sofa" + sofaNum + " img").attr('style', 'cursor:pointer');
                $("#sofa" + sofaNum + " img").attr('src', '/skins/MozaicSolutions/images/sofa' + sofaNum + 'a-hover.png');
                break;
            case "2":
                $("#sofa3-text").show();
                $("#sofa2 img").attr('style', 'cursor:pointer;');
                $("#sofa2 img").attr('src', '/skins/MozaicSolutions/images/sofa' + sofaNum + '-hover.png');
                break;
            case "3":
                $("#sofa2-text").show();
                $("#sofa2 img").attr('style', 'cursor:pointer');
                $("#sofa2 img").attr('src', '/skins/MozaicSolutions/images/sofa' + sofaNum + '-hover.png');
                break;
        }
    }

    function SofaHoverHide(sofaNum) {
        switch (sofaNum) {
            case "1":
                $("#sofa" + sofaNum + "-bubble").animate({ width: ['hide', 'swing'], height: ['hide', 'swing'], opacity: 'hide' }, 200, 'linear');
                $("#sofa" + sofaNum + " img").attr('style', 'cursor:inherit');
                $("#sofa" + sofaNum + " img").attr('src', '/skins/MozaicSolutions/images/sofa1a-blank.png');
                break;
            case "2":
                $("#sofa3-text").hide();
                $("#sofa" + sofaNum + "-bubble").animate({ width: ['hide', 'swing'], height: ['hide', 'swing'], opacity: 'hide' }, 200, 'linear');
                $("#sofa2 img").attr('style', 'cursor:inherit');
                $("#sofa2 img").attr('src', '/skins/MozaicSolutions/images/2sofas-blank.png');

                break;
            case "3":
                $("#sofa2-text").hide();
                $("#sofa" + sofaNum + "-bubble").animate({ width: ['hide', 'swing'], height: ['hide', 'swing'], opacity: 'hide' }, 200, 'linear');
                $("#sofa2 img").attr('style', 'cursor:inherit');
                $("#sofa2 img").attr('src', '/skins/MozaicSolutions/images/2sofas-blank.png');

                break;
            default:
                //$('#test-pos1').html($('#test-pos1').html() + " - DEFAULT");
                break;
        }
    }

    /****************** Menu loading ********************/
    //    $('#test-json').click(function () {
    //        $.getJSON("/Home/GetStateList", null, function (data) {
    //            $("#stateList").fillSelect(data);
    //        });
    //    });

});

var requestVar;

function ShowContent(thisLink, title1, NavigateUrl, parentId, pageId) {
    //alert(parentId);
    //var pageId1 = NavigateUrl.substring(NavigateUrl.length - 2, NavigateUrl.length - 1);
    var title2 = "";
    if (title1.toLowerCase() == "home") {
        title2 = title1;
    } else {
        if(NavigateUrl.lastIndexOf("-" != -1))
            title2 = NavigateUrl.substring(1, NavigateUrl.lastIndexOf("-"));
        else
            title2 = NavigateUrl;
        //title2 = NavigateUrl.substring(1, NavigateUrl.length - 3);
    }
    if (requestVar != null) {requestVar.abort(); }
    //alert();
    requestVar = $.ajax({
        url: "/Home/GetContent",
        type: "POST",
        data: { "pageId": pageId, "name": title2, "parentIdstr" : parentId },
        traditional: true,
        success: function (data) {
            if (data.success != null) {
                //reset selected
                $("ul#mainlevel-nav li a").each(function () { $(this).removeClass('selected'); });
                $(thisLink).addClass('selected');
                if (data.name == "home") {
                    $("#content").hide("slide", { direction: "left" }, 600, function () { $("#content-home").show(); });
                } else {


                    if ($("#content-home").is(':hidden')) {
                        $("#content").hide("slide", { direction: "left" }, 600, function () {
                            $("#leftcolumn").html(data.leftMenu);
                            $("#page-content-text").html(data.content);
                            $("#page-title-text").html(data.pageTitle);
                        });
                    } else {
                        $("#leftcolumn").html(data.leftMenu);
                        $("#page-content-text").html(data.content);
                        $("#page-title-text").html(data.pageTitle);
                    }
					
					
                    $("#content").show("slide", { direction: "left" }, 600);
                    $("#content-home").hide();
                    $(".scroll-pane").jScrollPane();
                }
            } else {
                alert('error!');
            }
        }
    });
}








//$(document).ready(function () {

//    $(window).load(function () {
//        $("#header").show("slide", { direction: "up" }, 1000, function () {
//            $("#wrapper").fadeIn(100);
//            //            $("#sofa1-text").fadeIn(800);
//            //            $("#sofa2-text").fadeIn(800);
//            //            $("#sofa3-text").fadeIn(800);
//        });
//        $("#footer").show("slide", { direction: "down" }, 1000);

//    });
//    var mouseOverText1 = false;
//    var mouseOverText2 = false;
//    var mouseOverText3 = false;

//    // $('#test-pos1').html($('#test-pos1').html() + "<br/> mouseEnterText - TRUE");

//    $("#sofa1-text, #sofa2-text, #sofa3-text").hover(
//				function () {
//				    if (this.id.substring(4, 5) == "1") mouseOverText1 = true;
//				    if (this.id.substring(4, 5) == "2") mouseOverText2 = true;
//				    if (this.id.substring(4, 5) == "3") mouseOverText3 = true;
//				    $(this).attr('style', 'cursor:pointer;');
//				    $("#Area-Sofa" + this.id.substring(4, 5)).mouseenter();
//				},
//				function () {
//				    if (this.id.substring(4, 5) == "1") mouseOverText1 = false;
//				    if (this.id.substring(4, 5) == "2") mouseOverText2 = false;
//				    if (this.id.substring(4, 5) == "3") mouseOverText3 = false;
//				});

//    $("#sofa1-text, #sofa2-text, #sofa3-text").click(
//            function () {
//                $("#sofa" + this.id.substring(4, 5) + "-bubble").animate({ width: ['show', 'swing'], height: ['show', 'swing'], opacity: 'show' }, 300, 'linear');
//            });
//    $("#Area-Sofa1, #Area-Sofa2, #Area-Sofa3").click(
//            function () {
//                $("#sofa" + this.id.substring(9, 10) + "-bubble").animate({ width: ['show', 'swing'], height: ['show', 'swing'], opacity: 'show' }, 300, 'linear');
//            });
//    $("#Area-Sofa1, #Area-Sofa2, #Area-Sofa3").hover(
//	        function () {
//	            SofaHoverShow(this.id.substring(9, 10));
//	        },
//	        function () {
//	            SofaHoverHide(this.id.substring(9, 10));
//	        });


//    function SofaHoverShow(sofaNum) {
//        switch (sofaNum) {
//            case "1":
//                $("#sofa" + sofaNum + "-text").addClass('sofa' + sofaNum + '-text-hover');
//                //                $("#sofa" + sofaNum + "-bubble").animate({ width: ['show', 'swing'], height: ['show', 'swing'], opacity: 'show' }, 300, 'linear');
//                $("#sofa" + sofaNum + " img").attr('style', 'cursor:pointer');
//                $("#sofa" + sofaNum + " img").attr('src', '/skins/MozaicSolutions/images/sofa' + sofaNum + 'a-hover.png');
//                break;
//            case "2":
//                $("#sofa" + sofaNum + "-text").addClass('sofa' + sofaNum + '-text-hover');
//                //                $("#sofa" + sofaNum + "-bubble").animate({ width: ['show', 'swing'], height: ['show', 'swing'], opacity: 'show' }, 300, 'linear');
//                $("#sofa2 img").attr('style', 'cursor:pointer');
//                $("#sofa2 img").attr('src', '/skins/MozaicSolutions/images/sofa' + sofaNum + '-hover.png');
//                break;
//            case "3":
//                $("#sofa" + sofaNum + "-text").addClass('sofa' + sofaNum + '-text-hover');
//                //                $("#sofa" + sofaNum + "-bubble").animate({ width: ['show', 'swing'], height: ['show', 'swing'], opacity: 'show' }, 300, 'linear');
//                $("#sofa2 img").attr('style', 'cursor:pointer');
//                $("#sofa2 img").attr('src', '/skins/MozaicSolutions/images/sofa' + sofaNum + '-hover.png');
//                break;
//        }
//    }

//    function SofaHoverHide(sofaNum) {
//        switch (sofaNum) {
//            case "1":
//                if (mouseOverText1 == false) {
//                    $("#sofa" + sofaNum + "-text").removeClass('sofa' + sofaNum + '-text-hover');
//                    $("#sofa" + sofaNum + "-bubble").animate({ width: ['hide', 'swing'], height: ['hide', 'swing'], opacity: 'hide' }, 200, 'linear');
//                    $("#sofa" + sofaNum + " img").attr('style', 'cursor:inherit');
//                    $("#sofa" + sofaNum + " img").attr('src', '/skins/MozaicSolutions/images/sofa1a-blank.png');
//                }
//                break;
//            case "2":
//                if (mouseOverText2 == false) {
//                    $("#sofa" + sofaNum + "-text").removeClass('sofa' + sofaNum + '-text-hover');
//                    $("#sofa" + sofaNum + "-bubble").animate({ width: ['hide', 'swing'], height: ['hide', 'swing'], opacity: 'hide' }, 200, 'linear');
//                    $("#sofa2 img").attr('style', 'cursor:inherit');
//                    $("#sofa2 img").attr('src', '/skins/MozaicSolutions/images/2sofas-blank.png');
//                }
//                break;
//            case "3":
//                if (mouseOverText3 == false) {
//                    $("#sofa" + sofaNum + "-text").removeClass('sofa' + sofaNum + '-text-hover');
//                    $("#sofa" + sofaNum + "-bubble").animate({ width: ['hide', 'swing'], height: ['hide', 'swing'], opacity: 'hide' }, 200, 'linear');
//                    $("#sofa2 img").attr('style', 'cursor:inherit');
//                    $("#sofa2 img").attr('src', '/skins/MozaicSolutions/images/2sofas-blank.png');
//                }
//                break;
//            default:
//                $('#test-pos1').html($('#test-pos1').html() + " - DEFAULT");
//                break;
//        }
//    }

//    /****************** Menu loading ********************/
//    //    $('#test-json').click(function () {
//    //        $.getJSON("/Home/GetStateList", null, function (data) {
//    //            $("#stateList").fillSelect(data);
//    //        });
//    //    });

//});

//function ShowContent(thisLink, title1, NavigateUrl, parentId, pageId) {
//    //alert(parentId);
//    //var pageId1 = NavigateUrl.substring(NavigateUrl.length - 2, NavigateUrl.length - 1);
//    var title2 = "";
//    if (title1.toLowerCase() == "home") {
//        title2 = title1;
//    } else {
//        if (NavigateUrl.lastIndexOf("-" != -1))
//            title2 = NavigateUrl.substring(1, NavigateUrl.lastIndexOf("-"));
//        else
//            title2 = NavigateUrl;
//        //title2 = NavigateUrl.substring(1, NavigateUrl.length - 3);
//    }
//    //alert();
//    $.ajax({
//        url: "/Home/GetContent",
//        type: "POST",
//        data: { "pageId": pageId, "name": title2, "parentIdstr": parentId },
//        traditional: true,
//        success: function (data) {
//            if (data.success != null) {
//                //reset selected
//                $("ul#mainlevel-nav li a").each(function () { $(this).removeClass('selected'); });
//                $(thisLink).addClass('selected');
//                if (data.name == "home") {
//                    $("#content").hide("slide", { direction: "left" }, 600, function () { $("#content-home").show(); });
//                } else {


//                    if ($("#content-home").is(':hidden')) {
//                        $("#content").hide("slide", { direction: "left" }, 600, function () {
//                            $("#leftcolumn").html(data.leftMenu);
//                            $("#page-content-text").html(data.content);
//                            $("#page-title-text").html(data.pageTitle);
//                        });
//                    } else {
//                        $("#leftcolumn").html(data.leftMenu);
//                        $("#page-content-text").html(data.content);
//                        $("#page-title-text").html(data.pageTitle);
//                    }

//                    $("#content").show("slide", { direction: "left" }, 600);
//                    $("#content-home").hide();
//                }
//            } else {
//                alert('error!');
//            }
//        }
//    });
//}