/* Random image for Home Page */

var theImages = new Array()

	theImages[0] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-1.jpg'
	theImages[1] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-2.jpg'
	theImages[2] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-3.jpg'
	theImages[3] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-4.png'
	theImages[4] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-5.jpg'
	theImages[5] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-6.jpg'
	theImages[6] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-7.jpg'
	theImages[7] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-8.jpg'
	theImages[8] = 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/home-image-9.jpg'

	var j = 0
	var p = theImages.length;
	var preBuffer = new Array()

	for (i = 0; i < p; i++){
	preBuffer[i] = new Image()
	preBuffer[i].src = theImages[i]
}
	var whichImage = Math.round(Math.random()*(p-1));

	function showImage(){
	if(whichImage==0){
	document.write('<a class="tooltip" title="Interior and Architecture Photography" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}
	else if(whichImage==1){
	document.write('<a class="tooltip" title="Interior and Architecture Photography" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}
	else if(whichImage==2){
	document.write('<a class="tooltip" title="Interior and Architecture Photography" class="tooltip" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}
	else if(whichImage==3){
	document.write('<a class="tooltip" title="Typography" class="tooltip" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}
	else if(whichImage==4){
	document.write('<a class="tooltip" title="Fashion and Portrait Photography" class="tooltip" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}
	else if(whichImage==5){
	document.write('<a class="tooltip" title="Fashion and Portrait Photography" class="tooltip" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}
	else if(whichImage==6){
	document.write('<a class="tooltip" title="Fashion and Portrait Photography" class="tooltip" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}
	else if(whichImage==7){
	document.write('<a class="tooltip" title="Wedding Photography" class="tooltip" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}
	else if(whichImage==8){
	document.write('<a class="tooltip" title="Wedding Photography" class="tooltip" href ="http://www.southwoodstudio.co.uk"><img src="'+theImages[whichImage]+'" border=0 width=960 height=480></a>');
	}

}

/* Form Utility */

$(document).ready(function() {
	$("#contact-quiz").attr("value", "Answer me this... is Ice Hot or Cold?");

	var text = "Answer me this... is Ice Hot or Cold?";

	$("#contact-quiz").focus(function() {
		$(this).addClass("active");
		if($(this).attr("value") == text) $(this).attr("value", "");
	});

	$("#contact-quiz").blur(function() {
		$(this).removeClass("active");
		if($(this).attr("value") == "") $(this).attr("value", text);
	});
});

/* Tooltip and Contact Panel Slider */
$(document).ready(function(){

	$(".btn-slide").click(function(){
		$("#contact-panel").slideToggle("fast");
		$(this).toggleClass("active"); return false;
	});		 
});

this.tooltip = function(){	
		
	xOffset = 10;
	yOffset = 25;		

	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn(250);		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};
$(document).ready(function(){
	tooltip();
});


// Next/ Previous Post with Tool tip Thumbnail
this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};


// starting the script on page load
$(document).ready(function(){
	imagePreview();
});


//** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09')
//** v1.1 (April 7th, 09'):
//** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
//** 2) Fixes scroll animation not working in Opera. 


var scrolltotop={
	//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
	//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
	setting: {startline:100, scrollto: 0, scrollduration:500, fadeduration:[500, 100]},
	controlHTML: '<div id="top-link">Top</div>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
	controlattrs: {offsetx:10, offsety:10}, //offset of control relative to right/ bottom of window corner
	anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

	state: {isvisible:false, shouldvisible:false},

	scrollup:function(){
		if (!this.cssfixedsupport) //if control is positioned using JavaScript
			this.$control.css({opacity:0}) //hide control immediately after clicking it
		var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
		if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
			dest=jQuery('#'+dest).offset().top
		else
			dest=0
		this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
	},

	keepfixed:function(){
		var $window=jQuery(window)
		var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
		var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
		this.$control.css({left:controlx+'px', top:controly+'px'})
	},

	togglecontrol:function(){
		var scrolltop=jQuery(window).scrollTop()
		if (!this.cssfixedsupport)
			this.keepfixed()
		this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
		if (this.state.shouldvisible && !this.state.isvisible){
			this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
			this.state.isvisible=true
		}
		else if (this.state.shouldvisible==false && this.state.isvisible){
			this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
			this.state.isvisible=false
		}
	},
	
	init:function(){
		jQuery(document).ready(function($){
			var mainobj=scrolltotop
			var iebrws=document.all
			mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
			mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
			mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
				.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
				.attr({title:'Scroll Back to Top'})
				.click(function(){mainobj.scrollup(); return false})
				.appendTo('body')
			if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
				mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
			mainobj.togglecontrol()
			$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
				mainobj.scrollup()
				return false
			})
			$(window).bind('scroll resize', function(e){
				mainobj.togglecontrol()
			})
		})
	}
}

scrolltotop.init()


/* slider */

		$(function(){				
				$('.slides').slides({
					preload: true,
					preloadImage: 'http://www.southwoodstudio.co.uk/wp-content/themes/studio-mk9.1/images/loader-white.gif',
					generateNextPrev: true
				});
		});