/*
 * Moving Boxes script by Chris Coyier
 * http://css-tricks.com/moving-boxes/
 */
(function(c){c.movingBoxes=function(d,f){var a=this;a.$el=c(d);a.el=d;a.$el.data("movingBoxes",a);a.init=function(){a.options=c.extend({},c.movingBoxes.defaultOptions,f);var b=a.$el.find(".panelgra");a.options.totalPanels=b.length;a.options.regWidth=b.css("width");a.options.regImgWidth=b.find("img").css("width");a.options.regTitleSize=b.find("h2").css("font-size");a.options.regParSize=b.find("p").css("font-size");b.css({"float":"left",position:"relative"});a.$el.data("currentlyMoving",false);a.$el.find(".scrollContainergra").css("width",
a.$el.find(".panelgra")[0].offsetWidth*a.$el.find(".panelgra").length+150);a.$el.find(".scrollgra").css("overflow","hidden");a.$el.data("currentPanel",-1);a.change(a.options.startPanel);curPanel=a.options.startPanel;a.$el.find(".rightgra").click(function(){a.change(a.$el.data("currentPanel")+1)}).end().find(".leftgra").click(function(){a.change(a.$el.data("currentPanel")-1)});b.click(function(){a.change(b.index(c(this))+1)})};a.returnToNormal=function(b){a.$el.find(".panelgra").not(":eq("+(b-1)+")").animate({width:a.options.regWidth},
a.options.speed).find("img").animate({width:a.options.regImgWidth},a.options.speed).end().find("h2").animate({fontSize:a.options.regTitleSize},a.options.speed).end().find("p").animate({fontSize:a.options.regParSize},a.options.speed)};a.growBigger=function(b){a.$el.find(".panelgra").eq(b-1).animate({width:a.options.curWidth},a.options.speed).find("img").animate({width:a.options.curImgWidth},a.options.speed).end().find("h2").animate({fontSize:a.options.curTitleSize},a.options.speed).end().find("p").animate({fontSize:a.options.curParSize},
a.options.speed)};a.change=function(b){var e=a.$el.find(".panelgra");if(b<1||a.$el.data("currentPanel")==b||b>e.length)return false;if(!a.$el.data("currentlyMoving")){a.$el.data("currentPanel",b);a.$el.data("currentlyMoving",true);e=a.$el.find(".scrollgra").innerWidth()/2-e.eq(b-1).outerWidth()/2-a.options.movingDistance*(b-1);a.$el.find(".scrollContainergra").stop().animate({left:e},a.options.speed,function(){a.$el.data("currentlyMoving",false)});a.returnToNormal(b);a.growBigger(b)}};a.currentPanel=function(b){typeof b!==
"undefined"&&a.change(parseInt(b,10));return a.$el.data("currentPanel")};a.init()};c.movingBoxes.defaultOptions={startPanel:1,movingDistance:300,curWidth:350,curImgWidth:326,curTitleSize:"20px",curParSize:"15px",speed:500};c.fn.movingBoxes=function(d){return this.each(function(){new c.movingBoxes(this,d)})};c.fn.getmovingBoxes=function(){this.data("movingBoxes")}})(jQuery);


 $(function(){
   $('.slidergra').movingBoxes({ startPanel: 3 });
   
   // Example of how to move the panel from outside the plugin, only works on first on called.
   // $('.slider').data('movingBoxes').currentPanel(1); // 1 = move to first panel, blank = return current panel

  })