var page;
var section;
var lastThumbnail = "thumbnail1";

$(document).ready(function(){

	
$("#portfolioButton").mouseover(
function(){sectionOn("portfolio");});

$("#portfolioButton").mouseout(
function(){sectionOff("portfolio");});

$("#newsButton").mouseover(
function(){sectionOn("news");});

$("#newsButton").mouseout(
function(){sectionOff("news");});

$("#profileButton").mouseover(
function(){sectionOn("profile");});

$("#profileButton").mouseout(
function(){sectionOff("profile");});

$("#rentalsButton").mouseover(
function(){sectionOn("rentals");});

$("#rentalsButton").mouseout(
function(){sectionOff("rentals");});


/////////////////////////////////////////////////////////////SUB MENU///////////////////////////////////////////////////////////////////////////

$("#printButton").mouseover(
function(){pageOn("print");});

$("#printButton").mouseout(
function(){pageOff("print");});


$("#logoButton").mouseover(
function(){pageOn("logo");});

$("#logoButton").mouseout(
function(){pageOff("logo");});


$("#interactiveButton").mouseover(
function(){pageOn("interactive");});

$("#interactiveButton").mouseout(
function(){pageOff("interactive");});


$("#animationButton").mouseover(
function(){pageOn("animation");});

$("#animationButton").mouseout(
function(){pageOff("animation");});


$("#filmvideoButton").mouseover(
function(){pageOn("filmvideo");});

$("#filmvideoButton").mouseout(
function(){pageOff("filmvideo");});


$("#designButton").mouseover(
function(){pageOn("design");});

$("#designButton").mouseout(
function(){pageOff("design");});


$("#photographyButton").mouseover(
function(){pageOn("photography");});

$("#photographyButton").mouseout(
function(){pageOff("photography");});

///////////////////////////////////////////////////////////PORTFOLIO THUMBNAILS///////////////////////////////////////////////////////////////////////

$("#thumbnail1").mouseover(
function(){
thumbOn("thumbnail1", lastThumbnail);
changeContent(1);
lastThumbnail = "thumbnail1";
});

$("#thumbnail2").mouseover(
function(){
thumbOn("thumbnail2", lastThumbnail);
changeContent(2);
lastThumbnail = "thumbnail2";
});

$("#thumbnail3").mouseover(
function(){
thumbOn("thumbnail3", lastThumbnail);
changeContent(3);
lastThumbnail = "thumbnail3";
});

$("#thumbnail4").mouseover(
function(){
thumbOn("thumbnail4", lastThumbnail);
changeContent(4);
lastThumbnail = "thumbnail4";
});

$("#thumbnail5").mouseover(
function(){
thumbOn("thumbnail5", lastThumbnail);
changeContent(5);
lastThumbnail = "thumbnail5";
});

$("#thumbnail6").mouseover(
function(){
thumbOn("thumbnail6", lastThumbnail);
changeContent(6);
lastThumbnail = "thumbnail6";
});

$("#thumbnail7").mouseover(
function(){
thumbOn("thumbnail7", lastThumbnail);
changeContent(7);
lastThumbnail = "thumbnail7";
});

$("#thumbnail8").mouseover(
function(){
thumbOn("thumbnail8", lastThumbnail);
changeContent(8);
lastThumbnail = "thumbnail8";
});

$("#thumbnail9").mouseover(
function(){
thumbOn("thumbnail9", lastThumbnail);
changeContent(9);
lastThumbnail = "thumbnail9";
});

$("#thumbnail10").mouseover(
function(){
thumbOn("thumbnail10", lastThumbnail);
changeContent(10);
lastThumbnail = "thumbnail10";
});

$("#thumbnail11").mouseover(
function(){
thumbOn("thumbnail11", lastThumbnail);
changeContent(11);
lastThumbnail = "thumbnail11";
});

$("#thumbnail12").mouseover(
function(){
thumbOn("thumbnail12", lastThumbnail);
changeContent(12);
lastThumbnail = "thumbnail12";
});

$("#thumbnail13").mouseover(
function(){
thumbOn("thumbnail13", lastThumbnail);
changeContent(13);
lastThumbnail = "thumbnail13";
});

$("#thumbnail14").mouseover(
function(){
thumbOn("thumbnail14", lastThumbnail);
changeContent(14);
lastThumbnail = "thumbnail14";
});

$("#thumbnail15").mouseover(
function(){
thumbOn("thumbnail15", lastThumbnail);
changeContent(15);
lastThumbnail = "thumbnail15";
});

///////////////////////////////////////////////////////////////////////HOME PAGE THUMBNAILS/////////////////////////////////////////////////////////////////////////////////

$("#filmvideo1").mouseover(
function(){
hpThumbOn("filmvideo", 1);
});

$("#filmvideo2").mouseover(
function(){
hpThumbOn("filmvideo", 2);
});

$("#filmvideo3").mouseover(
function(){
hpThumbOn("filmvideo", 3);
});

$("#filmvideo4").mouseover(
function(){
hpThumbOn("filmvideo", 4);
});

$("#filmvideo5").mouseover(
function(){
hpThumbOn("filmvideo", 5);
});

$("#filmvideo6").mouseover(
function(){
hpThumbOn("filmvideo", 6);
});

$("#filmvideo1").mouseout(
function(){hpThumbOff("filmvideo1");});

$("#filmvideo2").mouseout(
function(){hpThumbOff("filmvideo2");});


$("#filmvideo3").mouseout(
function(){hpThumbOff("filmvideo3");});

$("#filmvideo4").mouseout(
function(){hpThumbOff("filmvideo4");});

$("#filmvideo5").mouseout(
function(){hpThumbOff("filmvideo5");});

$("#filmvideo6").mouseout(
function(){hpThumbOff("filmvideo6");});

////////////////////////////////////////////

$("#design1").mouseover(
function(){
hpThumbOn("design", 1);
});

$("#design2").mouseover(
function(){
hpThumbOn("design", 2);
});

$("#design3").mouseover(
function(){
hpThumbOn("design", 3);
});

$("#design4").mouseover(
function(){
hpThumbOn("design", 4);
});

$("#design5").mouseover(
function(){
hpThumbOn("design", 5);
});

$("#design6").mouseover(
function(){
hpThumbOn("design", 6);
});

$("#design7").mouseover(
function(){
hpThumbOn("design", 7);
});

$("#design8").mouseover(
function(){
hpThumbOn("design", 8);
});

$("#design1").mouseout(
function(){hpThumbOff("design1");});

$("#design2").mouseout(
function(){hpThumbOff("design2");});

$("#design3").mouseout(
function(){hpThumbOff("design3");});

$("#design4").mouseout(
function(){hpThumbOff("design4");});

$("#design5").mouseout(
function(){hpThumbOff("design5");});

$("#design6").mouseout(
function(){hpThumbOff("design6");});

$("#design7").mouseout(
function(){hpThumbOff("design7");});

$("#design8").mouseout(
function(){hpThumbOff("design8");});

////////////////////////////////////////

$("#photography1").mouseover(
function(){
hpThumbOn("photography", 1);
});

$("#photography2").mouseover(
function(){
hpThumbOn("photography", 2);
});

$("#photography3").mouseover(
function(){
hpThumbOn("photography", 3);
});

$("#photography4").mouseover(
function(){
hpThumbOn("photography", 4);
});

$("#photography5").mouseover(
function(){
hpThumbOn("photography", 5);
});

$("#photography6").mouseover(
function(){
hpThumbOn("photography", 6);
});

$("#photography7").mouseover(
function(){
hpThumbOn("photography", 7);
});

$("#photography8").mouseover(
function(){
hpThumbOn("photography", 8);
});

$("#photography1").mouseout(
function(){hpThumbOff("photography1");});

$("#photography2").mouseout(
function(){hpThumbOff("photography2");});

$("#photography3").mouseout(
function(){hpThumbOff("photography3");});

$("#photography4").mouseout(
function(){hpThumbOff("photography4");});

$("#photography5").mouseout(
function(){hpThumbOff("photography5");});

$("#photography6").mouseout(
function(){hpThumbOff("photography6");});

$("#photography7").mouseout(
function(){hpThumbOff("photography7");});

$("#photography8").mouseout(
function(){hpThumbOff("photography8");});

///////////////////////////////////////////////

$("#logo1").mouseover(
function(){
hpThumbOn("logo", 1);
});

$("#logo2").mouseover(
function(){
hpThumbOn("logo", 2);
});

$("#logo3").mouseover(
function(){
hpThumbOn("logo", 3);
});

$("#logo4").mouseover(
function(){
hpThumbOn("logo", 4);
});

$("#logo5").mouseover(
function(){
hpThumbOn("logo", 5);
});

$("#logo6").mouseover(
function(){
hpThumbOn("logo", 6);
});

$("#logo7").mouseover(
function(){
hpThumbOn("logo", 7);
});

$("#logo8").mouseover(
function(){
hpThumbOn("logo", 8);
});

$("#logo1").mouseout(
function(){hpThumbOff("logo1");});

$("#logo2").mouseout(
function(){hpThumbOff("logo2");});

$("#logo3").mouseout(
function(){hpThumbOff("logo3");});

$("#logo4").mouseout(
function(){hpThumbOff("logo4");});

$("#logo5").mouseout(
function(){hpThumbOff("logo5");});

$("#logo6").mouseout(
function(){hpThumbOff("logo6");});

$("#logo7").mouseout(
function(){hpThumbOff("logo7");});

$("#logo8").mouseout(
function(){hpThumbOff("logo8");});

});

