jQuery(function(){
	jQuery("div.csw").prepend("<p class='loading'>Loading...<br /><img src='http://media.webamorphosis.com/webamorphosis/graphic/ajax-loader.gif' alt='loading...'/ ></p>")
});
	
var j=0;
jQuery.fn.codaSlider=function(settings){
	settings=jQuery.extend({easeFunc:"expoinout",easeTime:750,toolTip:false},settings);
	return this.each(function(){
		var container=jQuery(this);
		container.find("p.loading").remove();
		container.removeClass("csw").addClass("stripViewer");
		var panelWidth=container.find("div.panel").width();
		var panelCount=container.find("div.panel").size();
		var stripViewerWidth=panelWidth*panelCount;
		
		container.find("div.panelContainer").css("width",stripViewerWidth);
		var navWidth=panelCount*2;
		
		if(location.hash&&parseInt(location.hash.slice(1))<=panelCount) {
			var cPanel=parseInt(location.hash.slice(1));
			var cnt=-(panelWidth*(cPanel-1));
			
      /*
        if (jQuery.browser.msie) {
          var ht = jQuery(this).find("div.panelContainer")[0].childNodes[cPanel-1].clientHeight;
        } else {
          var ht = jQuery(this).find("div.panelContainer")[0].childNodes[cPanel*2-1].childNodes[1].clientHeight;
        }
        */
        var ht = jQuery("div.panel[title='" + cPanel + "']").height();
        
			if (ht < 400) {
				ht = 400;
			}
			jQuery(this).animate({height:ht},settings.easeTime,settings.easeFunc).find("div.panelContainer").css({left:cnt});
		}
		else {
			var cPanel=1;
      // Webywood change
      /*
		if (jQuery.browser.msie) {
			var ht = jQuery(this).find("div.panelContainer")[0].clientHeight;
		} else {
			var ht = jQuery(this).find("div.panelContainer")[0].childNodes[cPanel*2-1].childNodes[1].clientHeight;
		}*/
		var ht = jQuery("div.panel[title='" + cPanel + "']").height(); 
      
			if (ht < 400) {
				ht = 400;
			}
			jQuery(this).animate({height:ht},settings.easeTime,settings.easeFunc);
		};
		container.each(function(i){
			jQuery(this).before("<div class='stripNavL' id='stripNavL"+j+"'><a href='#'>Left</a><\/div>");
			//jQuery("div#stripNavL" + j +" a").css("paddingTop",ht);
			jQuery(this).after("<div class='stripNavR' id='stripNavR"+j+"'><a href='#'>Right</a><\/div>");
			//jQuery("div#stripNavR" + j +" a").css("paddingTop", ht);
			jQuery(this).before("<div class='stripNav' id='stripNav"+j+"'><ul><\/ul><\/div>");
			jQuery(this).find("div.panel").each(function(n){
				jQuery("div#stripNav"+j+" ul").append("<li class='tab"+(n+1)+"'><a href='#"+(n+1)+"'>"+jQuery(this).attr("title")+"<\/a><\/li>");
			});
			jQuery("div#stripNav"+j+" a").each(function(z){
				navWidth+=jQuery(this).parent().width();
				jQuery(this).bind("click",function(){
					jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current");
					var cnt=-(panelWidth*z);
					cPanel=z+1;
          // Webywood change
          /*
          		if (jQuery.browser.msie) {
          			//my change
          			// old: var ht = jQuery(this).parent().parent().parent().next().find("div.panelContainer")[0].clientHeight;
					var ht = jQuery(this).parent().parent().parent().next().find("div.panelContainer")[0].childNodes[cPanel-1].clientHeight;

          		} else {
					var ht = jQuery(this).parent().parent().parent().next().find("div.panelContainer")[0].childNodes[cPanel*2-1].childNodes[1].clientHeight;
				}*/
					var ht = jQuery("div.panel[title='" + cPanel + "']").height();
					if (ht < 400) {
						ht = 400;
					}
					jQuery(this).parent().parent().parent().next().find("div.panelContainer").animate({left:cnt},settings.easeTime,settings.easeFunc).parent().animate({height:ht},settings.easeTime,settings.easeFunc);
				})
			});
			jQuery("div#stripNavL"+j+" a").click(function(){
				if(cPanel==1){
					var cnt=-(panelWidth*(panelCount-1));
					cPanel=panelCount;
					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("li:last a").addClass("current");
				}
				else{
					cPanel-=1;
					var cnt=-(panelWidth*(cPanel-1));
					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().prev().find("a").addClass("current");
				};
        // Webywood change
        /*
        if (jQuery.browser.msie) {
          var ht = jQuery(this).parent().parent().find("div.panelContainer")[0].childNodes[cPanel - 1].clientHeight;
        } else {
          var ht=jQuery(this).parent().parent().find("div.panelContainer")[0].childNodes[cPanel*2 - 1].childNodes[1].clientHeight;
        }*/
				var ht = jQuery("div.panel[title='" + cPanel + "']").height();
				if (ht < 400) {
					ht = 400;
				}
				//jQuery(this).animate({paddingTop:ht}, settings.easeTime,settings.easeFunc).parent().parent().find("div.stripNavR").animate({paddingTop:ht}, settings.easeTime,settings.easeFunc);
				jQuery(this).parent().parent().find("div.panelContainer").animate({left:cnt},settings.easeTime,settings.easeFunc).parent().animate({height:ht},settings.easeTime,settings.easeFunc);
				location.hash=cPanel;
				return false
			});
			jQuery("div#stripNavR"+j+" a").click(function(){
				if(cPanel==panelCount){
					var cnt=0;
					cPanel=1;
					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("a:eq(0)").addClass("current");
				}
				else{
					var cnt=-(panelWidth*cPanel);
					cPanel+=1;
					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().next().find("a").addClass("current");
				};
        // Webywood change
        /*
        if (jQuery.browser.msie) {
          var ht = jQuery(this).parent().parent().find("div.panelContainer")[0].childNodes[cPanel - 1].clientHeight;
        } else {
          var ht=jQuery(this).parent().parent().find("div.panelContainer")[0].childNodes[cPanel*2 - 1].childNodes[1].clientHeight;
        }*/
				var ht = jQuery("div.panel[title='" + cPanel + "']").height();
				if (ht < 400) {
					ht = 400;
				}
				//jQuery(this).animate({paddingTop:ht}, settings.easeTime,settings.easeFunc);
				//jQuery(this).parent().parent().find("div.stripNavL").animate({paddingTop:ht}, settings.easeTime,settings.easeFunc);
				jQuery(this).parent().parent().find("div.panelContainer").animate({left:cnt},settings.easeTime,settings.easeFunc).parent().animate({height:ht},settings.easeTime,settings.easeFunc);
				location.hash=cPanel;
				return false
			});
			jQuery("a.cross-link").click(function(){
				jQuery(this).parents().find(".stripNav ul li a:eq("+(parseInt(jQuery(this).attr("href").slice(1))-1)+")").trigger('click')
			});
			jQuery("div#stripNav"+j).css("width",navWidth);
			if(location.hash&&parseInt(location.hash.slice(1))<=panelCount){
				jQuery("div#stripNav"+j+" a:eq("+(location.hash.slice(1)-1)+")").addClass("current")}
			else{
				jQuery("div#stripNav"+j+" a:eq(0)").addClass("current")
			}
		});
		j++
	}
)};