// JavaScript Document

//general parameters
var legalOn = false;
var sendText = 'stop';
var picWidth = 258;
var aboutDuration = 300;
var leftPos = 0;
var rightPos = 0;
var picNumLeft = 0;
var picNumRight = 0;
var aboutIsWorkingLeft = true;
var aboutIsWorkingRight = true;

//get page name from URL
var pathParts = location.href.split('/');
var pageName = pathParts[pathParts.length-1];
pageName = pageName.substring(0,pageName.indexOf('.'));
if (pageName == '') pageName='index';

//calculate menus state based on page name
switch(pageName) {
	case 'index': menuOpen=0; break;
	case 'about': menuOpen=1; break;
	case 'services': menuOpen=2; break;
	case 'work': menuOpen=3; break;
	case 'case': menuOpen=4; break;
	case 'testimonials': menuOpen=5; break;
	case 'contact': menuOpen=6; break;
	default: menuOpen=0;
}

//change title and meta tags based on page name
var pageTitles = new Array();
pageTitles['index']    = 'Home Page';
pageTitles['about']    = 'About Us';
pageTitles['services'] = 'Our Services';
pageTitles['work'] 	   = 'Our Work';
pageTitles['case'] 	   = 'Case Studies';
pageTitles['testimonials']= 'Client Testimonials';
pageTitles['contact']  = 'Contact Us';
document.title = "Armchair Studio - Brooklyn Graphic Design and Web Design - " + pageTitles[pageName];

