var prevImg; var nextImg; var animation; var y;
function init(){
	new Ajax.Request('accessflickr.php',
					 {
						method:'get',
					  	 onCreate: function(){
					 	$('photos').innerHTML = "<div id='loading'><img src='images/loading.gif' height='29' width='109' alt='loading'></div>";
					 },
					 onSuccess: function(transport){
						var response = transport.responseText;
						$('photos').innerHTML = response;
					 }					
				});
}

function popImage(url){
	Lightview.show(
				   { 
				   	href: url, 
					rel: 'image', 
					options: { width: 800, height: 500 }
					});
}

function mailDevelopers(){
	$('maildevelopers').style.visibility = "visible";
	//Effect.toggle('maildevelopers','appear');
}

function hideDmail(){
	$('maildevelopers').style.visibility = "hidden";
	//Effect.toggle('maildevelopers','appear');
}

function sendDeveloperMail(){
	new Ajax.Updater('maildevelopers','sendmail.php', {
						 method: 'post',
						 parameters: $('form2').serialize()
						 }
						 );
}

function selectText(){
	var textVal = eval(document.form2.dmail);
	textVal.focus();
	textVal.select();
}


function hideBanner(){
	var banner = $('headerbg');
	var bannerSwitch = $('bannerSwitch');
	if(banner.style.display == "none"){
		Effect.SlideDown(banner);
		bannerSwitch.innerHTML = "Up";
	}else{
		Effect.SlideUp(banner);
		bannerSwitch.innerHTML = "Pu";
	}
}

/*function onAppear(first_image, second_image){		
		//document.getElementById('output').innerHTML += first_image +' '+ second_image +'<hr>';
		
		//swap the images so that the one that has been faded in is in the outer div
		//and the next one to be faded in is waiting in the invisible inner div...
		document.getElementById("outer-appear").style.background = 'url('+first_image+')';
		document.getElementById("appear-div").style.display = 'none';
		document.getElementById("appear-div").style.background = 'url('+second_image+')';
				
	}
	
function Appear(pic_one_id, pic_two_id){
		
		var one_id, two_id;
		
		//fade in the first time..
		new Effect.Appear('appear-div');
		
		//pic one becomes pic two, the one that has been morphed to...
		one_id = pic_two_id;
				
		//if we have come to end of pics array, start from start again...
		if(pic_two_id == pics_array.length-1)
			two_id = 0;
		else
			two_id = pic_two_id+1;
		
		//document.getElementById('output').innerHTML += one_id +' '+ two_id +'<br>';
			
		//get the pics to pass to onAppear...
		pic_one = pics_array[one_id];
		pic_two = pics_array[two_id];
		
		//document.getElementById('output').innerHTML += pic_one.src +' '+ pic_two.src +'<br>';

		setTimeout("onAppear('"+pic_one.src+"', '"+pic_two.src+"')", 3000);
		setTimeout("Appear("+one_id+", "+two_id+")", 4000);		
		
	}

function imageMorph {	
	image_list = new Array(); 
	image_list[0] = 'images/black-barn.jpg'; 
	image_list[1] = 'images/blue-baths.jpg'; 
 	image_list[2] = 'images/conference.jpg'; 
 	
	var pics_array = new Array();
	if (document.images){
		pic0 = new Image(500, 213);
		pic0.src = "images/black-barn.jpg";
		pics_array[0] = pic0;
		pic1 = new Image(500, 213);
		pic1.src = "images/blue-baths.jpg";
		pics_array[1] = pic1;
		pic2 = new Image(500, 213);
		pic2.src = "images/conference.jpg";
		pics_array[2] = pic2;
	}
}*/

//----------------------------------------------PAINTINGS--------------------------------------------
function initiateSlideShowWith(imgtag){
	var htdiw = screen.width;
	var thgieh = screen.height;
	var newSrc = imgtag.src.substr(imgtag.src.lastIndexOf('/'),imgtag.src.length);
	//alert(htdiw/2-320);
	scroll(0,0);
	document.body.style.overflow = 'hidden';
	$('overlay').style.display = 'block';
	$('slideArea').style.display = 'block';
	$('slideArea').style.left = ((htdiw/2 - 320) + "px");
	displayPic(newSrc.substr(1,newSrc.length));
}