//////////////////////////////////////////////////////////////////////////////////////FUNCTIONS////////////////////////////////////////////////////////////////////////////////////////

function changeContent(n) {

}


function hpRowOneHide(){$("#largeThumbnails").hide();}

function hpRowShow(n) {
	$("#largeThumbnails").show();

	switch(n) {
		case 1:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/sotc1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/sotc2.png"});
		break;
		case 2:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/sau08_1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/sau08_2.png"});
		break;
		case 4:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/amen1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/amen2.png"});
		break;
		case 5:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/sam1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/sam2.png"});
		break;
		case 6:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/sau07_1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/filmvideo/sau07_2.png"});
		break;
		case 10:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/design/device1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/design/device2.png"});
		break;
		case 12:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/design/OE1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/design/OE2.png"});
		break;
		case 13:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/design/tower1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/design/tower2.png"});
		break;
		case 16:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/design/booth900_1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/design/booth900_2.png"});
		break;
		case 17:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/photography/alch1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/photography/alch2.png"});
		break;
		case 18:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/photography/amen1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/photography/amen2.png"});
		break;
		case 22:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/photography/counsel1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/photography/counsel2.png"});
		break;
		case 23:
			$("#large1").attr({src: "http://www.svadproductions.com/images/hp_Thumb/photography/girl1.png"});
			$("#large2").attr({src: "http://www.svadproductions.com/images/hp_Thumb/photography/girl2.png"});
		break;
		default:
			$("#large1").attr({src: ""});
			$("#large2").attr({src: ""});
		break;

	}
}