//preload menu images
jQuery.preloadImages = function() {
	//jQuery("<img>").attr("src", "images/mark.jpg");
	//jQuery("<img>").attr("src", "images/matt.jpg");
	//jQuery("<img>").attr("src", "images/menus/home_about_1.jpg");
	jQuery("<img>").attr("src", "images/menus/home_about_2.jpg");
	//jQuery("<img>").attr("src", "images/menus/home_case_1.jpg");
	jQuery("<img>").attr("src", "images/menus/home_case_2.jpg");
	//jQuery("<img>").attr("src", "images/menus/home_contact_1.jpg");
	jQuery("<img>").attr("src", "images/menus/home_contact_2.jpg");
	//jQuery("<img>").attr("src", "images/menus/home_services_1.jpg");
	jQuery("<img>").attr("src", "images/menus/home_services_2.jpg");
	//jQuery("<img>").attr("src", "images/menus/home_testimonials_1.jpg");
	jQuery("<img>").attr("src", "images/menus/home_testimonials_2.jpg");
	//jQuery("<img>").attr("src", "images/menus/home_video_1.jpg");
	jQuery("<img>").attr("src", "images/menus/home_video_2.jpg");
	//jQuery("<img>").attr("src", "images/menus/home_work_1.jpg");
	jQuery("<img>").attr("src", "images/menus/home_work_2.jpg");
	//jQuery("<img>").attr("src", "images/menus/menu_about_1.png");
	jQuery("<img>").attr("src", "images/menus/menu_about_2.png");
	//jQuery("<img>").attr("src", "images/menus/menu_case_1.png");
	jQuery("<img>").attr("src", "images/menus/menu_case_2.png");
	//jQuery("<img>").attr("src", "images/menus/menu_contact_1.png");
	jQuery("<img>").attr("src", "images/menus/menu_contact_2.png");
	//jQuery("<img>").attr("src", "images/menus/menu_services_1.png");
	jQuery("<img>").attr("src", "images/menus/menu_services_2.png");
	//jQuery("<img>").attr("src", "images/menus/menu_testimonials_1.png");
	jQuery("<img>").attr("src", "images/menus/menu_testimonials_2.png");
	//jQuery("<img>").attr("src", "images/menus/menu_work_1.png");
	jQuery("<img>").attr("src", "images/menus/menu_work_2.png");
	//jQuery("<img>").attr("src", "images/menus/signup_1.png");
	jQuery("<img>").attr("src", "images/menus/signup_2.png");
	//jQuery("<img>").attr("src", "images/menus/smenu_3_1.png");
	jQuery("<img>").attr("src", "images/menus/smenu_3_2.png");
	//jQuery("<img>").attr("src", "images/menus/smenu_2_1.png");
	jQuery("<img>").attr("src", "images/menus/smenu_2_2.png");
	//jQuery("<img>").attr("src", "images/menus/smenu_4_1.png");
	jQuery("<img>").attr("src", "images/menus/smenu_4_2.png");
	//jQuery("<img>").attr("src", "images/menus/smenu_0_1.png");
	jQuery("<img>").attr("src", "images/menus/smenu_0_2.png");
	//jQuery("<img>").attr("src", "images/menus/smenu_1_1.png");
	jQuery("<img>").attr("src", "images/menus/smenu_1_2.png");
	//jQuery("<img>").attr("src", "images/menus/twitter_1.png");
	jQuery("<img>").attr("src", "images/menus/twitter_2.png");
	//jQuery("<img>").attr("src", "images/menus/email_matt_1.png");
	jQuery("<img>").attr("src", "images/menus/email_matt_2.png");
	//jQuery("<img>").attr("src", "images/menus/email_mark_1.png");
	jQuery("<img>").attr("src", "images/menus/email_mark_2.png");
	//jQuery("<img>").attr("src", "images/menus/newsletter_view_1.png");
	jQuery("<img>").attr("src", "images/menus/newsletter_view_2.png");
	//jQuery("<img>").attr("src", "images/menus/testimonials_reference_1.png");
	jQuery("<img>").attr("src", "images/menus/testimonials_reference_2.png");
	//jQuery("<img>").attr("src", "images/menus/services_link_1.png");
	jQuery("<img>").attr("src", "images/menus/services_link_2.png");
	//jQuery("<img>").attr("src", "images/menus/twitter_follow_1.png");
	jQuery("<img>").attr("src", "images/menus/twitter_follow_2.png");
	jQuery("<img>").attr("src", "images/newsletter_arrows_left.png");
	jQuery("<img>").attr("src", "images/newsletter_arrows_right.png");
	//jQuery("<img>").attr("src", "images/menus/about_left_1.png");
	jQuery("<img>").attr("src", "images/menus/about_left_2.png");
	//jQuery("<img>").attr("src", "images/menus/about_right_1.png");
	jQuery("<img>").attr("src", "images/menus/about_right_2.png");
	//jQuery("<img>").attr("src", "images/menus/about_middle_1.png");
	//jQuery("<img>").attr("src", "images/menus/contact_tumblr_1.png");
	jQuery("<img>").attr("src", "images/menus/contact_tumblr_2.png");
	//jQuery("<img>").attr("src", "images/menus/contact_facebook_1.png");
	jQuery("<img>").attr("src", "images/menus/contact_facebook_2.png");
	jQuery("<img>").attr("src", "images/menus/services_button_1_1.png");
	jQuery("<img>").attr("src", "images/menus/services_button_1_2.png");
	jQuery("<img>").attr("src", "images/menus/services_button_1_0.png");
	jQuery("<img>").attr("src", "images/menus/services_button_2_1.png");
	jQuery("<img>").attr("src", "images/menus/services_button_2_2.png");
	jQuery("<img>").attr("src", "images/menus/services_button_2_0.png");
	jQuery("<img>").attr("src", "images/menus/services_button_3_1.png");
	jQuery("<img>").attr("src", "images/menus/services_button_3_2.png");
	jQuery("<img>").attr("src", "images/menus/services_button_3_0.png");
	jQuery("<img>").attr("src", "images/menus/services_button_4_1.png");
	jQuery("<img>").attr("src", "images/menus/services_button_4_2.png");
	jQuery("<img>").attr("src", "images/menus/services_button_4_0.png");
	jQuery("<img>").attr("src", "images/menus/services_button_5_1.png");
	jQuery("<img>").attr("src", "images/menus/services_button_5_2.png");
	jQuery("<img>").attr("src", "images/menus/services_button_5_0.png");
	jQuery("<img>").attr("src", "images/menus/services_button_6_1.png");
	jQuery("<img>").attr("src", "images/menus/services_button_6_2.png");
	jQuery("<img>").attr("src", "images/menus/services_button_6_0.png");
	jQuery("<img>").attr("src", "images/iframe.png");
	jQuery("<img>").attr("src", "images/contact_so_deep.png");
	jQuery("<img>").attr("src", "images/services_text_panel.png");
}
if (pageName == 'index') $.preloadImages();
var flashMovie = null;

