// JavaScript Document for RK1 Web Designs by Richard Kotze using jquery library

//new window
function newWebWindow(newWebSite){
	var myWin = window.open(newWebSite, "RK1");
	return false;
}


/******************Portfolio Menu Control*****************/

var pgMenu;

var loadBanner = new Image;
var loadnav = new Array();
loadnav[0] = new Image();
loadnav[1] = new Image();
loadnav[2] = new Image();
loadnav[3] = new Image();
loadnav[4] = new Image();
loadnav[5] = new Image();
loadnav[6] = new Image();
loadnav[7] = new Image();
loadnav[8] = new Image();
loadnav[9] = new Image();
loadnav[10] = new Image();
loadnav[11] = new Image();
loadnav[12] = new Image();
loadnav[13] = new Image();
loadnav[14] = new Image();
loadnav[15] = new Image();
loadnav[16] = new Image();
loadnav[17] = new Image();
loadnav[18] = new Image();
loadnav[19] = new Image();
loadnav[20] = new Image();

loadBanner.src = "../assets/rk_bottomStyler.jpg";

loadnav[0].src = "../assets/about_btn.gif";
loadnav[1].src = "../assets/about_btnON.gif";
loadnav[2].src = "../assets/contact_btn.gif";
loadnav[3].src = "../assets/contact_btnON.gif";
loadnav[4].src = "../assets/home_btn.gif";
loadnav[5].src = "../assets/home_btnON.gif";
loadnav[6].src = "../assets/portfolio_btn.gif";
loadnav[7].src = "../assets/portfolio_btnON.gif";
loadnav[8].src = "../assets/plus.gif";
loadnav[9].src = "../assets/plusON.gif";
loadnav[10].src = "../assets/minus.gif";
loadnav[11].src = "../assets/minusON.gif";
loadnav[12].src = "../portfolio/largeAssets/pcfIco.gif";
loadnav[13].src = "../portfolio/largeAssets/swDesignIco.gif";
loadnav[14].src = "../portfolio/largeAssets/robIco.gif";
loadnav[15].src = "../portfolio/largeAssets/jpIco.gif";
loadnav[16].src = "../portfolio/largeAssets/braIco.gif";
loadnav[17].src = "../portfolio/largeAssets/cataweb.jpg";
loadnav[18].src = "../assets/allMenuPlus.gif";
loadnav[19].src = "../assets/allMenuMinus.gif";


//web page name and link abrv
var pageArray = new Array("Web Site","Art Work","PhotoShop","Logo","Flash");
var pgMenuArray = new Array("web","art","ps","logo","fla");

/******************JQuery Menu Control *****************/
var pageCata;

var proSelect = false;//true is a project has been selected
var altDis;//get title from img elements
var imgLarge = new Image();

$(document).ready(function(){
	/*******************Navigation***************/
	pageCata = document.getElementsByTagName('title')[0].text;
	var menuObj = document.getElementsByTagName('a');
	//identifies the pages
	for(var k =0; k<pageArray.length; k++){
		if(pageCata.indexOf(pageArray[k])>-1){
			pgMenu = pgMenuArray[k];
		}else if(pageCata.indexOf("Portfolio")>-1){
			pgMenu = "Portfolio";
		}
	}
	
	for(var j = 0; j<pageArray.length; j++){
		if(pgMenu!=pgMenuArray[j] || pgMenu != "Portfolio"){
			$("#"+pgMenuArray[j]).addClass("portNavHC");
			$("#"+pgMenuArray[j]).next(".pnav_body").hide();
			
		}		
	}

	//toggle side nav
	$(".portNavH").click(function(){
	  $(this).next(".pnav_body").slideToggle(500)
	  $(this).toggleClass("portNavHC");
	  return false;
	});
	
	$("#allPlus").click(function(){
		for(k=0;k<pageArray.length;k++){
			if ($(".pnav_body").eq(k).is(":hidden")) {
				$(".pnav_body").eq(k).show("slow");
				$(".portNavH").eq(k).toggleClass("portNavHC");
			}
		}
	});
	$("#allMinus").click(function(){
		for(k=0;k<pageArray.length;k++){
			if ($(".pnav_body").eq(k).is(":visible")) {
				$(".pnav_body").eq(k).hide("slow");
				$(".portNavH").eq(k).toggleClass("portNavHC");
			}
		}
	});
	/*******************End Navigation***************/
	
	/*******************Portfolio ***************/
	
	
	if(pgMenu=="Portfolio"){
		
		$("div.menu2 a").fancybox({
            'overlayShow': true
        }); 
		//$(".menu2 a").fancybox({ 'hideOnContentClick': true }); 
		
		/***************Select work*****************/
		$(".menu2 a").hover(function(){
			var getTitle = $(this).attr("title");
			for(h=0; h<pgMenuArray.length;h++){
				myMenuRel = pgMenuArray[h]+"1";
				if(myMenuRel == $(this).attr("rel")){
					phead = "#"+$(this).attr("rel");
				}
			}
			$(phead).text(getTitle);
		},
			function(){
				if(proSelect){
					$(phead).text(altDis);	
				}else{
					$(phead).text("");
				}
		});
	}
	

});

//Paralell arrays are set up so that the image matches the discription
var picPos = 0;
var imgNum = imgSelect.length -1;

//Allow the key board to move the images
document.onkeydown = slideKey;

if (document.layers) {
	document.captureEvents(Event.KEYDOWN)//Incase user is using netscape 4.x must use captureEvents
	ltDir = 28
	rtDir = 29
}
else {
	ltDir = 37
	rtDir = 39
}

function slideKey(evt) {
	if (evt) {
		thisKey = evt.which //netscape key code
	}
	else {
		thisKey = window.event.keyCode //internet explorer key code
	}
	if (thisKey == ltDir) {
		slideShow(1,-1);
	}
	else if (thisKey == rtDir) {
		slideShow(1,1);
	}
}

function slideShow(sel,increaseBy){
	
		if(sel == 1){
			picPos = picPos + parseFloat(increaseBy);
			if (picPos > imgNum){
				picPos = 0;
			}
			if(picPos < 0){
				picPos = imgNum;
			}
				
		}else{
			picPos = parseFloat(increaseBy);
		}
		
		$(".imgFrame").toggleClass("loading");
		$(".imgFrame img").remove();
		var imgLarge = new Image();
		$(imgLarge).attr({ src: "largeAssets/"+imgSelect[picPos], alt:"The Tomb Raider Collection", id:"displayFrame"})
					.load(function()
					{
					$(imgLarge).hide();
					var imgPXh = imgLarge.height+15;
					$("#imgFrameD").append(imgLarge);
					$("#imgFrameD").animate({ 
						height: imgPXh
					  }, 700 );
					$(".imgFrame").toggleClass("loading");
					$(imgLarge).fadeIn("slow");                      
			});
}