var $st=jQuery.noConflict();if(!start){var start = {};};
var $basePath = location.protocol + "//" + location.hostname + "/"
var $subscribeOn = false;

$st(document).ready(function() {
	$st('#page').addClass('js-enabled');
	$st('input#ajaxSearch_submit').replaceSubmit();
	csthumbs('.panelCaseStudyList li');
	csthumbs('.panelCaseStudy li');
	//$st('.twitter .ticker p').twitter(); //Twatter feed removed - JL
	$st('#ourWork ').hubThumbnail();
	//internationalPanel(); //International panel removed - JL
	CSThumbnailHolder();
	slideshow();
	activateTabbing();
	ajaxCalls();
	subscribe();
	modalActivation();

	$st('#nav').navigation();
	$st('.scroll').jScrollPane({showArrows:true,scrollbarWidth:14,dragMinHeight:24, dragMaxHeight:24});
	$st('#backlink').css('display','block');

	$st('body').find('a').click(function() {
		if ($st(this).parent().hasClass('click')) {
			//console.log('click');
			return true;
		}
	
		if ($st(this).parent().hasClass('l2')) {
			//console.log('l2');
			//console.log($st(this).parent());
			$st(this).parent().children().css("display", "block");
			return false;
		}
	
		if ($st(this).parent().hasClass('click')) {
			//console.log('multi-level');
			//$st(this).siblings().css("display", "block");
			return false;
		}
	});	
	
});

// Submit button replacement
(function($) {
	$.fn.replaceSubmit = function(){
		return this.each(function(index){
			new $rs(this, index);
		});
	};
	$.replaceSubmit = function(e, i) {
		var page, varData, vars = "";
		var thisSubmit = $(e);
		var submitID = thisSubmit.attr('id');
		var submitClass = thisSubmit.attr('class');
		var submitValue = thisSubmit.attr('value');
		var form = thisSubmit.parents('form');
		thisSubmit.replaceWith('<span class="btn"><a class="' + submitClass + '" href="'+form.attr('action')+'"><span>' + submitValue + '</span></a></span>');
		$(".btn").not(".norm").eq(i).click(function(){
			form.submit();
			return false;
		});
	};
	var $rs = $.replaceSubmit;
})(jQuery);

function addBackdrop() {
	$st('#main').append('<div class="modalBlackOut"></div>');
	$st('.modalBlackOut').show();
	$st('.modalBlackOut').fadeTo(0, 0)
	$st('.modalBlackOut').fadeTo(400, 0.7)
}

function removeBackdrop() {
	$st('.modalBlackOut').fadeTo(400, 0, function(){
		$st('.modalBlackOut').remove();
	})
}


function modalActivation() {
	var offset = $st("#main").offset();
	var diff = (870 - 700) /2;
	
	$st("a.movie").fancybox({
			'speedIn'		:	600, 
			'speedOut'		:	200,
			'overlayOpacity': 	0.8, 
			'overlayColor'	: 	'#000000', 
			'modal'			: 	false, 
			'overlayShow'	:	true,
			'onStart':function(){
				$st('html').css({backgroundColor: '#191919'})
				
			}
		});
	
	/*
	$st("a.movie").modal({
		pageURL : $st(this).attr('href'),
		type : "video"
	});
	*/
}

function subscribe(){
	$st('#nav li.l2').css('display','block');
	$st('li div.container').css('display','block');
	/*
	$st('#subscribe-link').modal({ 
		pageURL : $st(this).attr('href'),
		modalTag: '#subscribe_form_container_div',
		height:250,
		width: 400,
		submitFormId: '#SubscribeForm',
		submitURL:'/projects/startcms/uk/newsletter-subscribe.html',
		postLoad:function() { 
			$st('label').css('color','#FFFFFF') ; 
		}
		//overlayTo:'#page'

	});
	*/
	
}

function show_subscribe_iframe(data) {
	var html = '<h2>Newsletter Subscribe</h2>';
	html += $st(data).find('p.error').html();
	html += $st(data).find('#SubscribeForm').html();
	
	$st('#main').append('<div class="modalBlackOut"></div>');
	$st('#main').append('<div class="boxContainer">'+html+'</div>');
	$st('.modalBlackOut').show();
	$st('.modalBlackOut').fadeTo(0, 0);
	$st('.modalBlackOut').fadeTo(400, 0.7);
	
	//add submit handler
	$st('#SubscribeForm').submit( function() {
		
		return false;
	});
}