//menu handling code
$(document).ready(function() {
	if (pageName == 'index') {
		flashMovie = $('#flashInteract .movie');
		$("#videoDiv").flash(
			{
				swf: 'video.swf',
				width: 443,
				height: 214
			}
		);
	}
	
	if (pageName == 'work') {
		var category = getParam('p');
		var curItem = getParam('c');
		flashMovie = $('#flashInteract .movie');
		flashMovie.flash(
			{
				swf: "panels.swf?xml=work&p="+category+"&c="+curItem, //'panels.swf',
				width: 679,
				height: 750,
				flashvars: {
					xml: 'work',
					p: category,
					c: curItem
				}
			}
		);
	}
	
	var FlashExists = true;
	//set initial state for menu items
	$("#clickPane div.menu_body").hide();
	$("#legalDiv").hide().css('visibility', 'visible');
	$("#videoFlashID").hide().css('visibility', 'visible');
	$(".servicesRightDiv").hide().css('visibility', 'visible');
	$.sound.enabled = true;
	if (menuOpen != 0) {
		if (menuOpen != 3) {
			$("a[id='m"+menuOpen+"']").attr("href", "javascript:").css("cursor", "default");
			$("a[id='m"+menuOpen+"'] img:first-child").attr("src", "images/menus/menu_"+pageName+"_2.png").removeClass("rollover");
		} else {
			$("#clickPane div.menu_body").show();
			$("span.menu_head img").attr("src", "images/menus/menu_work_2.png").removeClass("rollover");
			$("a[id='mw"+category+"']").attr("href", "javascript:").css("cursor", "default");
			$("a[id='mw"+category+"'] img:first-child").attr("src", "images/menus/smenu_"+category+"_2.png").removeClass("rollover");
		}
	}

	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#clickPane span.menu_head").click(function() {
		//$.sound.play('sounds/recycle.mp3', {timeout: 5000});
		$(this).next("div.menu_body").slideToggle(300);
	});

	//slides the element with class "menu_body" when mouse is over the paragraph
	$("#hoverPane span.menu_head").mouseover(function() {
		//$.sound.play('sounds/recycle.mp3', {timeout: 5000});
		$(this).next("div.menu_body").slideToggle(300);
	});
	$("#hoverPane div.menu_item").mouseover(function() {
		 if (menuOpen != 3) {
			 $(this).siblings("div.menu_body").slideUp("slow");
		 }
	});
	
	$("#hm4").click(function() {
		$("#videoDiv").css('visibility', 'visible');
		/*
		var swf;
		if(navigator.appName.indexOf("Microsoft") != -1) {
			swf = window['videoFlashID'];
		} else {
			swf = document['videoFlashID'];
		}
		if(typeof(swf) == "undefined") swf = document.getElementById('videoFlashID');
		
		if(window.videoFlashID) swf = window.document["videoFlashID"];
		if(document.videoFlashID) swf = document.videoFlashID;
		*/
		
		
		if (sendText=='stop') {
			sendText='play';
			//try {swf.sendToActionscript(sendText);} catch(e) {}
			//$("#videoFlashID").fadeIn(1000, function() { try {swf.sendToActionscript(sendText);} catch(e) {} }); //, getFlashMovieObject('videoSWF', sendText));
			$("#videoDiv").fadeIn(1000, function() { $("#videoDiv").flash(function() { this.sendToActionscript(sendText); }); }); //, getFlashMovieObject('videoSWF', sendText));
		} else {
			sendText='stop';
			//try {swf.sendToActionscript(sendText);} catch(e) {}
			$("#videoDiv").flash(function() { this.sendToActionscript(sendText); });
			$("#videoDiv").fadeOut(500); //, getFlashMovieObject('videoSWF', sendText));
		}
	});
	
	//set initial state for legal frame
	$("#legalDiv").hide();
	$("#legalDiv").css('visibility', 'visible');
	
	//handle about us pictures
	if (pageName == 'about') {
		/*
		var $imageLeft = $("").css({"display":"none"}).attr({"src":"images/matt.jpg", "id":"picLeft"});
		$("#picLeftDiv").append($imageLeft.load(function() {
			picNumLeft = Math.round($("#picLeft").attr('width') / picWidth);
			$imageLeft.css({"display":"inline-block"});
			aboutIsWorkingLeft = false;
		}));
		var $imageRight = $("").css({"display":"none"}).attr({"src":"images/mark.jpg", "id":"picRight"});
		$("#picRightDiv").append($imageRight.load(function() {
			picNumRight = Math.round($("#picRight").attr('width') / picWidth);
			$imageRight.css({"display":"inline-block"});
			aboutIsWorkingRight = false;
		}));
		*/
		var imageLeft = new Image();
		$(imageLeft).load(function() {
										picNumLeft = this.width / picWidth;
										picNumLeft = Math.round(picNumLeft / 2);
										$("#picLeftDiv").append(this);
										aboutIsWorkingLeft = false;
								   }).attr('src', 'images/matt.jpg').css('float','left');
			
		var imageRight = new Image();
		//imageRight.src = 'images/mark.jpg';
		$(imageRight).load(function() {
		//imageRight.onload = function() {
										picNumRight = this.width / picWidth;
										picNumRight = Math.round(picNumRight / 2);
										$("#picRightDiv").css("left", -(2 * picNumRight - 1) * picWidth).append(this);
										aboutIsWorkingRight = false;
										//alert(picNumRight+', '+picWidth+', '+(-(2 * picNumRight - 1) * picWidth));
								   }).attr('src', 'images/mark.jpg').css('float','left');
			
		/*
		$("#picLeft").load(function() {
			picNumLeft = Math.round($("#picLeft").attr('width') / picWidth);
			aboutIsWorkingLeft = false;
			//$("#picLeftDiv").css("display","inline-block");
			//$("#aboutArrowLeft img").addbClass("rollover");
		});
		
		$("#picRight").load(function() {
			picNumRight = Math.round($("#picRight").attr('width') / picWidth);
			$("#picRightDiv").css("left", -(2 * picNumRight - 1) * picWidth);
			aboutIsWorkingRight = false;
			//$("#picRightDiv").css("display","inline-block");
			//$("#aboutArrowRight img").addbClass("rollover");
		});
		*/
	}
	
	//load testimonials XML information
	if (pageName == 'testimonials') {
		$(function() {
			$("#testimonialsDiv").jScrollPane({showArrows: true});
		});
		
		$.ajax({
			type: "GET",
			url: "xml/testimonials.xml",
			dataType: "xml",
			success: function(xml) {
				$(xml).find('testimonial').each(function(){
					var str='';
					var tpos='';
					var ttarget='';
					var tquote = $(this).find('quote').text();
					var tquotee = $(this).find('quotee').text();
					var turl = $(this).find('url').text();
					var trow = $(this).find('row').text();
					var tcolumn = $(this).find('column').text();
					var timage = $(this).find('image').text();
					var tcolor = $(this).find('textcolor').text();
					
					if (turl != 'case.html' && turl != 'work.html') {
						ttarget = ' target="_blank"';
					} else {
						if (trow != '0' || tcolumn != '0') tpos = '?p=' + trow + '&c=' + tcolumn;
					}
					if (tcolor != '') tcolor = ' style="color:#'+tcolor+';"';
					
					str += '<div class="testimonialsItemDiv"><div class="textFrame">'+tquote+'<br /><span'+tcolor+'>'+tquotee+'</span></div>';
					str += '<div class="linkFrame"><a href="'+turl+tpos+'"'+ttarget+'><img class="tRollover" src="images/menus/testimonials_reference_1.png" border="0" /></a></div>';
					str += '<div class="imageFrame"><img src="images/testimonials/'+timage+'" border="0" /></div></div>\n';
					$("#testimonialsPanelDiv").append(str);
				});
				var settings = { showArrows: true, verticalGutter: 15 };
				var pane = $('#testimonialsPanelDiv');
				pane.append('<br /><br />');
				pane.jScrollPane(settings);
				var api = pane.data('jsp');
				api.reinitialise();
				// set up rollover
				$("img.tRollover").hover(
					function()
					{
						this.src = this.src.replace("1","2");
						//$.sound.play('sounds/tick.mp3', { track:"track1" });
					},
					function()
					{
						this.src = this.src.replace("2","1");
					}
				);
			}
		});
	}

	//load newsletter XML information
	if (pageName == 'newsletter') {
		var duration = 600;
		var currentPosition = 0;
		var slideWidth = 679;
		//var slides = $('.slide');
		var numberOfSlides = 0; //slides.length;

		$.ajax({
			type: "GET",
			url: "xml/newsletter.xml",
			dataType: "xml",
			success: function(xml) {
				$(xml).find('newsletter').each(function(){
					var str='';
					var ntitle = $(this).find('title').text();
					var ndescription = $(this).find('description').text();
					var nurl = $(this).find('url').text();
					var nimage = $(this).find('image').text();
					str += '<div class="slide"><div class="nlTextFrame"><span>'+ntitle+'</span><br />'+ndescription+'</div>';
					str += '<div class="nlLinkFrame"><a href="'+nurl+'" target="_blank"><img class="nRollover" src="images/menus/newsletter_view_1.png" border="0"/></a></div>';
					str += '<div class="nlImageFrame"><img src="images/newsletter/'+nimage+'" border="0" /></div></div>\n';
					$("#slideInner").append(str);
					numberOfSlides++;
				});

				$('#slideInner').css('width', (slideWidth * numberOfSlides)+'px');
				
				$('.control').bind('click', function(){
					// Determine new position
					currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
					// Hide / show controls
					manageControls(currentPosition, numberOfSlides);
					// Move slideInner using margin-left
					$('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)},duration);
				});
				
				manageControls(currentPosition,numberOfSlides);
				
				// set up rollover
				$("img.nRollover").hover(
					function()
					{
						this.src = this.src.replace("1","2");
						//$.sound.play('sounds/tick.mp3', { track:"track1" });
					},
					function()
					{
						this.src = this.src.replace("2","1");
					}
				);
			}
		});
	}

	//if (pageName == 'index') $.preloadImages();
	
	$(
		function()
		{
			// set up rollover
			//$("img.rollover").hover(
			$("img.rollover").live('mouseover', 
				function()
				{
					this.src = this.src.replace("1.","2.");
					//$.sound.play('sounds/tick.mp3', { track:"track1" });
				}
			);
			
			$("img.rollover").live('mouseout', 
				function()
				{
					this.src = this.src.replace("2.","1.");
				}
			);
		}
	)
	
	//reload about pictures
	if (pageName == 'about1') {
		$("#picLeft").attr("src","images/matt.jpg");
		$("#picLeft1").attr("src","images/matt.jpg");
		$("#picRight").attr("src","images/mark.jpg");
		$("#picRight1").attr("src","images/mark.jpg");
	}
});