/*function displayPic1(imgpath){ //deprecated
	$('paintingName').innerHTML = createPaintingName(imgpath) + " - By Rahul Saini";
	new Ajax.Request('slideshowback.php',
					 {
						 method:'get',
						 parameters: {path:imgpath},
						 onCreate: function(){
						 	$('imageArea').innerHTML = "<div align='center'><img src='images/loadingAnimation.gif'></div>";
						 },
						 onSuccess: function(transport){
							var response = transport.responseText;
							var img = response.substr(0,response.indexOf(';'));
							img = img.substr(0,img.indexOf('.')+1);
							img = img + "html";
							alert(img);
							$('imageArea').src = img;
							response = response.substr(response.indexOf(';')+1,response.length);
							prevImg = response.substr(0,response.indexOf('~'));
							nextImg = response.substr(response.indexOf('~')+1,response.length);
							//alert(img + " " + prevImg + " " + nextImg);
						 }
					 });
}
*/

function displayPic(imgpath){ 
	//alert(imgpath);
	//alert("Inside displayPic");
	$('paintingName').innerHTML = createPaintingName(imgpath) + " - By Rahul Saini";
	new Ajax.Request('slideshowback.php',
					 {
						 method:'get',
						 parameters: {path:imgpath},
						 onCreate: function(){
						 	$('imageArea').innerHTML = "<div align='center'><img src='images/loadingAnimation.gif'></div>";
						 },
						 onSuccess: function(transport){
							var response = transport.responseText;
							var img = response.substr(0,response.indexOf(';'));
							img = img.substr(0,img.indexOf('.')+1);
							img = img + "html";
							//alert(img);
							$('imageArea').innerHTML = "<div align='center'><strong>Generating Image...</strong></div>";
							new Ajax.Request(img,
											 {
												 method:'get',
												 onCreate: function(){
													 $('imageArea').innerHTML = "<div align='center'><strong>Just a moment now...</strong></div>";
												 },
												 onSuccess: function(answer){
												 	$('imageArea').innerHTML = answer.responseText;
												 }
											 });
									 
							response = response.substr(response.indexOf(';')+1,response.length);
							prevImg = response.substr(0,response.indexOf('~'));
							nextImg = response.substr(response.indexOf('~')+1,response.length);
							//alert(img + " " + prevImg + " " + nextImg);
						 }
					 });
	//alert("exiting");
}


function nextPic(){
	displayPic(nextImg);
}

function prevPic(){
	displayPic(prevImg);
}

function closeSlideArea(){
	document.body.style.overflow = 'auto';
	$('overlay').style.display = 'none';
	$('slideArea').style.display = "none";
}

function createPaintingName(str){
	var parts = new Array();
	parts = str.split('_');
	var str1="";
	for(i = 0; i < parts.length; i++){
		str1 += parts[i]+" ";
	}
	str1 = str1.substr(0,str1.indexOf("."));
	return(str1);
}
//----------------------------------------------------------------------------------------------

