$(document).ready(function(){
	
	// Fix IE
	//$(document).pngFix(); 

	// Preload all rollovers
	
	$("#nav img").each(function(){
		// Set the original src
		rollsrc = $(this).attr("src");
		rollON = rollsrc.replace(/.gif$/ig,"_on.gif");
		$("<img>").attr("src", rollON);
	});
	
	// Navigation rollovers
	$("#nav a").mouseover(function(){
		imgsrc = $(this).children("img").attr("src");
		matches = imgsrc.match(/_on/);
		// don't do the rollover if state is already ON
		if (!matches) {
		imgsrcON = imgsrc.replace(/.gif$/ig,"_on.gif"); // strip off extension
		$(this).children("img").attr("src", imgsrcON);
		}
		
	});
	$("#nav a").mouseout(function(){
		$(this).children("img").attr("src", imgsrc);
	});
	
	
	// Tab Navigation
	$("#tabs a").click(function(e) {
		e.preventDefault();
		// hide the old content
		$("#tab_content div.content").each(function(){ $(this).hide(); });
		// deselect all tabs
		$("#tabs img").each(function(){
			new_src = $(this).attr("src").replace(/_on.gif$/ig,".gif");
			$(this).attr("src", new_src);
		});
		// swap the image
		img = $(this).children("img").eq(0);
		new_src = img.attr("src").replace(/.gif$/ig,"_on.gif");
		img.attr("src", new_src);
		// show the new content
		div = $(this).attr("href");
		$(div).show();
		var myQS = querySt("lnk");
		if(myQS!=undefined)
		{
			$('a.active').removeClass('active');
			var highlightMe = 'a[title="'+div.replace("#","")+'"]';
			$(highlightMe).addClass('active');
		}
	});
	// Show the first tab
	$("#tabs a:first").trigger("click");
	
	// Warn users about external links
	$("ol.references a").click(function(){
		alert('You are now leaving the mederma.com website.');
	});
	
	// More detailed warning
	$("#store_list a").click(function(){
		alert('Note: You are leaving Mederma.com. Merz Pharmaceuticals, LLC does not have control over this web site and does not make any representations or warranties. Merz has received no compensation for providing this link.');
	});
	
	$("a.external_link").click(function(){
		alert('Note: You are leaving Mederma.com. Merz Pharmaceuticals, LLC does not have control over this web site and does not make any representations or warranties. Merz has received no compensation for providing this link.');
	});
	
});
function querySt(ji) {
hu = window.location.search.substring(1);
gy = hu.split("&");
for (i=0;i<gy.length;i++) {
ft = gy[i].split("=");
if (ft[0] == ji) {
return ft[1];
}}}
function show_video(the_vid) {
	
	$('#video_container').show();
	$('#video_container').append('<div id="video_close"><a href="javascript:hide_video();"><img src="/images/closebox.png" /></a></div><div id="video"></div>');
	var params = { 	
		autoplay: "true",
		allowscriptaccess: "always", 
		allowfullscreen: "true",
		flashvars: "file=/swf/" + the_vid + ".flv"
	}
	swfobject.embedSWF("/swf/player.swf", "video", "328", "200", "8", true, false, params);
}

function hide_video() {
	$('#video_container').empty().hide();
}

function show_video_story(the_vid, vid) {
	$('#video' + vid).empty().hide();	
	$('#video' + vid).show();
	$('#video' + vid).css("float","none");
	$('#video' + vid).append('<p><div id="video_story" style="float: left;"></div><div style="float: left;"><a href="javascript:hide_video_story(\'' + the_vid + '\', ' + vid + ');"><img src="/images/closebox.png" /></a></div></p>');
	var params = { 	
		autoplay: "true",
		allowscriptaccess: "always", 
		allowfullscreen: "true",
		flashvars: "file=/Videos/" + the_vid + ".flv"
	}
	swfobject.embedSWF("/swf/player.swf", "video_story", "288", "160", "8", true, false, params);
}