function aboutMoveLeft() {
	leftPos++;
	$("#picLeftDiv").animate({ 'left' : -(leftPos) * picWidth }, aboutDuration, 'linear', function() {
			if (leftPos == picNumLeft) {
				leftPos = 0;
				$("#picLeftDiv").css('left', 0);
			}
			aboutIsWorkingLeft = false;
		});
}

function aboutMoveRight() {
	rightPos++;
	$("#picRightDiv").animate({ 'left' : -(2 * picNumRight - (1 +rightPos)) * picWidth }, aboutDuration, 'linear', function() {
			if (rightPos == picNumRight) {
				rightPos = 0;
				$("#picRightDiv").css('left', -(2 * picNumRight - 1) * picWidth);
			}
			aboutIsWorkingRight = false;
		});
}

function manageControls(position, numberOfSlides){ // manageControls: Hides and shows controls depending on currentPosition
	// Hide left arrow if position is first slide
	if (position==0){
		$('#leftControl').hide();
	} else {
		$('#leftControl').show();
	}
	// Hide right arrow if position is last slide
	if (position==numberOfSlides-1){
		$('#rightControl').hide();
	} else {
		$('#rightControl').show();
	}
}
	
function checkForm() { // check email before sending for Newsletter registration
	var emailRE = /^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$/;
	var email = document.getElementById('nlEmail').value;
	if (!document.getElementById('nlEmail').value.match(emailRE)) { // email incorrect!!!
		alert('The email address entered is incorrect!');
	} else { // register email
		$("#emailFrame").css("display","block").attr("src","send_email.php?email="+email);
	}
}

