/*
* jQuery Themes Kingdom Slider - Boubles v1.0
* http://themeskingdom.com
*
* Copyright 2011, Nebojsa Barac
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2011 - First version
*/
(function($) {

	var TkSlider = function(element, options){
		//Defaults are below
		var settings = $.extend({}, $.fn.tkSlider.defaults, options);

		//Useful variables. Play carefully.
		var vars = {
			leftSlide: 0,
			centerSlide: 0,
			rightSlide: 0,
			leftImage: '',
			centerImage: '',
			rightImage: '',
			totalSlides: 0,
			running: false
		};

		var elementvars = {
			width: 0,
			height: 0,
			xposition: 0,
			yposition: 0,
			leftholder: '',
			centerholder: '',
			rightholder: ''


		};

		//Get this slider
		var slider = $(element);
		slider.data('tk:vars', vars);
		slider.css('position','relative');

		slider.addClass('TkSlider');

		//Slider dimensions
		var sliderWidth = parseInt(slider.css('width'));
		
		slider.height('679px');
		var sliderHeight = slider.height();

		//Find our slider children
		var kids = slider.children();
		vars.totalSlides = 0;
		kids.each(function() {
			var child = $(this);
			var link = '';
			if(!child.is('img')){
				if(child.is('a')){
					child.addClass('tk-imageLink');
					link = child;
				}
				child = child.find('img:first');
			}
			//Get img width & height
			var childWidth = child.width();
			if(childWidth == 0) childWidth = child.attr('width');
			var childHeight = child.height();
			if(childHeight == 0) childHeight = child.attr('height');
			//Resize the slider
			if(childWidth > slider.width()){
				// slider.width(childWidth);
			}
			if(childHeight > slider.height()){
				// slider.height(childHeight);
			}
			if(link != ''){
				link.css('display','none');
			}
			child.css('display','none');

			vars.totalSlides++;
			child.attr('rev',vars.totalSlides);
			child.attr('class','img'+vars.totalSlides);
		});


		//leftholder
		slider.append('<div id="leftholder"></div>');
		var leftholder = $('#leftholder');
		leftholder.data('tk:elementvars', elementvars);

		leftholder.width = sliderWidth/5;

		leftholder.height = leftholder.width;

		leftholder.xposition = 0;

		leftholder.yposition = (sliderHeight-leftholder.height)/2.1;

		leftholder.css('position','absolute');
		leftholder.css('background-color','#fff');
		leftholder.css('width',leftholder.width);
		leftholder.css('height',leftholder.height);
		leftholder.css('left',leftholder.xposition);
		leftholder.css('top',leftholder.yposition);


		//centerholder
		slider.append('<div id="centerholder"></div>');
		var centerholder = $('#centerholder');
		centerholder.data('tk:elementvars', elementvars);

		centerholder.width = sliderWidth/2;

		centerholder.height = centerholder.width;
		centerholder.xposition = (sliderWidth-centerholder.width)/2;

		centerholder.yposition = (sliderHeight-centerholder.height)/1.3;

		centerholder.css('position','absolute');
		centerholder.css('background-color','#fff');
		centerholder.css('width',centerholder.width);
		centerholder.css('height',centerholder.height);
		centerholder.css('left',centerholder.xposition);
		centerholder.css('top',centerholder.yposition);

		//rightholder
		slider.append('<div id="rightholder"></div>');
		var rightholder = $('#rightholder');
		rightholder.data('tk:elementvars', elementvars);

		rightholder.width = sliderWidth/5;

		rightholder.height = rightholder.width;

		rightholder.xposition = 0;

		rightholder.yposition = (sliderHeight-rightholder.height)/2.1;

		rightholder.css('position','absolute');
		rightholder.css('background-color','#fff');
		rightholder.css('width',rightholder.width);
		rightholder.css('height',rightholder.height);
		rightholder.css('right',rightholder.xposition);
		rightholder.css('top',rightholder.yposition);


		//Set leftSlide
		if(settings.leftSlide > 0){
			if(settings.leftSlide >= vars.totalSlides){
				settings.leftSlide = vars.totalSlides - 1;
			}
			vars.leftSlide = settings.leftSlide;
		}


		//Get initial images
		if($(kids[vars.leftSlide]).is('img')){
			vars.leftImage = $(kids[vars.leftSlide]);
			
		} else {
			vars.leftImage = $(kids[vars.leftSlide]).find('img:first');
			
		}
		leftTitle = $(vars.leftImage).attr('title');
		leftContent = $(vars.leftImage).attr('cont');
		leftLink = $(vars.leftImage).attr('link');
		

		//Show initial link
		if($(kids[vars.leftSlide]).is('a')){
			$(kids[vars.leftSlide]).css('display','block');
		}



		//Center Slide
		vars.centerSlide = vars.leftSlide + 1;
		if($(kids[vars.centerSlide]).is('img')){
			vars.centerImage = $(kids[vars.centerSlide]);
			
		} else {
			vars.centerImage = $(kids[vars.centerSlide]).find('img:first');
		}
		centerTitle = $(vars.centerImage).attr('title');
		centerContent = $(vars.centerImage).attr('cont');
		centerLink = $(vars.centerImage).attr('link');

		//Show initial link
		if($(kids[vars.centerSlide]).is('a')){
			$(kids[vars.centerSlide]).css('display','block');
		}



		//Right Slide
		vars.rightSlide = vars.centerSlide + 1;
		if($(kids[vars.rightSlide]).is('img')){
			vars.rightImage = $(kids[vars.rightSlide]);
			
		} else {
			vars.rightImage = $(kids[vars.rightSlide]).find('img:first');
		}

		rightTitle = $(vars.rightImage).attr('title');
		rightContent = $(vars.rightImage).attr('cont');
		rightLink = $(vars.rightImage).attr('link');
		
		//Show initial link
		if($(kids[vars.rightSlide]).is('a')){
			$(kids[vars.rightSlide]).css('display','block');
		}


		//Set first background and round them up
		leftRadius = leftholder.width/2;
		$('#leftholder').attr('rev',vars.leftImage.attr('src')).attr('name','leftholder').css('background-image','url('+vars.leftImage.attr('src')+')').css('background-position','50% 50%');
		centerRadius = centerholder.width/2;
		$('#centerholder').attr('rev',vars.centerImage.attr('src')).attr('name','centerholder').css('background-image','url('+vars.centerImage.attr('src')+')').css('background-position','50% 50%');
		$('#rightholder').attr('rev',vars.rightImage.attr('src')).attr('name','rightholder').css('background-image','url('+vars.rightImage.attr('src')+')').css('background-position','50% 50%');

		$(slider).append('<div class="mask"></div>');
		$('.mask').css('width',sliderWidth+10);
		$('.mask').css('height','691px');
		$('.mask').css('position','absolute');
		
		
		$(slider).append('<div class="lefttitle slidertitle"></div>');
		$('.lefttitle').css('width','190px');
		$('.lefttitle').css('height','134px');
		$('.lefttitle').css('position','absolute');
		$('.lefttitle').css('top','482px');
		
		
		$(slider).append('<a href="'+leftLink+'"><div class="more-info-small leftinfo"></div></a>');
		$('.leftinfo').css('position','absolute');
		$('.leftinfo').css('top','390px');
		$('.leftinfo').css('left','60px');
		$('.lefttitle').append('<h2>'+leftTitle+'</h2><span>'+leftContent+"</span>");
		
		$(slider).append('<div class="centertitle slidertitle"></div>');
		$('.centertitle').css('width','800px');
		$('.centertitle').css('height','90px');
		$('.centertitle').css('position','absolute');
		$('.centertitle').css('top','47px');
		$('.centertitle').css('left','77px');
				
		$('.centertitle').append('<h2>'+centerTitle+'</h2><span>'+centerContent+"</span>");
				
		$(slider).append('<a href="'+centerLink+'"><div class="more-info-large centerinfo"></div></a>');
		$('.centerinfo').css('position','absolute');
		$('.centerinfo').css('top','569px');
		$('.centerinfo').css('left','414px');
		
		
		$(slider).append('<div class="righttitle slidertitle"></div>');
		$('.righttitle').css('width','190px');
		$('.righttitle').css('height','134px');
		$('.righttitle').css('position','absolute');
		$('.righttitle').css('top','482px');
		$('.righttitle').css('left','771px');
		//$('.righttitle').css('background','#000');
		
		$('.righttitle').append('<h2>'+rightTitle+'</h2><span>'+rightContent+"</span>");

		$(slider).append('<a href="'+rightLink+'"><div class="more-info-small rightinfo"></div></a>');
		$('.rightinfo').css('position','absolute');
		$('.rightinfo').css('top','390px');
		$('.rightinfo').css('left','827px');
		
		
		
		
		//Add Direction nav
		if(settings.directionNav){
<!--			slider.append('<div class="tk-directionNav"><a class="tk-prevNav"></a><a class="tk-nextNav"></a></div>');-->
			tkNav = $('.tk-directionNav');
			tkNav.css('width','100%');
			tkNav.css('height',sliderHeight/15);

			tkNavPrev = $('.tk-prevNav');
			tkNavPrev.css('position','absolute');
			tkNavPrev.css('left','-44px');
			tkNavPrev.height = parseInt(tkNavPrev.css('height'));
			tkNavPrev.css('top','307px');

			tkNavNext = $('.tk-nextNav');
			tkNavNext.css('position','absolute');
			tkNavNext.css('right','-31px');
			tkNavNext.height = parseInt(tkNavNext.css('height'));
			tkNavNext.css('top','307px');
			//Hide Direction nav
			if(settings.directionNavHide){
				$('.tk-directionNav', slider).hide();
				slider.hover(function(){
					$('.tk-directionNav', slider).show();
				}, function(){
					$('.tk-directionNav', slider).hide();
				});
			}

			$('a.tk-prevNav').live('click', function(){
				if(vars.leftSlide == 0) return false;
				if(vars.running) return false;
				tkRun(slider, kids, settings, 'prev');
			});

			$('a.tk-nextNav').live('click', function(){
				if(vars.rightSlide == vars.totalSlides - 1) return false;
				if(vars.running) return false;
				tkRun(slider, kids, settings, 'next');
			});
		}

		// Private run method
		var tkRun = function(slider, kids, settings, nudge){
			//Get our vars
			var vars = slider.data('tk:vars');

			//Trigger the lastSlide callback
			if(vars && (vars.currentSlide == vars.totalSlides - 1)){
				settings.lastSlide.call(this);
			}

			// Stop
			if((!vars || vars.stop) && !nudge) return false;

			//Trigger the beforeChange callback


			if(nudge == 'prev'){
				$('.cloned').remove();
				vars.leftSlide = tkChange('left','right',vars.leftSlide,slider);
				vars.centerSlide = tkChange('center','right',vars.centerSlide,slider);
				vars.rightSlide = tkChange('right','right',vars.rightSlide,slider);


			}

			if(nudge == 'next'){
				$('.cloned').remove();
				vars.leftSlide = tkChange('left','left',vars.leftSlide,slider);
				vars.centerSlide = tkChange('center','left',vars.centerSlide,slider);
				vars.rightSlide = tkChange('right','left',vars.rightSlide,slider);


			}





		}

		var tkChange = function (what,direction,num,slider){

			var elementvars = slider.data('tk:elementvars');
			var vars = slider.data('tk:vars');

			vars.running = true;






			if(direction == 'left'){
				var oldnum = num;
				num++;
				var ret = num;


				if($(kids[num]).is('img')){
					var whatImage = $(kids[num]);
				} else {
					var whatImage = $(kids[num]).find('img:first');
				}


				//Show initial link
				if($(kids[num]).is('a')){
					$(kids[num]).css('display','block');
				}



			
			$('#'+what+'holder').animate({
						opacity:0,backgroundPosition: '52% 50%'
					}, settings.animSpeed, function() {
						$('#'+what+'holder').css('background','url("'+ whatImage.attr('src') +'") center center no-repeat');
						$('#'+what+'holder').animate({opacity:1,backgroundPosition: '50% 50%'},settings.animSpeed);
						vars.running = false;
					});
			if(what == 'left'){
				$('.lefttitle').empty().append('<h2>'+whatImage.attr('title')+'</h2><span>'+whatImage.attr('cont')+"</span>");
				$('.leftinfo').empty().append('<a href="'+whatImage.attr('link')+'"><div class="more-info-small leftinfo"></div></a>');
			}
			if(what == 'center'){
				$('.centertitle').empty().append('<h2>'+whatImage.attr('title')+'</h2><span>'+whatImage.attr('cont')+"</span>");
				$('.centerinfo').empty().append('<a href="'+whatImage.attr('link')+'"><div class="more-info-large centerinfo"></div></a>');
			}
			if(what == 'right'){
				$('.righttitle').empty().append('<h2>'+whatImage.attr('title')+'</h2><span>'+whatImage.attr('cont')+"</span>");
				$('.rightinfo').empty().append('<a href="'+whatImage.attr('link')+'"><div class="more-info-small rightinfo"></div></a>');
			}
			}

			if(direction == 'right'){
				var oldnum = num;
				num--;
				var ret = num;


				if($(kids[num]).is('img')){
					var whatImage = $(kids[num]);
				} else {
					var whatImage = $(kids[num]).find('img:first');
				}


				//Show initial link
				if($(kids[num]).is('a')){
					$(kids[num]).css('display','block');
				}




								
					
					
					
					$('#'+what+'holder').animate({
						opacity:0,backgroundPosition: '48% 50%'
					}, settings.animSpeed, function() {
						$('#'+what+'holder').css('background','url("'+ whatImage.attr('src') +'") center center no-repeat');
						$('#'+what+'holder').animate({opacity:1,backgroundPosition: '50% 50%'},settings.animSpeed);
						vars.running = false;
					});

			if(what == 'left'){
				$('.lefttitle').empty().append('<h2>'+whatImage.attr('title')+'</h2><span>'+whatImage.attr('cont')+"</span>");
			}
			if(what == 'center'){
				$('.centertitle').empty().append('<h2>'+whatImage.attr('title')+'</h2><span>'+whatImage.attr('cont')+"</span>");
			}
			if(what == 'right'){
				$('.righttitle').empty().append('<h2>'+whatImage.attr('title')+'</h2><span>'+whatImage.attr('cont')+"</span>");
			}

				
				

			}
			
			
			
			return ret;
		}

	}




	$.fn.tkSlider = function(options) {

		return this.each(function(){
			var element = $(this);
			// Return early if this element already has a plugin instance
			if (element.data('tkslider')) return;
			// Pass options to plugin constructor
			var tkslider = new TkSlider(this, options);
			// Store plugin object in this element's data
			element.data('tkslider', tkslider);
		});

	};

	//Default settings
	$.fn.tkSlider.defaults = {
		direction: 'left',
		animSpeed: 500,
		pauseTime: 3000,
		borderColor: '#27779F',
		leftSlide: 0,
		centerSlide: 0,
		rightSlide: 0,
		directionNav: true,
		keyboardNav: true,
		pauseOnHover: true
	};

	$.fn._reverse = [].reverse;

	
})(jQuery);