function hide_video_story(the_vid, vid) {
	$('#video' + vid).empty().hide();
	$('#video' + vid).show();
	$('#video' + vid).css("float","left");
	$('#video' + vid).append('<p style="width:120px;"><a href="" onclick="show_video_story(\'' + the_vid + '\', ' + vid + '); return false;"><img src="/Videos/' + the_vid + '11.jpg" width="97" style="padding:0;"></a><br /><br /><br /><br /><img src="/images/play_video.jpg" border="0" style="padding:0;"></p>');
}

/*
// EDITED by D. Fischetti.. see revised versions below.
//
function show_scars(sid, before, after, after2,before_thumb, after_thumb, after2_thumb, after_dur, after2_dur) {
	$('#scars' + sid).empty();
	$('#scars' + sid).show();
	
	var after_bar = '';
	var after2_bar = '';
	if (after_dur != '')
	{
		after_bar = '<img src="/images/lg_' + after_dur + '.gif" border="0" style="padding:0;">';
	}
	if (after2_dur != '')
	{
		after2_bar = '<img src="/images/lg_' + after2_dur + '.gif" border="0" style="padding:0;">';
	}
	
	$('#scars' + sid).append('<p style="height:180px;"><a href="" onclick="hide_scars('+ sid +' , \''+ before +'\', \''+ after +'\', \''+ after2 +'\', \''+ before_thumb +'\', \''+ after_thumb +'\', \''+ after2_thumb +'\', \''+ after_dur +'\', \''+ after2_dur +'\'); return false;"><img src="' + before + '" style="padding:0;"><img src="' + after + '" style="padding:0;"><img src="' + after2 + '" style="padding:0;"><br /><br /><br /><br /><img src="/images/lg_before.gif" border="0" style="padding:0;">'+after_bar+after2_bar+'</a></p>');
}

function hide_scars(sid,before,after,after2,before_thumb, after_thumb, after2_thumb, after_dur, after2_dur) {
	$('#scars' + sid).empty();
	$('#scars' + sid).show();
	
	var after_bar = '';
	var after2_bar = '';
	if (after_dur != '')
	{
		after_bar = '<img src="/images/' + after_dur + '.gif" border="0" style="padding:0;">';
	}
	if (after2_dur != '')
	{
		after2_bar = '<img src="/images/' + after2_dur + '.gif" border="0" style="padding:0;">';
	}
	
	$('#scars' + sid).append('<p style="width:180px; height:100px;"><a href="" onclick="show_scars('+ sid +' , \''+ before +'\', \''+ after +'\', \''+ after2 +'\', \''+ before_thumb +'\', \''+ after_thumb +'\', \''+ after2_thumb +'\',\''+ after_dur +'\', \''+ after2_dur +'\'); return false;"><img src="' + before_thumb + '" style="padding:0;"><img src="' + after_thumb + '" style="padding:0;"><img src="' + after2_thumb + '" style="padding:0;"><br /><br /><br /><br /><img src="/images/before.gif" border="0" style="padding:0;">'+after_bar+after2_bar+'</a></p>');
}

*/

