var logoTrig = 1;


$(function() {
		$( "#logo" ).draggable();
		$( "#dot-a" ).draggable();
		$( "#dot-c" ).draggable();
		$( "#aletter" ).draggable();
		$( "#about" ).draggable();
		$( "#bblondon" ).draggable();
		$( "#show" ).draggable();
		$( "#zb" ).draggable();
		$( "#zbbg" ).draggable();
		$( "#3show" ).draggable();
	});
	

function bodyOnLoad(pic){
 logoTrigChange(pic);
 changeLogo();
}
	
function logoTrigChange(pic)
{
	logoTrig = pic;
}



function showBetween3(){
	var between3 = document.getElementById("between3");
	var number3 = document.getElementById("number3");
    between3.style.visibility = "visible";
    number3.style.visibility = "hidden";	
}
function hideBetween3(){
	var between3 = document.getElementById("between3");
	var number3 = document.getElementById("number3");
    between3.style.visibility = "hidden";
    number3.style.visibility = "visible";	
}

function changeLogo()
{
	var logo = document.getElementById("logo");

    if (logoTrig==1)
    	{
    	logo.style.backgroundImage = "url('images/bb.02.png')";
    	logoTrig = 2;
    	}
    else  if (logoTrig == 2)
    	{
    	logo.style.backgroundImage = "url('images/bb.03.png')";
    		logoTrig = 3;
    	}
 	else  if (logoTrig == 3)
    	{logo.style.backgroundImage = "url('images/bb.05.png')";
	 	logoTrig = 4;
	 	}
	 else  if (logoTrig == 4)
    	{
    	   	logo.style.backgroundImage = "url('images/bb.04.png')";
    		logoTrig = 5;
    	}
   	 else  if (logoTrig == 5)
    	{
    	   	logo.style.backgroundImage = "url('images/bb.05.png')";
    		logoTrig = 6;
    	}
	 else  if (logoTrig == 6)
    	{
    	   	logo.style.backgroundImage = "url('images/bb.01.png')";
    		logoTrig = 1;
    	}
    
}	
function showInfo()
{
	var div = document.getElementById("info");
    div.style.visibility = "visible"; 
    
    var divdot = document.getElementById("dot-a");
    
    div.style.top = divdot.style.top;
    div.style.left = divdot.style.left;
    divdot.style.visibility = "hidden";
    
    div = document.getElementById("contact");
    div.style.visibility = "visible";
    
    var divdot = document.getElementById("dot-c");
    
    div.style.top = divdot.style.top;
    div.style.left = divdot.style.left;
    divdot.style.visibility = "hidden";
    
    var divtext = document.getElementById("atext");
    divtext.style.visibility = "visible";
    
    var divletter = document.getElementById("aletter");
    
   
    divtext.style.top = divletter.style.top;
    divtext.style.left = divletter.style.left;
    
     divletter.style.visibility = "hidden";

		
}

function hideInfo()
{

	var div = document.getElementById("info");
    div.style.visibility = "hidden";
    
    div = document.getElementById("contact");
    div.style.visibility = "hidden";
    
    div = document.getElementById("atext");
    div.style.visibility = "hidden";
    
    div = document.getElementById("aletter");
    div.style.visibility = "visible";
    
    div = document.getElementById("dot-a");
    div.style.visibility = "visible";

	div = document.getElementById("dot-c");
    div.style.visibility = "visible";

    
}



var trigger1 = "false";
var trigger2 = "false";
var trigger3 = "false";
var trigger4 = "false";

function pictureHide(pic)
{
	if(pic=="1bw"){
		var pic = document.getElementById("pic1-bw");
		pic.style.visibility = "hidden";
	}
	else if(pic=="2bw"){
		var pic = document.getElementById("pic2-bw");
		pic.style.visibility = "hidden";
	}
	else if (pic=="3bw"){
		var pic = document.getElementById("pic3-bw");
		pic.style.visibility = "hidden";
	}
	else if (pic=="4bw"){
		var pic = document.getElementById("pic4-bw");
		pic.style.visibility = "hidden";
	}
	else if(pic=="about")
	{
		var pic = document.getElementById("about");
		pic.style.visibility = "hidden";
		var link = document.getElementById("about-link");
		link.style.borderBottom = "none";
		
	}
	else if(pic=="bblondon")
	{
		var pic = document.getElementById("bblondon");
		pic.style.visibility = "hidden";
		var link = document.getElementById("bblondon-link");
		link.style.borderBottom = "none";
	}
	else if(pic=="show")
	{
		var pic = document.getElementById("show");
		pic.style.visibility = "hidden";
		var link = document.getElementById("show-link");
		link.style.borderBottom = "none";
	}
	else if(pic=="zb")
	{
		var pic = document.getElementById("zb");
		pic.style.visibility = "hidden";

	}
	else if(pic=="zbbg")
	{
		var pic = document.getElementById("zbbg");
		pic.style.visibility = "hidden";

	}
	else if(pic=="3show")
	{
		var pic = document.getElementById("3show");
		pic.style.visibility = "hidden";
		var p1 = document.getElementById("number3");
		p1.style.visibility = "hidden";
		var p2 = document.getElementById("between3");
		p2.style.visibility = "hidden";

	}
		
}