function changeService(itemID) {
	//switch content divs
	$(".servicesTextPanel").hide();
	$(".servicesTextPanel[id='cs"+itemID+"']").show();
	//change link classes
	$("a.noLink").removeClass("noLink");
	$("a[id='s"+itemID+"']").addClass("noLink");
	//change button image
	for (var i = 1; i <= 6; i++) $("a[id='s"+i+"'] img").attr("src", "images/menus/services_button_"+i+"_1.png").addClass("rollover");
	$("a[id='s"+itemID+"'] img").attr("src", "images/menus/services_button_"+itemID+"_0.png").removeClass("rollover");
}

function playDing() {
	//$.sound.play('sounds/ding.wav', {timeout: 5000});
}

function getParam(name) {
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	var regexS = "[\\?&]"+name+"=([^&#]*)";
	var regex = new RegExp( regexS );
	var results = regex.exec( window.location.href );
	if( results == null ) {
		return "";
	} else {
		return results[1];
	}
}

function getFlashMovieObject(swfObjName) {
	var swfObj;
	if(navigator.appName.indexOf("Microsoft") != -1) {
		swfObj = window[swfObjName];
	} else {
		swfObj = document[swfObjName];
	}
	if(typeof(swf) == "undefined") swfObj = document.getElementById(swfObjName);
	return swfObj;
}

function SendDataToFlashMovie(newPage) {
	var swf; // = getFlashMovieObject('FlashID');
	/*
	if(navigator.appName.indexOf("Microsoft") != -1) {
		swf = window['FlashID'];
	} else {
		swf = document['FlashID'];
	}
	if(typeof(swf) == "undefined") swf = document.getElementById('FlashID');
	*/
	//if(window.FlashID) swf = window.document["videoFlashID"];
	//if(document.FlashID) swf = document.videoFlashID;
	//swf.sendToActionscript(newPage);
	
	flashMovie.flash(
		function() {
			this.sendToActionscript(newPage);
		}
	);

	for (var i = 0; i <= 4; i++) {
		$("a[id='mw"+i+"']").attr("href", "javascript:SendDataToFlashMovie('"+i+"');").css("cursor", "pointer");
		$("a[id='mw"+i+"'] img:first-child").attr("src", "images/menus/smenu_"+i+"_1.png").addClass("rollover");
	}
	$("a[id='mw"+newPage+"']").attr("href", "javascript:").css("cursor", "default");
	$("a[id='mw"+newPage+"'] img:first-child").attr("src", "images/menus/smenu_"+newPage+"_2.png").removeClass("rollover");
}