// JavaScript Document
IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/
$(document).ready(function(){
						   
						   launchHover();
						   startNavClick();
						   startTabs();
						   //startSubs();
						   startFeatures();
                                                   startEnlargeable();
                                                   startGG();
						   });

function launchHover(){
	$("#topNavList li:not(#topNavList li ul li)").mouseenter(function(){
																	  t_mouseEnter($(this));
																	  });
										   
}

function startNavClick(){
}

function t_mouseEnter(elem){
	origclass=elem.attr("class");
	elem.attr('class', 'hover');
	elem.mouseleave(function(){
		elem.attr("class", origclass);
	});
}

function doNavClick(href){
	var loader = href+" #pageBackInner";
	$("#pageBackWrap").load(loader);
	loader = href+" #phpstyle";
	$("#phpstyle").load(loader);
	loader = href+" #content";
	$("#contentWrap").load(loader);
	loader = href+" #topNavList";
	$("#topNav").load(loader, function(){ startNavClick(); });
}


function startTabs(){
	nimage = Array();
	$(".tab img").each(function(){
								src = $(this).attr('src');
								pat = /_red/;
								if(!src.match(pat)){
									nsrc = src.replace('.gif', '_red.gif');
									nimage[nsrc] = new Image();
									nimage[nsrc].src = nsrc;
								}
								else{
									nsrc = src.replace("_red", "");
									nimage[nsrc] = new Image();
									nimage[nsrc].src = nsrc;
								}
								
									
								});
	$(".tab").click(function(){
							 if(!IE6){
							 t_loadTab($(this));
							 return false;
							 }
							 });
}