function pictureShow(pic)
{
	
	if(pic=="1" && trigger1=="false"){
		var pic = document.getElementById("pic1-bw");
		pic.style.visibility = "visible";
	}
	else if(pic=="2" && trigger2=="false"){
		var pic = document.getElementById("pic2-bw");
		pic.style.visibility = "visible";
	}
	else if (pic=="3" && trigger3=="false"){
		var pic = document.getElementById("pic3-bw");
		pic.style.visibility = "visible";
	}
	else if (pic=="4" && trigger4=="false"){
		var pic = document.getElementById("pic4-bw");
		pic.style.visibility = "visible";
	}
	else if (pic=="about"){
		var pic = document.getElementById("about");
		if( pic.style.visibility == "visible")
			pictureHide('about');
		else{
			var link = document.getElementById("about-link");
			link.style.borderBottom = "2px white solid";
			pic.style.visibility = "visible";
			}
	}
	else if (pic=="bblondon"){
		var pic = document.getElementById("bblondon");
		if( pic.style.visibility == "visible")
			pictureHide('bblondon');
		else{
			var link = document.getElementById("bblondon-link");
			link.style.borderBottom = "2px white solid";
			pic.style.visibility = "visible";
			
			}
	}
	else if (pic=="show"){
		var pic = document.getElementById("show");
		if( pic.style.visibility == "visible")
			pictureHide('show');
		else{
			var link = document.getElementById("show-link");
			link.style.borderBottom = "2px white solid";
			pic.style.visibility = "visible";
			}
	}
	
	
}

function indexing(div)
{
var about = document.getElementById("about");
var bblondon = document.getElementById("bblondon");
var show = document.getElementById("show");
	if(div == "about"){
		about.style.zIndex = 44;
		if(bblondon.style.zIndex > show.style.zIndex){
			bblondon.style.zIndex = 43;
			show.style.zIndex = 42;
		}
		else{
			bblondon.style.zIndex = 42;
			show.style.zIndex = 43;
		}
	}
	if(div == "bblondon"){
		bblondon.style.zIndex = 44;
		if(about.style.zIndex > show.style.zIndex){
			about.style.zIndex = 43;
			show.style.zIndex = 42;
		}
		else{
			about.style.zIndex = 42;
			show.style.zIndex = 43;
		}
	}
		if(div == "show"){
		show.style.zIndex = 44;
		if(about.style.zIndex > bblondon.style.zIndex){
			about.style.zIndex = 43;
			bblondon.style.zIndex = 42;
		}
		else{
			about.style.zIndex = 42;
			bblondon.style.zIndex = 43;
		}
	}
}


function trig(num){
	if(trigger1=="false" && num==1)
		trigger1 = "true";	
	else if(trigger1=="true" && num==1)
	{
		trigger1 = "false";
		var pic = document.getElementById("pic1-bw");
		pic.style.visibility = "visible";
	}
	else if(trigger2=="false" && num==2)
		trigger2 = "true";	
	else if(trigger2=="true" && num==2)
	{
		trigger2 = "false";
		var pic = document.getElementById("pic2-bw");
		pic.style.visibility = "visible";
	}
	else if(trigger3=="false" && num==3){
		trigger3 = "true";	
		}
	else if(trigger3=="true" && num==3)
	{
		trigger3 = "false";
		var pic = document.getElementById("pic3-bw");
		pic.style.visibility = "visible";
	}
	else if(trigger4=="false" && num==4){
		trigger4 = "true";	
		}
	else if(trigger4=="true" && num==4)
	{
		trigger4 = "false";
		var pic = document.getElementById("pic4-bw");
		pic.style.visibility = "visible";
	}
}


    // override Highslide settings here
    // instead of editing the highslide.js file
hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;

hs.easing = 'easeInCirc';
hs.expandDuration = 100;
hs.restoreDuration = 100;
hs.marginTop = 20;
hs.marginRight = 0;
hs.marginBottom = 0;
hs.marginLeft = 203;

hs.Expander.prototype.onBeforeClose = function (sender) {
  if(sender.thumbsUserSetId == "pic1-bw"){
   trig(1);
   }
   else  if(sender.thumbsUserSetId == "pic2-bw"){
   trig(2);
   }
   else if(sender.thumbsUserSetId == "pic3-bw"){
   trig(3);
   }
}