function colourNameToHex(colour){

	var colours = {"aliceblue":"#f0f8ff","antiquewhite":"#faebd7","aqua":"#00ffff","aquamarine":"#7fffd4","azure":"#f0ffff",
	"beige":"#f5f5dc","bisque":"#ffe4c4","black":"#000000","blanchedalmond":"#ffebcd","blue":"#0000ff","blueviolet":"#8a2be2","brown":"#a52a2a","burlywood":"#deb887",
	"cadetblue":"#5f9ea0","chartreuse":"#7fff00","chocolate":"#d2691e","coral":"#ff7f50","cornflowerblue":"#6495ed","cornsilk":"#fff8dc","crimson":"#dc143c","cyan":"#00ffff",
	"darkblue":"#00008b","darkcyan":"#008b8b","darkgoldenrod":"#b8860b","darkgray":"#a9a9a9","darkgreen":"#006400","darkkhaki":"#bdb76b","darkmagenta":"#8b008b","darkolivegreen":"#556b2f",
	"darkorange":"#ff8c00","darkorchid":"#9932cc","darkred":"#8b0000","darksalmon":"#e9967a","darkseagreen":"#8fbc8f","darkslateblue":"#483d8b","darkslategray":"#2f4f4f","darkturquoise":"#00ced1",
	"darkviolet":"#9400d3","deeppink":"#ff1493","deepskyblue":"#00bfff","dimgray":"#696969","dodgerblue":"#1e90ff",
	"firebrick":"#b22222","floralwhite":"#fffaf0","forestgreen":"#228b22","fuchsia":"#ff00ff",
	"gainsboro":"#dcdcdc","ghostwhite":"#f8f8ff","gold":"#ffd700","goldenrod":"#daa520","gray":"#808080","green":"#008000","greenyellow":"#adff2f",
	"honeydew":"#f0fff0","hotpink":"#ff69b4",
	"indianred ":"#cd5c5c","indigo ":"#4b0082","ivory":"#fffff0","khaki":"#f0e68c",
	"lavender":"#e6e6fa","lavenderblush":"#fff0f5","lawngreen":"#7cfc00","lemonchiffon":"#fffacd","lightblue":"#add8e6","lightcoral":"#f08080","lightcyan":"#e0ffff","lightgoldenrodyellow":"#fafad2",
	"lightgrey":"#d3d3d3","lightgreen":"#90ee90","lightpink":"#ffb6c1","lightsalmon":"#ffa07a","lightseagreen":"#20b2aa","lightskyblue":"#87cefa","lightslategray":"#778899","lightsteelblue":"#b0c4de",
	"lightyellow":"#ffffe0","lime":"#00ff00","limegreen":"#32cd32","linen":"#faf0e6",
	"magenta":"#ff00ff","maroon":"#800000","mediumaquamarine":"#66cdaa","mediumblue":"#0000cd","mediumorchid":"#ba55d3","mediumpurple":"#9370d8","mediumseagreen":"#3cb371","mediumslateblue":"#7b68ee",
	"mediumspringgreen":"#00fa9a","mediumturquoise":"#48d1cc","mediumvioletred":"#c71585","midnightblue":"#191970","mintcream":"#f5fffa","mistyrose":"#ffe4e1","moccasin":"#ffe4b5",
	"navajowhite":"#ffdead","navy":"#000080",
	"oldlace":"#fdf5e6","olive":"#808000","olivedrab":"#6b8e23","orange":"#ffa500","orangered":"#ff4500","orchid":"#da70d6",
	"palegoldenrod":"#eee8aa","palegreen":"#98fb98","paleturquoise":"#afeeee","palevioletred":"#d87093","papayawhip":"#ffefd5","peachpuff":"#ffdab9","peru":"#cd853f","pink":"#ffc0cb","plum":"#dda0dd","powderblue":"#b0e0e6","purple":"#800080",
	"red":"#ff0000","rosybrown":"#bc8f8f","royalblue":"#4169e1",
	"saddlebrown":"#8b4513","salmon":"#fa8072","sandybrown":"#f4a460","seagreen":"#2e8b57","seashell":"#fff5ee","sienna":"#a0522d","silver":"#c0c0c0","skyblue":"#87ceeb","slateblue":"#6a5acd","slategray":"#708090","snow":"#fffafa","springgreen":"#00ff7f","steelblue":"#4682b4",
	"tan":"#d2b48c","teal":"#008080","thistle":"#d8bfd8","tomato":"#ff6347","turquoise":"#40e0d0",
	"violet":"#ee82ee",
	"wheat":"#f5deb3","white":"#ffffff","whitesmoke":"#f5f5f5",
	"yellow":"#ffff00","yellowgreen":"#9acd32"};

	if (typeof colours[colour.toLowerCase()] != 'undefined'){return colours[colour.toLowerCase()];} else {return colour;};
}