var positionScroll = 0;
var positionScroll2 = 0;
var positionDiff = 30;

var content = $("#mainContent");
var secObj = new Array("about", "treatment", "qna", "articles", "links", "contact");

function isIE6() { // Private method
  return navigator.userAgent.indexOf("MSIE 6") > -1 && navigator.userAgent.indexOf("Opera") == -1;
}
$(document).ready(function() {
	if(isIE6()){
		$("#menu").css({left: '20px'});
	}
    $("#topButton_goTop").click(function() {
    positionScroll += Number(-1 * positionDiff);
    positionScroll2 += Number(-1 * positionDiff);
        $("#pane2")[0].scrollTo(Number(positionScroll - positionDiff));
        $("#pane1")[0].scrollTo(Number(positionScroll - positionDiff));
    });
    $("#bottomButton_goBottom").click(function() {
        positionScroll += positionDiff;
        positionScroll2 += positionDiff;
        $("#pane2")[0].scrollTo(Number(positionScroll));
        $("#pane1")[0].scrollTo(Number(positionScroll));
    });
    $('#homepic').fadeIn(2000);
    preload();
    function preload() {

        var pages;
        var appPage;
        for (var i = 0; i < secObj.length; i++) {
            pages = secObj[i] + "_content class=section"
            appPage = '<span id=' + pages + '></span>';
            content.append(appPage);
            $('#' + secObj[i] + "_content").load("sections/" + secObj[i] + ".htm");
            var n = new Image();
            n.id = secObj[i] + "pic";
            n.src = "images/secImgs/" + secObj[i] + "Pic.jpg";
            $('#left').append(n);
            $('#' + secObj[i] + "pic").attr('class', 'leftPic');
        }

    }


    ////*****************************Menu Click Event**********************************
    var lastobj;
    var sec = $("#menu div");
    sec.click(function() {

        $('#bullet').css('top', $(this).css('top'))
        if (this.id == "home") {
            if (navigator.appName != "Microsoft Internet Explorer") {
                $('#middle').css('visibility', 'hidden');
            }
            else {
                $('#menu').css('background-image', '');
            }
        }

        else {

            if (navigator.appName != "Microsoft Internet Explorer") {
                $('#middle').css('visibility', 'visible');
            }
            else {
                $('#menu').css('background-image', 'url(images/layoutImgs/middleBG.jpg)');
				
            }
            

        }
        if (this.id == "qna" || this.id == "treatment") { $('#scroll').css('visibility', 'visible') } else { $('#scroll').css('visibility', 'hidden') }

        switchContent(this);
        switchImg(this);
    })
    function switchContent(obj) {
        $('#mainContent span.section').css('visibility', 'hidden');
        $('#' + obj.id + "_content").css('visibility', 'visible');
    }
    function switchImg(obj) {
        $('.leftPic').hide()
        $('#' + obj.id + "pic").fadeIn(2000);
    }
    lastobj = this.id;
})