/*------------------------------------------animated header------------------------------------

function animateHeader(){
	if ( typeof animateHeader.selector == 'undefined' ) {
        animateHeader.selector = 1;
    }

	$('books').style.display = "none";
	$('paintings').style.display = "none";
	$('architechture').style.display = "none";
	$('movies').style.display = "none";
	$('about').style.display = "none";
	$('contactme').style.display = "none";
	$('forums').style.display = "none";
	
	switch(animateHeader.selector){
		case 1:
		$('books').style.display = "";
		Effect.Fade('selectedImage',{
										afterFinish: function(){
											$('selectedImage').src = 'images/books.png';
											Effect.Appear('selectedImage');
										}
									}
					);
		break;
		case 2:
		$('paintings').style.display = "";
		Effect.Fade('selectedImage',{
										afterFinish: function(){
											$('selectedImage').src = 'images/painting.png';
											Effect.Appear('selectedImage');
										}
									}
					);
		break;
		case 3:
		$('architechture').style.display = "";
		Effect.Fade('selectedImage',{
										afterFinish: function(){
											$('selectedImage').src = 'images/architechture.png';
											Effect.Appear('selectedImage');
										}
									}
					);
		break;
		case 4:
		$('movies').style.display = "";
		//$('selectedImage').src = 'images/movies.png';
		Effect.Fade('selectedImage',{
										afterFinish: function(){
											$('selectedImage').src = 'images/movies.png';
											Effect.Appear('selectedImage');
										}
									}
					);
		break;
		case 5:
		$('about').style.display = "";
		Effect.Fade('selectedImage',{
										afterFinish: function(){
											$('selectedImage').src = 'images/about.png';
											Effect.Appear('selectedImage');
										}
									}
					);
		break;
		case 6:
		$('contactme').style.display = "";
		Effect.Fade('selectedImage',{
										afterFinish: function(){
											$('selectedImage').src = 'images/contact.png';
											Effect.Appear('selectedImage');
										}
									}
					);
		break;
		case 7:
		$('forums').style.display = "";
		Effect.Fade('selectedImage',{
										afterFinish: function(){
											$('selectedImage').src = 'images/forums.png';
											Effect.Appear('selectedImage');
										}
									}
					);
		animateHeader.selector=0;
		break;
		default:
		animateHeader.selector++;
		break;
	}
	animateHeader.selector++;
	//alert(animateHeader.selector);
}*/

//---------------------------------------------------BOOKS PAGE Those Small lil Things--------------------------------
function toggleExcerpt(){
	if( typeof toggleExcerpt.isHidden == 'undefined'){
		toggleExcerpt.isHidden = true;
	}
	if(toggleExcerpt.isHidden == true){
	$('excerpt').innerHTML = "<object codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' id='doc_152831468965031' name='doc_152831468965031' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' align='middle'	height='500' width='100%'>		<param name='movie'	value='http://documents.scribd.com/ScribdViewer.swf?document_id=4623285&access_key=key-1afbox6egxmstqzl54ur&page=&version=1&auto_size=true'> 		<param name='quality' value='high'> 		<param name='play' value='true'>		<param name='loop' value='true'> 		<param name='scale' value='showall'>		<param name='wmode' value='opaque'> 		<param name='devicefont' value='false'>		<param name='bgcolor' value='#ffffff'> 		<param name='menu' value='true'>		<param name='allowFullScreen' value='true'> 		<param name='allowScriptAccess' value='always'> 		<param name='salign' value=''>    		<embed src='http://documents.scribd.com/ScribdViewer.swf?document_id=4623285&access_key=key-1afbox6egxmstqzl54ur&page=&version=1&auto_size=true' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' play='true' loop='true' scale='showall' wmode='opaque' devicefont='false' bgcolor='#ffffff' name='doc_152831468965031_object' menu='true' allowfullscreen='true' allowscriptaccess='always' salign='' type='application/x-shockwave-flash' align='middle'  height='500' width='100%'></embed>	</object><div style='font-size:10px;text-align:center;width:100%'><a href='http://www.scribd.com/doc/4623285/Those-Small-Lil-Things'>Those Small Li’l Things</a> - <a href='http://www.scribd.com/upload'>Upload a Document to Scribd</a></div><div style='display:none'> Read this document on Scribd: <a href='http://www.scribd.com/doc/4623285/Those-Small-Lil-Things'>Those Small Li’l Things</a> </div>";
		$('toggle').innerHTML = "Hide Excerpt"
		$('excerpt').style.display = "block";
		toggleExcerpt.isHidden = false;
	}else if(toggleExcerpt.isHidden == false){
		$('toggle').innerHTML = "Read an excerpt from the book"
		$('excerpt').style.display = "none";
		toggleExcerpt.isHidden = true;
	}
}