function thumbOn(id, last) {
$("#" + last).attr({src: "/images/portfolio_Thumb/off.png"});
$("#" + id).attr({src: "/images/portfolio_Thumb/"+page+"/on.png"});
};

function hpThumbOn(id, n) {

//alert(n);
if(id == "filmvideo") {
hpRowShow(n);
}
else if(id == "design") {
hpRowShow(n+8);
}
else if(id == "photography"){
hpRowShow(n+16);
}
else if(id == "logo") {
hpRowShow(n+24);
}
$("#" + id + n).attr({src: "/images/hp_Thumb/"+id+"/on.png"});
};

function hpThumbOff(id) {
hpRowOneHide();
if(id != "filmvideo2" && id != "design4" && id != "photography7" && id != "logo5")
$("#" + id).attr({src: "/images/hp_Thumb/off.png"});
};

function page(n) {
page = n;
};

function section(w) {
section = w;
};


function pageOn(id) {
if(page != id) {
$("#" + id + "Button").attr({src: "/images/"+id+"On.png"});
}
};

function pageOff(id) {
if(page != id) {
$("#" + id + "Button").attr({src: "/images/"+id+"Off.png"});
}
};

function sectionOn(id) {
if(section != id) {
$("#" + id + "Button").attr({src: "/images/"+id+"On.png"});
}
};

function sectionOff(id) {
if(section != id) {
$("#" + id + "Button").attr({src: "/images/"+id+"Off.png"});
}
};