function t_loadTab(elem){
	href = elem.attr('href');
	pat = /subsection/;
	if(href.match(pat)){
		subsecs = href.split("=");
		subsection = subsecs[subsecs.length-1];
		start = href.split("?");
		href = start[0];
	}
	else subsection = '';
	loader = href+" #tabsOuter .load";
	$("#tabsOuter").load(loader, {"subsection":subsection}, function(){ startTabs(); });
	loader = href+" #tabContentInner";
	$("#tabContentOuter").load(loader, {"subsection":subsection});
        loader = href+"?subsection="+subsection+" #bestPracticeFeatures ul";
        $("#bestPracticeFeatures").load(loader, function(){ startFeatures(); });
}
function startSubs(){
	$("ul.subhead li a").click(function(){
                                                   
									if(!IE6){
										href = $(this).attr('href');
										pat = /subsection/;
										if(href.match(pat)){
											subsecs = href.split("=");
											subsection = subsecs[subsecs.length-1];
											start = href.split("?");
											href = start[0];
										}
										else subsection = '';
										loader = href+" #content";
										$("#contentWrap").load(loader, {"subsection":subsection}, function(){ startSubs(); });
										loader = href+" #header";
										$("headerWrap").load(loader, function(){ alert('header'); });
                                                                                return false;
										
									}
                                                                        
										});
}
function startFeatures(){
	$("#emailButton").click(function(){
									 html = "<div id='overlay'></div><div id='email_wrap'></div>";
									 href = $(this).attr("href");
									 page = href.split("?page=");
									 page = page[1];
									 $("body").append(html);
									 $("#email_wrap").load(href, {"page":page}, function(){ emailLoaded(); });
									 return false;
									 });
}
function emailLoaded(){
                                                   
	doremove = true;
        $(".email-button").click(function(){
                                                   var to = $("#to").val();
                                                   var from = $("#from-name").val();
                                                   var from_email = $("#from-email").val();
                                                   var subject = $("#subject").val();
                                                   var message = $("#message").val();
                                                   errors = new Array();
                                                   whitespace = /(\n)*(\s)*/;
                                                   if(message=="" | message.replace(whitespace, "") == ""){
                                                                                                      errors.push("#message");
                                                   }
                                                   if(to == '' | to.replace(whitespace, "") == ""){ errors.push("#to"); }
                                                   if(errors.length > 0){
                                                   for(var x in errors){
                                                   $(errors[x]).css({"border":"solid 1px red", "background":"#ffdddd"});
                                                   }
                                                   alert("Please fill in required fields");
                                                   return false;
                                                   }
                                                   $.post("features/email.php", {"to":to, "from-name":from, "from-email":from_email, "subject":subject, "message":message, "Submit":"Send"}, function(data){ $("#email_wrap").html(data); emailLoaded(); });
                                                   return false;
        });
	$(".emailBlock .close").click(function(){
										   $("#overlay").remove();
										   $("#email_wrap").remove();
	});
	$(".emailBlock").mouseenter(function(){ doremove = false; $(this).mouseleave(function(){ doremove = true; }); });
	$("#email_wrap:not(#email_wrap *)").click(function(){
											if(doremove){
										   $("#overlay").remove();
										   $("#email_wrap").remove();
											}
	});
}
function startEnlargeable(){
                                                   var x = 0;
                                                   $(".enlargeable").each(function(){
                                                                                                      x++;
                                                                                                      var source = $(this).attr("src");
                                                                                                      $(this).attr("title", "click to enlarge");
                                                                                                      sourceCut = source.substr(source.lastIndexOf("/"));
                                                                                                      sourceCut2 = sourceCut.replace("/", "/large/");
                                                                                                      source = source.replace(sourceCut, sourceCut2);
                                                                                                      offset = $(this).offset();
                                                                                                      left = offset.left + $(this).width()-80;
                                                                                                      enlargeButton = "<div id='enlargeButton"+x+"' class='enlargeButton'></div>";
                                                                                                      /*$("#contentWrap").append(enlargeButton);
                                                                                                      $("#enlargeButton"+x).css({"position":"absolute", "left":left, "top":offset.top})
                                                                                                      $("#enlargeButton"+x).click(function(){ enlargeImage(source); });*/
                                                                                                      $(this).click(function(){
                                                                                                                                                         enlargeImage(source);
                                                                                                      })
                                                                                                      
                                                   });
}
function enlargeImage(source){
                                                   html = "<div id='overlay'></div><div id='enlargedImageWrap'><div id='enlargedImageInner'><div id='imageClose'>close X</div><img id='loading' src='../images/loading.gif' /><img id='enlargedImage' src='' /></div></div>";
                                                   var imgPreLoader = new Image();
                                                   imgPreLoader.src = source;
                                                   imgPreLoader.onload= function(){
                                                                                                      var height = imgPreLoader.height;
                                                                                                      width = imgPreLoader.width;
                                                                                                      nwidth = width;
                                                                                                      nleft = width/2;
                                                                                                      ntop = height/5;
                                                                                                      $("#enlargedImageInner").animate({
                                                                                                       width:nwidth,
                                                                                                       height:height,
                                                                                                       marginLeft:-nleft,
                                                                                                       marginTop:-ntop
                                                                                                      }, function(){ $("#loading").hide(); $("#enlargedImage").fadeIn(); });
                                                                                                      
                                                                                                      $('#enlargedImage').attr("src", source);
                                                   }
                                                   imgPreLoader.onerror= function(){ alert("Couldn't find image: "+source); closeImage(); }
                                                   $("body").append(html);
                                                  $("#imageClose").css({
                                                                                                      "position":"absolute",
                                                                                                      "top":"0",
                                                                                                      "right":"0",
                                                                                                      "z-index":"5",
                                                                                                      "cursor":"pointer"
                                                   }).click(function(){ closeImage(); });
                                                   
}
function closeImage(){
                                                   $("#enlargedImageWrap").remove();
                                                   $("#overlay").remove();
}
function startGG(){
                                                   $(".gg").each(function(){
                                                                                                      $(this).mouseenter(function(){
                                                                                                                                                         loadDetails($(this));
                                                                                                      })
                                                   })
}
function loadDetails(elem){
                                                   id = elem.attr('id');
                                                   num  = id.replace("g", '')-1;
                                                   left = elem.position().left+30;;
                                                   right = elem.position().right;
                                                   details = elem.html();
                                                   $("#gGroupDetails").html(details);
                                                   if(id == "g09"){
                                                                                                      $("#gGroupDetails span").css({"position":"absolute", "left":left-150+"px", "width":"200px", "text-align":"right", "border-right":"solid 1px #c20336"});
                                                   }
                                                   else{
                                                   $("#gGroupDetails span").css({"position":"absolute", "left":left+"px", "width":"200px", "border-left":"solid 1px #c20336"});
                                                   }
                                                   if(id == "g04"){
                                                                                                      $("#gGroupDetails span").css({"width":"auto"});
                                                   }
}