var photoDelay = 3500; //seconds * 1000

jQuery(function(){
	jQuery("div.csw").prepend("<p class='loading'>Loading...<br /><img src='images/ajax-loader.gif' alt=''/ ></p>");
	jQuery("div.panel").hide();
});

if (document.images) {
	var contact_over = new Image();
	var contact_back = new Image();
	var join_back = new Image();
	contact_over.src = 'images/nav_contact-over.png';
	contact_back.src = 'images/contact_back.png';
	join_back.src = 'images/join_back.png';
}

var current;
var photoTimer = 0;

function startTimer() {
	
	clearTimeout(photoTimer);
	
	gallerySize = jQuery().find("div.panel").size();
	
	if(current < gallerySize)
		nextPhoto = current+1;
	else
		nextPhoto = 1;
	
	photoTimer = setTimeout("showPhoto(nextPhoto)", photoDelay);
	
}

function showPhoto(id) {
	jQuery().find(".stripNav ul li a:eq(" + (parseInt(id - 1)) + ")").trigger('click');
}

function openMag() {
	pop_mag();
}

function showContact() {
	pop_show();
	pop_position(460,400);
	
	$("#pop_window").hide();
	
	$("#pop_content").append("<div id='contactBox'></div>");
	$("#contactBox").append("<div id='contactTitle'><h4>Contact Us</h4><p>Please fill out the form below to get in touch with us. Thank You!</p></div><form id='contactForm' name='contactForm' action='' method='post'><label id='fNameLabel' for='firstName'>First Name:</label><input type='text' name='firstName' id='fNameText' /><label id='lNameLabel' for='lastName'>Last Name:</label><input type='text' name='lastName' id='lNameText' /><label id='emailLabel' for='email'>Email:</label><input type='text' name='email' id='emailText' /><label id='phoneLabel' for='phone'>Telephone:</label><input type='text' name='phone' id='phoneText' /><label id='regardingLabel' for='regarding'>Regarding:</label><select name='regarding' id='regardingSel'><option disabled='disabled' selected='selected' value=''>--------</option><option value='Advertising'>Advertising</option><option value='Product Integration'>Product Integration</option><option value='Talent'>Talent</option><option value='Subscribe'>Subscribe</option><option value='Media Kit'>Media Kit</option><option value='Other'>Other</option></select><label id='commentsLabel' for='comments'>Comments:</label><textarea name='comments' id='commentsText'></textarea><p id='updatesLabel'>Yes, sign me up to get MH+L Updates!</p><input type='checkbox' name='updates' value='1' id='updatesCheck' checked='checked' /><input type='image' id='submitBut' src='images/submit_button.png' alt='Submit' /></form>");
	
	ajaxContact();
	
	
	$("#pop_window").fadeIn("slow");
	
}

function showJoin() {
	pop_show();
	pop_position(460,230);
	
	$("#pop_window").hide();
	
	$("#pop_content").append("<div id='joinBox'></div>");
	$("#joinBox").append("<div id='joinTitle'><h4>Join our mailing list</h4><p>Please fill out the form below to get MH+L Updates!</p></div><form id='joinForm' name='joinForm' action='' method='post'><label id='fNameLabel' for='firstName'>First Name:</label><input type='text' name='firstName' id='fNameText' /><label id='lNameLabel' for='lastName'>Last Name:</label><input type='text' name='lastName' id='lNameText' /><label id='emailLabel' for='email'>Email: (required)</label><input type='text' name='email' id='emailText' value='"+ $("#mail_list_text").val() +"' /><input type='image' id='submitBut' src='images/submit_button.png' alt='Submit' /></form>");
	
	ajaxJoin();
	
	
	$("#pop_window").fadeIn("slow");
	
}

function showVideo() {
	pop_video();
	return false;
}

function showSunset() {
	pop_sunset();
	return false;
}

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();
		jQuery("div.panel").show();
		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 * 28;
		var cPanel = 1;
		
		container.each(function(i) {
			
			jQuery(this).before("<div class='stripNav' id='stripNav'><ul><\/ul><\/div>");
			jQuery(this).find("div.panel").each(function(n) {
						jQuery("div#stripNav ul").append("<li class='tab" + (n+1) + "'><a href='#' rel='" + jQuery(this).attr("title") + "'>" + jQuery(this).attr("title") + "<\/a><\/li>");												
			});
			
			jQuery("div#stripNav a").each(function(z) {
				navWidth += jQuery(this).parent().width();
				jQuery(this).bind("click", function() {
					
					clearTimeout(photoTimer);
					jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
					var cnt = - (panelWidth*z);
					cPanel = z + 1;
					current = cPanel;
					jQuery(this).parent().parent().parent().next().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc, function() {
						startTimer();
					});
					
					return false;
				});
			});
			
			jQuery("a.cross-link").click(function(){
				jQuery(this).parents().find(".stripNav ul li a:eq(" + jQuery(this).attr("rel") + ")").trigger('click');
			});	
			
			
			jQuery("div#stripNav" + j).css("width" , navWidth);
			
			showPhoto(1);
						
		});
		
		j++;
	});
};