function ResizePageContentHeight(page)
{
	var $page = $(page);
	var $content = $page.children(".ui-content");
	var hh = $page.children(".ui-header").outerHeight(); hh = hh ? hh : 0;
	var fh = $page.children(".ui-footer").outerHeight(); fh = fh ? fh : 0;
	var pt = parseFloat($content.css("padding-top"));
	var pb = parseFloat($content.css("padding-bottom"));
	var wh = window.innerHeight;
	$content.height(wh - (hh + fh) - (pt + pb));
	var result = wh - (hh + fh) - (pt + pb);
}

function resetScroll(object)
{	//add
	var $page = object;

	// For the demos that use this script, we want the content area of each
	// page to be scrollable in the 'y' direction.

	$page.find(".ui-content").attr("data-scroll", "y");

	// This code that looks for [data-scroll] will eventually be folded
	// into the jqm page processing code when scrollview support is "official"
	// instead of "experimental".

	$page.find("[data-scroll]:not(.ui-scrollview-clip)").each(function(){
	
		var $this = $(this);
		// XXX: Remove this check for ui-scrolllistview once we've
		//      integrated list divider support into the main scrollview class.
		if ($this.hasClass("ui-scrolllistview"))
		{
			$this.scrolllistview();
		}
		else
		{
			var st = $this.data("scroll") + "";
			var paging = st && st.search(/^[xy]p$/) != -1;
			var dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null;

			var opts = {};
			if (dir)
				opts.direction = dir;
			if (paging)
				opts.pagingEnabled = true;

			var method = $this.data("scroll-method");
			if (method)
				opts.scrollMethod = method;
			var bscrollbar = $this.data("scroll-bar") + "";
			var showscrollbar = bscrollbar && bscrollbar.search("none") != -1;
			if(showscrollbar)
				opts.showScrollBars = false;
			
			var scrollpagebar = $this.data("scroll-pagebar") ;
			if(scrollpagebar)
			{
				opts.showPageBar = true;
			}
			
			var pagecount = $this.attr("pagecount");
			if (pagecount)
			{
				opts.totalPageCount = pagecount;
			}
		  
			
			$this.scrollview(opts);
		}
	});
}


$("[data-role=page]").live("pageshow", function(event) {
	var $page = $(this);

	// For the demos that use this script, we want the content area of each
	// page to be scrollable in the 'y' direction.

	$page.find(".ui-content").attr("data-scroll", "y");

	// This code that looks for [data-scroll] will eventually be folded
	// into the jqm page processing code when scrollview support is "official"
	// instead of "experimental".

	$page.find("[data-scroll]:not(.ui-scrollview-clip)").each(function(){
		var $this = $(this);
		// XXX: Remove this check for ui-scrolllistview once we've
		//      integrated list divider support into the main scrollview class.
		if ($this.hasClass("ui-scrolllistview"))
		{
			$this.scrolllistview();
		}
		else
		{
			var st = $this.data("scroll") + "";
			var paging = st && st.search(/^[xy]p$/) != -1;
			var dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null;

			var opts = {};
			if (dir)
				opts.direction = dir;
			if (paging)
				opts.pagingEnabled = true;

			var method = $this.data("scroll-method");
			if (method)
				opts.scrollMethod = method;
			var bscrollbar = $this.data("scroll-bar") + "";
			var showscrollbar = bscrollbar && bscrollbar.search("none") != -1;
			if(showscrollbar)
				opts.showScrollBars = false;
			
			var scrollpagebar = $this.data("scroll-pagebar") ;
			if(scrollpagebar)
			{
				opts.showPageBar = true;
			}
		
			var showtype = $this.data("scroll-type");
			if(showtype)
			{
				$("#movietyperight").show();
				$("#movietypeleft").hide();
				$("#movietypeleftnoneright").hide();
				$("#movietypeleftnoneleft").show(); 
				opts.showtypetriangle = true;
			}
			
			var showarea = $this.data("scroll-area");
			if(showarea)
			{
				$("#moviearearight").show();
				$("#moviearealeft").hide();
				$("#moviearealeftnoneright").hide();
				$("#moviearealeftnoneleft").show(); 
				opts.showareatriangle = true;
			}
			
			$this.scrollview(opts);
		}
	});

	// For the demos, we want to make sure the page being shown has a content
	// area that is sized to fit completely within the viewport. This should
	// also handle the case where pages are loaded dynamically.

	ResizePageContentHeight(event.target);
});

$(document).live("orientationchange", function(event) {
	ResizePageContentHeight($(".ui-page"));
});