//---------------------------------------------------BOOKS PAGE Just Like In The Movies--------------------------------
function toggleExcerptJustLikeMovies(){
	if( typeof toggleExcerptJustLikeMovies.isHidden == 'undefined'){
		toggleExcerptJustLikeMovies.isHidden = true;
	}
	if(toggleExcerptJustLikeMovies.isHidden == true){
	$('excerpt1').innerHTML ='<object id="doc_63422" name="doc_63422" height="600" width="100%" type="application/x-shockwave-flash" data="http://d1.scribdassets.com/ScribdViewer.swf" style="outline:none;" ><param name="movie" value="http://d1.scribdassets.com/ScribdViewer.swf"> <param name="wmode" value="opaque"> <param name="bgcolor" value="#ffffff"> <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> <param name="FlashVars" value="document_id=37170705&access_key=key-g7jfqzm35qn1f3ulnlz&page=1&viewMode=list"> <embed id="doc_63422" name="doc_63422" src="http://d1.scribdassets.com/ScribdViewer.swf?document_id=37170705&access_key=key-g7jfqzm35qn1f3ulnlz&page=1&viewMode=list" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="600" width="100%" wmode="opaque" bgcolor="#ffffff"></embed> </object>';
		$('toggleMovies').innerHTML = "Hide Excerpt"
		$('excerpt1').style.display = "block";
		toggleExcerptJustLikeMovies.isHidden = false;
	}else if(toggleExcerptJustLikeMovies.isHidden == false){
		$('toggleMovies').innerHTML = "Read an excerpt from the book"
		$('excerpt1').style.display = "none";
		toggleExcerptJustLikeMovies.isHidden = true;
	}
}

/* #CONTACT FORM VALIDATION
---------------------------------------------------------------------------------------------*/
function verifyName(submitting){
	var providedName = $F('vn');
	if(providedName.replace(/\s/g,"") == ""){
		$('name_msg').innerHTML = "<span class='error'>Please provide a name, It would be nice to know your wonderful name</span>";
		return 0;
	}else if(providedName.replace(/\b[a-z.]*\s{0,2}[a-z.]*\b/ig,"")!=""){
		$('name_msg').innerHTML = "<span class='error'>Your name contains something besides alphabets and '.' . Really?</span>";
		return 0;
	}else{
		if(submitting == false){
			$('name_msg').innerHTML = "<span class='success'>Thank You! "+providedName+", nice name BTW :)</span>";
		}
		return 1;
	}
}

function verifyEmail(submitting){
	var providedEmail = $F('email');
	if(providedEmail.replace(/\s/g,"") == ""){
		$('email_msg').innerHTML = "<span class='error'>Please provide your email address.</span>";
		return 0;
	}else if(providedEmail.replace(/\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/i,"")!=""){
		$('email_msg').innerHTML = "<span class='error'>Oops! The address you provided doesn't seem correct. Please double check, or try giving another.</span>";
		return 0;
	}else{
		if(submitting == false){
			$('email_msg').innerHTML = "<span class='success'>Great! Thank You</span>";
		}
		return 1;
	}
}

function verifySubject(submitting){
	var providedSub = $F('sub');
	if(providedSub.replace(/\s/g,"") == ""){
		$('sub_msg').innerHTML = "<span class='error'>Please provide a subject, that would help to easily view your message</span>";
		return 0;
	}else{
		if(submitting == false){
			$('sub_msg').innerHTML = "<span class='success'>Seems OK!</span>";
		}
		return 1;
	}
}

function verifyMsg(submitting){
	var providedMsg = $F('msg');
	if(providedMsg.replace(/\s/g,"") == ""){
		$('msg_msg').innerHTML = "<span class='error'>Ah! you must be joking. You don't want to write anything?</span>";
		return 0;
	}else{
		if(submitting == false){
			$('msg_msg').innerHTML = "<span class='success'>Cool!</span>";
		}
		return 1;
	}
}

function submitForm(){ 
	if(!verifyName(true)){ 
	}else if(!verifyEmail(true)){
	}else if(!verifySubject(true)){
	}else if(!verifyMsg(true)){
	}else{
		new Ajax.Updater('content','mail.php', {
						 method: 'post',
						 parameters: $('contactform').serialize()
						 }
						 );
	}
}


/* ADMIN AREA
==============================================================================================*/
function insertPoster(imageName){
	$('poster').value = imageName;
	Lightview.hide();
}

function showImageChooser(){
	Lightview.show(
				   { 
				   	href: 'scandir.php', 
					rel: 'iframe', 
					options: { width: 800, height: 500 }
					});
}