$(document).ready(function() {
	
	$('div#swap_img a').bind('click', swapImage);
	$('div#main_img img:not(img.show)').hide();
	
	//Compliance popup message for those heading off-site
	$("div#angles div.middle a").bind('click', popup);

});

function swapImage(e) {	
		$('div#main_img img').toggleClass('show');
		$('div#main_img img:not(img.show)').stop(true,true).fadeOut('normal', 
			function(){	$('div#main_img img.show').fadeIn('normal') }
		);
		
	return false;
}

function newWindow(mainHTML, headHTML, footHTML, hasImg, isLocked){
	if (!mainHTML) { var mainHTML = " "; }
	if (!headHTML) { var headHTML = " "; }
	if (!footHTML) { var footHTML = " "; }
	if (!hasImg) { var hasImg = false; }
	if (!isLocked) { var isLocked = false; }
	
	if (!$("#popupcontent").length){
		$popout = $("<div id=\"popup\"></div>").addClass("popup");
	} else {
		$popout = $("#popup").empty();
		if (!$popout.hasClass("popup")) { $popout.addClass("popup"); }
	}
	
	$popup = $("<div id=\"popupcontent\"></div>");
	$popupOverlay = $("<div id=\"popupOverlay\"></div>").click(function(){ if(!isLocked) $('#popup, #popupOverlay').remove(); });
	$("body").append($popupOverlay);
	$("body").append($popout.append($popup));
	
	$popupOverlay.hide();
	if(!isLocked) {
	$close = $("<a><span>Close</span></a>").addClass("close").click(function(){ if(!isLocked) $("#popup, #popupOverlay").remove();});
	}else{
	$close = $("<a href=\"/\"><span>Close</span></a>").addClass("close").click(function(){ if(!isLocked) $("#popup, #popupOverlay").remove();});
		
	}
	$popupHead = $("<div id=\"popuphead\"></div>").html(headHTML).prepend($close);
	$popupFoot = $("<div id=\"popupfoot\"></div>").html(footHTML);
	$popup.html("<div class=\"popupwrapper\">"+mainHTML+"</div>");
	$popout.prepend($popupHead).append($popupFoot).show();
	$popout.css({
		display:"none",
		position:"absolute",
		"z-index":100
	});
	if(hasImg) {
		$('div#popup img').load(function(){
			$popout.css({
				top:($(window).height()-$popout.outerHeight())/2+$(window).scrollTop(),
				left:($(window).width()-$popout.outerWidth())/2
			}).show();
		});
	}else{
		$popout.css({
			top:($(window).height()-$popout.outerHeight())/2+$(window).scrollTop(),
			left:($(window).width()-$popout.outerWidth())/2
		}).show();	
	}
	$popupOverlay.css({
		display:"block",
		position:"absolute",
		"z-index":99,
		height: ($(document).height()),
		top: 0,	left: 0, right: 0, bottom: 0
	});
}

function popup(ev) {
	ev.preventDefault();
	
	var url = $(this).attr("href");
	var title = $(this).attr("title");
	var rel = $(this).attr("rel");
	var mainHTML = "";
	var headHTML = "";
	var footHTML = "";

	mainHTML += "<img src='_underlying/_img/angles/"+url+".jpg' />";
	if(rel == 1){ mainHTML += "<img src='_underlying/_img/angles/"+url+"_a.jpg' />";}
	footHTML += "<h5>Alternate Angles - "+title+"</h5>";
	
	newWindow(mainHTML,headHTML,footHTML, true);
	
	return false;
}

function popupRegistration() {
	
	var mainHTML = "";
	var headHTML = "";
	var footHTML = "";

	mainHTML += 
	'<div class="center registration"><br /><br />' +
		'<form name="popup_form" id="popup_form" action="/registration.cfm" method="post" onchange="javascript: $(\'#submit_popup\').trigger(\'click\');"> ' + 
			'<select name="registration"> ' +
				'<option value="no">-- Please Choose One --</option>' +
				'<option value="RainbowPlaySystemsShowroom">Rainbow Play Systems Showroom</option>' +
				'<option value="Costco">Costco</option>' +
				'<option value="SamsClub">Sam\'s Club</option>' +
				'<option value="Toys-R-Us">Toys-R-Us</option>' +
				'<option value="WalMart">Wal-Mart</option>' +
				'<option value="HomeDepot">Home Depot</option>' +
			'</select>&nbsp;&nbsp;' +
			'<input id="submit_popup" type="submit" name="submit" value="submit">' +
		'</form><br /><br />' +
	'</div>';
	footHTML += "<h5>Where did you purchase your swing set?</h5>";
	
	newWindow(mainHTML,headHTML,footHTML, false, true);
	
	/*$('div#popupcontent').css({width: '400px'});*/
	

}