/*
* Author:      Marco Kuiper (http://www.marcofolio.net/)
*/

/*<a href="/App_Themes/VGKStyles/videos/Sperling.flv" toptions="width = 425, height = 300, title = Lorem Ipsum - Video 1" class="top_up"><img width="32" height="32" src="Images/btn_play.aspx?width=32&amp;height=32" alt=""></a>*/






// Speed of the automatic slideshow
var slideshowSpeed = 8000;

// Variable to store the images we need to set as background
// which also includes some text and url's.


var photos = [ {
		"title" : "one",
		"image" : "banner_3_2.aspx",
		"url" : "#inline_content",
		"firstline" : "EXPERTISE AND EXPERIENCE",
		"secondline" : "With more than 10 years of experience, our dedicated<br />physicians use the most advanced technology for brain cancer<br />and neurological disorders, providing personalized care that's<br/>right for you.",
		"thirdline" : "<img src='http://www.valleygammaknife.com/images/btn_watch_vdo.aspx' alt='' border='0'>",
		"toptions" : "width = 425, height = 300, title = Overview Video",
		"classname" : "inline"
	}, {
		"title" : "two",
		"image" : "banner_2.aspx",
		"url" : "#inline_content",
		"firstline" : "your nurse navigator",
		"secondline" : "At Valley, you're never just a face in the crowd. Janet,<br/>your nurse navigator, will help you navigate<br/>your treatment journey, coordinating your care and providing<br/>information and support every step of the way.",
		"thirdline" : "<img src='http://www.valleygammaknife.com/images/btn_watch_vdo.aspx' alt='' border='0'>",
		"toptions" : "width = 425, height = 300, title = Overview Video",
		"classname" : "inline"
	}, {
		"title" : "three",
		"image" : "banner_4_2.aspx",
		"url" : "#inline_content",
		"firstline" : "SIMPLE. PAINLESS. EFFECTIVE.",
		"secondline" : "Gamma knife radiosurgery isn&lsquo;t surgery in the traditional <br/>sense of the word. There are no incisions or anesthesia involved.<br/> Rather, the &ldquo;knife&rdquo; refers to 200-plus very precise beams of <br/>radiation that create a powerful dose of concentrated radiation<br/> used to treat brain tumors and neurological conditions.",
		"thirdline" : "<img src='http://www.valleygammaknife.com/images/btn_watch_vdo.aspx' alt='' border='0'>",
		"toptions" : "width = 425, height = 300, title = Overview Video",
		"classname" : "inline"
	}
	/*, {
		"title" : "four",
		"image" : "banner_4.aspx",
		"url" : "/App_Themes/VGKStyles/videos/Sperling.flv",
		"firstline" : "an atmosphere of healing",
		"secondline" : "You'll feel it as soon as you walk through our doors. The<br />Gamma Knife Center was designed with you in mind. And<br />with complementary therapies from massage and<br />acupuncture to nutrition support and yoga, our integrative<br />healing services focus on your overall well-being.",
		"thirdline" : "<img src='images/btn_watch_vdo.aspx' alt='' border='0'>",
		"toptions" : "width = 425, height = 300, title = Lorem Ipsum - Video 1",
		"classname" : "top_up"
	}*/
];
 

$(document).ready(function() {
		
	// Backwards navigation
	$("#back").click(function() {
		stopAnimation();
		navigate("back");
	});
	
	// Forward navigation
	$("#next").click(function() {
		stopAnimation();
		navigate("next");
	});
	
	var interval;
	$("#control").toggle(function(){
		stopAnimation();
	}, function() {
		// Change the background image to "pause"
		$(this).css({ "background-image" : "url(images/btn_pause.png)" });
		
		// Show the next image
		navigate("next");
		
		// Start playing the animation
		interval = setInterval(function() {
			navigate("next");
		}, slideshowSpeed);
	});
	
	
	var activeContainer = 1;	
	var currentImg = 0;
	var animating = false;
	var navigate = function(direction) {
		// Check if no animation is running. If it is, prevent the action
		if(animating) {
			return;
		}
		
		// Check which current image we need to show
		if(direction == "next") {
			currentImg++;
			if(currentImg == photos.length + 1) {
				currentImg = 1;
			}
		} else {
			currentImg--;
			if(currentImg == 0) {
				currentImg = photos.length;
			}
		}
		
		// Check which container we need to use
		var currentContainer = activeContainer;
		if(activeContainer == 1) {
			activeContainer = 2;
		} else {
			activeContainer = 1;
		}
		
		showImage(photos[currentImg - 1], currentContainer, activeContainer);
		
	};
	
	var currentZindex = -1;
	var showImage = function(photoObject, currentContainer, activeContainer) {
		animating = true;
		
		// Make sure the new container is always on the background
		currentZindex--;
		// Set the background image of the new active container
		$("#headerimg" + activeContainer).css({
			"background-image" : "url(images/" + photoObject.image + ")",
			"display" : "block",
			"z-index" : currentZindex
		});
		
		// Hide the header text
		$("#headertxt").css({"display" : "none"});
		// Set the new header text
		$("#firstline").html(photoObject.firstline);
		$("#secondline").html(photoObject.secondline);
		$("#thirdline").attr({href : photoObject.url,toptions : photoObject.toptions}).html(photoObject.thirdline);
		$("#thirdline").addClass(photoObject.classname);
		$("#pictureduri").attr("href", photoObject.url).html(photoObject.title);

		
		// Fade out the current container
		// and display the header text when animation is complete
		$("#headerimg" + currentContainer).fadeOut(function() {
			setTimeout(function() {
				$("#headertxt").css({"display" : "block"});
				animating = false;
			}, 100);
		});
	};
	
	var stopAnimation = function() {
		// Change the background image to "play"
		$("#control").css({ "background-image" : "url(images/btn_play.png)" });
		
		// Clear the interval
		clearInterval(interval);
	};
	
	// We should statically set the first image
	navigate("next");
	
	// Start playing the animation
	interval = setInterval(function() {
		navigate("next");
	}, slideshowSpeed);
	
});


function RemoveSearch(txtBox)
{

var txtboxClientID = document.getElementById('ctl00_searchtxt_txtWord').value;
if (txtboxClientID == "SEARCH")
{
    document.getElementById('ctl00_searchtxt_txtWord').value = "";

}
//alert(document.getElementById(txtBox).ClientID.value);

}
function ApendSearch(txtBox)
{

var txtboxClientID = document.getElementById('ctl00_searchtxt_txtWord').value;
if (txtboxClientID == "" )
{
    document.getElementById('ctl00_searchtxt_txtWord').value = "SEARCH";

}
}

function CheckEnteredtext(btnSearch)
{
var txtboxClientID = document.getElementById('ctl00_searchtxt_txtWord').value;
if (txtboxClientID == "SEARCH" )
{
    alert('Please enter search text');
    return false;
}
else
return true;
}



function RemovePhone(TxtPhone)
{
var txtboxClientID = document.getElementById(TxtPhone.id).value;
if (txtboxClientID == "xxx-xxx-xxxx")
{
   document.getElementById(TxtPhone.id).value = "";
   document.getElementById(TxtPhone.id).style.color="Black";


}

}
function ApendPhone(TxtPhone)
{
var txtboxClientID = document.getElementById(TxtPhone.id).value;
if (txtboxClientID == "" )
{
   document.getElementById(TxtPhone.id).value = "xxx-xxx-xxxx";
   document.getElementById(TxtPhone.id).style.color="Gray";
}
}