function show_scars(sid, before, after, after2,before_thumb, after_thumb, after2_thumb, after_dur, after2_dur) {
	$('#scars' + sid).empty();
	$('#scars' + sid).show();
	
	var before_bar = '';
	var after_bar = '';
	var after2_bar = '';
	var b_img = '';
	var a_img = '';
	var a2_img = '';
	
	if (before != "") b_img = '<img src="' + before + '" style="padding:0;">';
	if (after != "") a_img = '<img src="' + after + '" style="padding:0;">';
	if (after2 != "") a2_img = '<img src="' + after2 + '" style="padding:0;">';
	
	if (before != '')
	{
		before_bar = '<img src="/images/lg_before.gif" border="0" style="padding:0;">';
	}
	if (after_dur != '')
	{
		after_bar = '<img src="/images/lg_' + after_dur + '.gif" border="0" style="padding:0;">';
	}
	if (after2_dur != '')
	{
		after2_bar = '<img src="/images/lg_' + after2_dur + '.gif" border="0" style="padding:0;">';
	}
	
	var html = '<div style="cursor: pointer; cursor: hand;" '+
	'onclick="hide_scars('+ sid +' , \''+ before +'\', \''+ after +'\', \''+ after2 +'\', \''+ before_thumb +'\', '+
	'\''+ after_thumb +'\', \''+ after2_thumb +'\', \''+ after_dur +'\', \''+ after2_dur +'\'); return false;">'+
	'<div style="float:left;">' + b_img +'<br />'+ before_bar + '</div>'+
	'<div style="float:left;">' + a_img +'<br />'+ after_bar + '</div>'+
	'<div style="float:left;">' + a2_img +'<br />'+ after2_bar + '</div>'+ 
	'<div style="clear:left;">'+
	'</div>';
	$('#scars' + sid).append(html);
}

function hide_scars(sid,before,after,after2,before_thumb, after_thumb, after2_thumb, after_dur, after2_dur) {
	$('#scars' + sid).empty();
	$('#scars' + sid).show();
	
	var before_bar = '';
	var after_bar = '';
	var after2_bar = '';
	var bt_img = '';
	var at_img = '';
	var at2_img = '';
	
	if (before != "")  bt_img = '<img src="' + before_thumb + '" style="padding:0;">';
	if (after != "") at_img = '<img src="' + after_thumb + '" style="padding:0;">';
	if (after2 != "") at2_img = '<img src="' + after2_thumb + '" style="padding:0;">';
	
	
	
	if (before != '')
	{
		before_bar = '<img src="/images/before.gif" border="0" style="padding:0;">';
	}
	if (after_dur != '')
	{
		after_bar = '<img src="/images/' + after_dur + '.gif" border="0" style="padding:0;">';
	}
	if (after2_dur != '')
	{
		after2_bar = '<img src="/images/' + after2_dur + '.gif" border="0" style="padding:0;">';
	}
	$('#scars' + sid).append('<div style="cursor: pointer; cursor: hand;" onclick="show_scars('+ sid +' , \''+ before +'\', \''+ after +'\', \''+ after2 +'\', \''+ before_thumb +'\', \''+ after_thumb +'\', \''+ after2_thumb +'\',\''+ after_dur +'\', \''+ after2_dur +'\'); return false;"><div style="float:left;clear:left;">' + bt_img + at_img + at2_img + '</div><div style="float:left;clear:left;">'+before_bar+after_bar+after2_bar+'</div></div>');
}

function submitForm() {
	var checkVideo = true;
	var sAlert;
	
	if (document.forms['stories_form'].story.value == '') {
		checkVideo = false;
		sAlert = 'Your story is a required field.\n';
	}
	if (document.forms['stories_form'].afterfile.value != '') {
		if (document.forms['stories_form'].after1_weeks.value == '') {
			checkVideo = false;
			sAlert += 'You must select the duration of your After 1 photo.\n';
			document.forms['stories_form'].after1_error.value = 'true';
		}
	}
	if (document.forms['stories_form'].afterfile2.value != '') {
		if (document.forms['stories_form'].after2_weeks.value == '') {
			checkVideo = false;
			sAlert += 'You must select the duration of your After 2 photo.\n';
			document.forms['stories_form'].after2_error.value = 'true';
		}
	}
	if (!document.forms['stories_form'].agree.checked) {
		checkVideo = false;
		sAlert += 'You must agree to the Terms & Conditions.\n';
	}
	
	if (!checkVideo) {
		//alert(sAlert);
		document.forms['stories_form'].ShareAPhoto.value = '';
		document.forms['stories_form'].Video.value = '';
		
		document.forms['stories_form'].beforefile.value = '';
		document.forms['stories_form'].afterfile.value = '';
		document.forms['stories_form'].afterfile2.value = '';
	}
	
	document.forms['stories_form'].submit();
}