$(document).ready(function(){
	initColorBox("a[rel^='colorBox']");
	jQuery(".tabbed").tabs();
});

function initColorBox(sel) {
	$(sel).colorbox({transition:"elastic"});
}

jQuery(window).bind("load", function() { 
    jQuery("div.svw").slideView({
    	timeout: 7500
    });
});

// slideViewer Stuff
jQuery(function(){
   $("div.svw").prepend("<img src='/wp-content/themes/allspeeds2/images/loading.gif' width='32' height='32' class='ldrgif' alt='loading...'/ >"); 
});	

// start slideView
jQuery.fn.slideView = function(settings) {
	settings = $.extend({
		easeFunc: "easeInOutExpo",
		easeTime: 750,
		timeout: 0
	}, settings);
	
	var j = 0;
	return this.each(function(){	
		var container = $(this);
		var container_id = container.attr("id");
		
		container.find("img.ldrgif").remove();					// remove loading
		container.removeClass("svw").addClass("stripViewer");	// change class from loader to presentation	
				
		var pictWidth = container.find("li").find("img").width();
		var pictHeight = container.find("li").find("img").height();
		var pictEls = container.find("li").size();
		var stripViewerWidth = pictWidth*pictEls;
		
		container.find("ul").css("width" , stripViewerWidth);	
		container.css("width" , pictWidth);
		container.css("height" , pictHeight);
		
		container.each(function(i) {
			$(this).append("<div class=\"stripTransmitter\" id=\"stripTransmitter" + j + "\"><ul><\/ul><\/div>");

			$(this).find("li").each(function(n){
				$("div#stripTransmitter" + j + " ul").append("<li><a title='" + $(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"<\/a><\/li>");	
			});
			
			$("div#stripTransmitter" + j + " a").each(function(z){
				var cnt = - (pictWidth*z);	
/*				setTimeout(function(){
					console.log("slide");
					$(this).parent().parent().parent().parent().find("ul:first").animate({left: cnt}, settings.easeTime, settings.easeFunc);
				}, settings.timeout);*/
				$(this).bind("click", function(){
					$(this).addClass("current").parent().parent().find("a").not($(this)).removeClass("current");									
					$(this).parent().parent().parent().parent().find("ul:first").animate({left: cnt}, settings.easeTime, settings.easeFunc);                    
					
                    /*var video_link = container.find("a#"+container_id+"_video");
					if($(img).length && $(img).hasClass("video")) {
						console.log(video_link);
						$("a#video_" + transmitter_id).remove();
                        $(transmitter).prepend(video_link);
                        container.find(transmitter+" a#"+video_link).removeClass("hidden").addClass("television icon").removeAttr("id").attr("id","video_"+transmitter_id);                  
                        initPrettyPhoto('a#video_'+transmitter_id);                        
					} else {
						$("a#video_"+transmitter_id).remove();
					}*/
                    
                    var transmitter = $(this).parent().parent().parent();
                    var transmitter_id = $(transmitter).attr("id");           
                    var img = container.find("li:eq("+z+")").find("img");
                    if($(img).length && $(img).hasClass("expand") || $(img).length && $(img).hasClass("flash")) {
                        var alt = $(img).attr("alt");
                        var src = $(img).attr("src");
                        
                        if($(img).length && $(img).hasClass("expand")) {
	                        src =  src.replace(/.jpg/i, "_lg.jpg");
		                } else if($(img).length && $(img).hasClass("flash")) {        	
			                src =  $(img).attr("longdesc");
		                }                       
                        $("a#galleryzoom_"+transmitter_id).remove(); // remove link (if one is present)
                        $(transmitter).prepend("<a href='" + src + "' class='zoom icon' id='galleryzoom_"+transmitter_id+"' title='Expanded view of " + alt + ".'>Zoom<\/a>");
                        initColorBox('a#galleryzoom_'+transmitter_id);                        
					} else {
						$("a#galleryzoom_"+transmitter_id).remove();
					}					
					return false;
				});
			}); // end each a loop (binds click)
			
			$("div#stripTransmitter" + j).css("width", pictWidth);
			$("div#stripTransmitter" + j + " a:eq(0)").addClass("current"); // init a.class to first image
			
			// init expanded view for first link
			var img = container.find("li:eq(0)").find("img")
			if($(img).length && $(img).hasClass("expand") || $(img).length && $(img).hasClass("flash")) {
				var alt = $(img).attr("alt");
                var src = $(img).attr("src");
                
                if($(img).length && $(img).hasClass("expand")) {
	                src =  src.replace(/.jpg/i, "_lg.jpg");
                } else if($(img).length && $(img).hasClass("flash")) {        	
	                src =  $(img).attr("longdesc");
	            }
	            $("div#stripTransmitter" + j).append("<a href='" + src + "' class='zoom icon' id='galleryzoom_stripTransmitter"+j+"' title='Expanded view of " + alt + "'>Zoom<\/a>"); 
                initColorBox('a#galleryzoom_stripTransmitter'+j);                    
			}			
			
			// handles the hover for the stripTransmitter
		  	$(this).hover(function() {
		  		//$("#main_slider_overlay > .stripTransmitter").show();
		  		$("div#"+container_id + " .stripTransmitter").show();
			}, function() {
				$(".stripTransmitter").hide();
				$(".stripTransmitter").hide();
			});				
		}); // each container loop
		j++;
	}); // end return this.each loop
}; // end slideview