// MAVEN CREATIVE

$(document).ready(function () {
 
  ////////// size changer
	
			var contentPane = document.getElementById("size1").offsetHeight;
			var contentSize = '#flowpanes {height:' + contentPane + '}';
			var sizePlease = "#flowpanes {height:" + contentPane+"px" + "};";
			$(".script").html("<style>" + sizePlease +"</style>");
			
		
	////////// end size changer
 
 
 // select #flowplanes and make it scrollable. use circular and navigator plugins 
    $("#flowpanes").scrollable({size: 1, clickable: false, keyboard: false}).navigator({ 
 		
        // select #flowtabs to be used as navigator 
        navi: "#flowtabs", 
 
        // select A tags inside the navigator to work as items (not direct children) 
        naviItem: 'a', 
 
        // assign "current" class name for the active A tag inside navigator 
        activeClass: 'current'
    }); 
	
	////////// size changer
	$("#t1").click(function(){
			var contentPane = document.getElementById("size1").offsetHeight;
			var contentSize = '#flowpanes {height:' + contentPane + '}';
			var sizePlease = "#flowpanes {height:" + contentPane+"px" + "};";
			//$("#flowpanes").animate({opacity: 0}, 100, fadeNewIn);
			$(".script").html("<style>" + sizePlease +"</style>");
			
	});
	$("#t2").click(function(){
			var contentPane = document.getElementById("size2").offsetHeight;
			var contentSize = '#flowpanes {height:' + contentPane + '}';
			var sizePlease = "#flowpanes {height:" + contentPane+"px" + "};";
			//$("#flowpanes").animate({opacity: 0}, 100, fadeNewIn);
			$(".script").html("<style>" + sizePlease +"</style>");
	});
	$("#t3").click(function(){
			var contentPane = document.getElementById("size3").offsetHeight;
			var contentSize = '#flowpanes {height:' + contentPane + '}';
			var sizePlease = "#flowpanes {height:" + contentPane+"px" + "};";
			//$("#flowpanes").animate({opacity: 0}, 100, fadeNewIn);
			$(".script").html("<style>" + sizePlease +"</style>");
			//$("#flowpanes").animate({height:"200px"},400);
	});
	function fadeNewIn()
			{	
			//$("#flowpanes").css({margin-left: -936px;});
			$("#flowpanes").animate({opacity: 1}, 100);
			}
	////////// end size changer
	
	
/////////////BLOG CHANGER
	 // select #flowplanes and make it scrollable. use circular and navigator plugins 
    $("#changer").scrollable({size: 1, clickable: false, keyboard: false}).circular().autoscroll(8000).navigator({ 
 		
        // select #flowtabs to be used as navigator 
        navi: ".grTitle", 
 
        // select A tags inside the navigator to work as items (not direct children) 
        naviItem: 'a', 
 
        // assign "current" class name for the active A tag inside navigator 
        activeClass: 'current'
    }); 
	
	
	
	
});