function CSThumbnailHolder(){
	//return;
	$st('#CSThumbnailHolder').addClass('js-enabled')
	$st('#CSThumbnailHolder').draggable({ containment: '#main', handle: 'div.handler', cursor: 'move' })
		
	var img = $st('#CSThumbnailHolder').find('img');
	var curImage;
	var oldImage;
	
	$st('#bgImg img').remove()
	var status = new Array();
	//hide the large images until they've finished loading
	$st('#bgImg').css('visibility', 'hidden');
	//alert(img.length);
	img.each(function(i){
		//alert(i);
		var arr = $st(this).attr('src').split("=");
		arr = arr[1].split("&");
		var src = arr[0].toString();
		$st('#bgImg').append('<img class="js-enabled" src="'+src+'" style="z-index:'+1+';" />');
		status[i] = "loading";
		$st(this).fadeTo(0,0.5);
		$st('#bgImg img').eq(i).bind("load", function(){
			status[i] = "loaded";
			$st(this).fadeTo(0,0);
			$st(this).show();
			img.eq(i).fadeTo(0,0.7);
			if(i == 0) {
				curImage = $st(this);
				img.eq(i).addClass('active');
				curImage.css("z-index",2);
				img.eq(i).fadeTo("fast", 1);
				curImage.fadeTo("fast", 1)
			}
			if(i == img.length -1 ) {
				$st('#bgImg').css('visibility', 'visible');
			}
		})
	})
	
	
	img.click(function(){
		var index = $st('#CSThumbnailHolder .thumbs img').index(this);
		if( (status[index] != "loading") && (!$st(this).hasClass('active')) ){
			oldImage = curImage;oldImage.css("z-index",1);
			curImage = $st('#bgImg img').eq(index);curImage.css("z-index",2);;
			img.removeClass('active');
			$st(this).addClass('active')
			img.eq($st('#bgImg img').index(oldImage)).fadeTo(500,0.7);
			curImage.fadeTo("slow", 1, function(){
				oldImage.fadeTo(0,0);
			})
		}
		return false;
	})

	img.hover(
		function(){
			$st(this).stop();
			$st(this).fadeTo(500,1);
		},
		function(){
			if(!$st(this).hasClass('active')){
				$st(this).stop();
				$st(this).fadeTo(500,0.7);
			}
		}
	)
	
	$st('.internationalPanel li').click(function(){
		location.href = $st(this).find("a").attr("href");
	})
}

$st(window).load(function(){
    slideshow();
});

function internationalPanel(){
	
	$st('.internationalPanel li').css({cursor:'pointer'})
	$st('.internationalPanel li').hover(
		function(){
			$st(this).find("img").addClass('hover')
			$st(this).find("h3 a").addClass('hover')
		},
		function(){
			$st(this).find("img").removeClass('hover')
			$st(this).find("h3 a").removeClass('hover')
		}
	)
	
	$st('.internationalPanel li').click(function(){
		location.href = $st(this).find("a").attr("href");
	})
}

function csthumbs(elm){
	$st(elm).css({cursor:'pointer'})
	$st(elm).hover(
		function(){
			$st(this).find("a").addClass('hover');
		},
		function(){
			$st(this).find("a").removeClass('hover')
		}
	);
	$st(elm).click(function(){
		//alert($basePath + $st(this).find("a").attr("href"));
		location.href = $basePath + $st(this).find("a").attr("href");
	})
}

function ajaxCalls() {
	// $st("ul.contact-ajax li a, a.ajax").click(function() { // div#footer a,
	// 		
	// 		if ($st("#ajax-div").length <= 0) {
	// 			$st("#main").append("<div id='ajax-div'></div>");
	// 		}
	// 		
	// 		var divToLoad;
	// 		
	// 		if ($st(this).parents('ul.contact-ajax').length == 0){
	// 			divToLoad = "#ajax-content";
	// 		}
	// 		else {divToLoad = "#contact-us";}
	// 		
	// 		$st("#ajax-div").load($st(this).attr('href')+" "+divToLoad, function(){//divToLoad
	// 			$st("#ajax-div").append("<div class='bg'></div>");
	// 			//$st('#ajax-div #content').jScrollPane({showArrows:true,scrollbarWidth:14,dragMinHeight:23});
	// 			$st("#ajax-div #backlink").show();
	// 			$st("#ajax-div a.close").text("x");
	// 			$st("#ajax-div a.close, #backlink").click(function() {
	// 				$st("#ajax-div").html("");
	// 				$st("#contact-container").remove();
	// 				$st("#ajax-div").remove();
	// 				return false;
	// 			});	
	// 		});
	// 		return false;
	// 	});
}


function slideshow() {
	$st('#slideShow img').addClass('absolute');
	
	$st('#slideShow img').eq(0).load(function (){
		$st('#slideShow').height($st('#slideShow img').eq(0) .height());
	});
	
	$st('#slideShow').innerfade({
		speed: 'slow',
		timeout: 4000,
		type: 'sequence',
		containerheight: $st('#slideShow img').eq(0).height()
	});
}

function activateTabbing() {
	$st("ul.tabs").css({'display' : 'block'});
	$st(".awards .tab_content h2").css({'display' : 'none'});

	//Default Action
	$st(".tab_content").hide(); //Hide all content
	//$("ul.tabs li.active").show(); //Activate first tab

	if ($st("#_2008").length > 0) {$st("#_2008").show();}
	else {$st('.tab_container').children().eq(0).show();}

	//On Click Event
	$st("ul.tabs li").click(function() {
		$st("ul.tabs li").removeClass("active"); //Remove any "active" class
		$st(this).addClass("active"); //Add "active" class to selected tab
		$st(".tab_content").hide(); //Hide all tab content
		var activeTab = $st(this).find("a").attr("title"); //Find the rel attribute value to identify the active tab + content

		$st("#"+activeTab).fadeIn(); //Fade in the active content
		return false;
	});	
}