function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


function toggleTab(tab) {
	var numTabs = 4;
	for (i=1; i<=numTabs; i++) {
		document.getElementById("tab" + i).className = '';
		document.getElementById("tab" + i + "content").style.display = 'none';
	}
	
	document.getElementById(tab).className = "sel";
	document.getElementById(tab + "content").style.display = 'block';
}
function CheckSubmit(evt,buttonName) 
{	
	var keyc = (typeof evt != 'undefined') ? evt.which : event.keyCode;
	if(typeof keyc == 'undefined') { keyc = event.keyCode; }
	if (keyc == 13)
	{ 
		document.getElementById(buttonName).focus();
		document.getElementById(buttonName).click();
	}
}

/** 
*/
var iTouchPadSlider = function() {
    var initialPosition = null;
    var previousPosition = {};
    var direction = "";
    var width = parseInt($(".content-box:first").width(), 10);
    var thirdWidth = 1; //parseInt(width / 3, 10);
    var mouseToPoint = 1;

    return {
        init: function() {
            //this.panalIndicators(0);
        },
        moveInfo: function(e) {
            var $this = $(this);

            //Correct position in current box
            var position = e.pageX; // -$("#wrapper").offset().left;

            //Set our initial position, mouse movement now relates to this point
            if (initialPosition === null) { initialPosition = { left: position }; }

            //Relative mouse point
            //var mouseToPoint = initialPosition.left - position;

            //Check what direction mouse moved
            if (position > previousPosition.left) {
                direction = "right";

                if ($(".content-box:first").offset().left < $("#wrapper").offset().left) {
                    mouseToPoint -= 6;
                    $this.css({
                        marginLeft: -mouseToPoint
                    });
                }
            } else if (position < previousPosition.left) {
                direction = "left";

                mouseToPoint += 6;
                $this.css({
                    marginLeft: -mouseToPoint
                });
            }
            previousPosition = { left: position };

            //Move the current container to point
            //$this.css({
            //    marginLeft: -mouseToPoint
            //});

        },
        panelAnimate: function($this) {
            //Grab margin the panel was pulled too
            var margin = parseInt($this.css("marginLeft"), 10);

            //Look see if there is a previous / next element
            var $next = $this.next();
            var $prev = $this.prev();

            //Index used in indicators
            var index = $this.index();

            //User pulled left
            if (direction === "left") {
                //We have a next element to show
                if ($next.length && margin < -thirdWidth) {
                    $this.animate({
                        marginLeft: -width
                    }, 2550, "easeOutSine");
                    //Animated, now change indicator
                    //this.panalIndicators(index + 1);
                } else {
                    //Spring back
                    $this.animate({
                        marginLeft: 0
                    }, 2550, "easeOutSine");
                }
            }

            //User pulled right
            if (direction === "right") {
                //We have a previous element to show
                if ($prev.length && margin > thirdWidth) {
                    $prev.animate({
                        marginLeft: 0
                    }, 2550, "easeOutSine", function() {
                        $this.css({
                            marginLeft: 0
                        });
                    });
                    //Animated, now change indicator
                    //this.panalIndicators(index - 1);
                } else {
                    //Spring back
                    $this.animate({
                        marginLeft: 0
                    }, 2550, "easeOutSine");
                }
            }
        },
        panalIndicators: function(index) {
            //Create our panal indicators
            if (!$("#panelIndicator").length) {
                var indHTML = "<ol id='panelIndicator'>";
                $(".content-box", document.getElementById("fake")).each(function() {
                    indHTML += "<li>&bull;</li>";
                });
                indHTML += "</ol>";
                //Modify before hitting the DOM
                var $modified = $(indHTML).find("li:first").addClass("active").end();

                //Append to the wrapper
                $("#wrapper").append($modified);
            }
            //Remove active
            $("#panelIndicator").find("li").removeClass("active").end().find("li:eq(" + index + ")").addClass("active");
        },
        resetVars: function() {
            initialPosition = null;
        }
    };
} ();