/*
function blue(div){
	if(div == "about"){
		var pic = document.getElementById("about");
		pic.style.backgroundImage = "url('images/about.blue.png')";
		//pic.style.color = "blue";

	}
	if(div == "bblondon"){
		var pic = document.getElementById("bblondon");
		pic.style.backgroundImage = "url('images/bblondon.blue.png')";
		//pic.style.color = "blue";

	}
	if(div == "show"){
		var pic = document.getElementById("show");
		pic.style.backgroundImage = "url('images/show.blue.png')";
		//pic.style.color = "blue";

	}
}
function unblue(div){
	if(div == "about"){
		var pic = document.getElementById("about");
		pic.style.backgroundImage = "url('images/about.png')";
		//pic.style.color = "black";

	}
		if(div == "bblondon"){
		var pic = document.getElementById("bblondon");
		pic.style.backgroundImage = "url('images/bblondon.png')";
		//pic.style.color = "black";

	}
	if(div == "show"){
		var pic = document.getElementById("show");
		pic.style.backgroundImage = "url('images/show.png')";
		//pic.style.color = "black";

	}
}
*/

function blue(div){
	if(div == "about"){
		var pic = document.getElementById("about");
		//pic.style.backgroundImage = "url('images/about.test2.png')";
		pic.style.color = "black";
		pic.style.MozBoxShadow =  "0px 0px 8px #454545";
		pic.style.WebkitBoxShadow =  "0px 0px 8px #454545";
		pic.style.boxShadow =  "0px 0px 8px #454545";
		var span = document.getElementById("about-text");
		span.style.visibility = "visible";
		//pic.style.color = "blue";

	}
	if(div == "bblondon"){
		var pic = document.getElementById("bblondon");
		//pic.style.backgroundImage = "url('images/bblondon.test2.png')";
		pic.style.color = "black";
		pic.style.MozBoxShadow =  "0px 0px 8px #454545";
		pic.style.WebkitBoxShadow =  "0px 0px 8px #454545";
		pic.style.boxShadow =  "0px 0px 8px #454545";
				var span = document.getElementById("bblondon-text");
		span.style.visibility = "visible";
		//pic.style.color = "blue";

	}
	if(div == "show"){
		var pic = document.getElementById("show");
		//pic.style.backgroundImage = "url('images/show.test2.png')";
		pic.style.color = "black";
		pic.style.MozBoxShadow =  "0px 0px 8px #454545";
		pic.style.WebkitBoxShadow =  "0px 0px 8px #454545";
		pic.style.boxShadow =  "0px 0px 8px #454545";
				var span = document.getElementById("show-text");
		span.style.visibility = "visible";
		//pic.style.color = "blue";

	}

	if(div == "zb"){
		var pic = document.getElementById("zb");
		pic.style.MozBoxShadow =  "0px 0px 8px #454545";
		pic.style.WebkitBoxShadow =  "0px 0px 8px #454545";
		pic.style.boxShadow =  "0px 0px 8px #454545";

	}
}
function unblue(div){
	if(div == "about"){
		var pic = document.getElementById("about");
		//pic.style.backgroundImage = "url('images/about.test.png')";
		pic.style.color = "blue";
		pic.style.MozBoxShadow =  "none";
		pic.style.WebkitBoxShadow =  "none";
		pic.style.boxShadow =  "none";
		var span = document.getElementById("about-text");
		span.style.visibility = "hidden";
		//pic.style.color = "black";

	}
	if(div == "zb"){
		var pic = document.getElementById("zb");
		pic.style.MozBoxShadow =  "none";
		pic.style.WebkitBoxShadow =  "none";
		pic.style.boxShadow =  "none";

	}
	if(div == "show"){
		var pic = document.getElementById("show");
		//pic.style.backgroundImage = "url('images/show.test.png')";
		pic.style.color = "blue";
		pic.style.MozBoxShadow =  "none";
		pic.style.WebkitBoxShadow =  "none";
		pic.style.boxShadow =  "none";
		var span = document.getElementById("show-text");
		span.style.visibility = "hidden";
		//pic.style.color = "black";

	}
	if(div == "bblondon"){
		var pic = document.getElementById("bblondon");
		//pic.style.backgroundImage = "url('images/bblondon.test2.png')";
		pic.style.color = "blue";
		pic.style.MozBoxShadow =  "none";
		pic.style.WebkitBoxShadow =  "none";
		pic.style.boxShadow =  "none";
				var span = document.getElementById("bblondon-text");
		span.style.visibility = "hidden";
		//pic.style.color = "blue";

	}
}


function popup(mylink, windowname)
{
var winX = (document.all)?window.screenLeft:window.screenX;

var winY = (document.all)?window.screenTop:window.screenY;

if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=638,height=700,scrollbars=yes,top=' + winY + ',left=' + winX +'toolbar=0,location=0,statusbar=0,menubar=0,resizable=0');
return false;
}