function Display_Subnav(obj) {
switch( obj ) {
case 1:
document.getElementById( 'Intro_SN' ).style.visibility = 'visible';
break;
case 2:
document.getElementById( 'RD_SN' ).style.visibility = 'visible';
break;
}
}
function Hide_Subnav(obj) {
switch( obj ) {
case 1:
document.getElementById( 'Intro_SN' ).style.visibility = 'hidden';
break;
case 2:
document.getElementById( 'RD_SN' ).style.visibility = 'hidden';
break;
}
}
function Update_Content(id) {
var DISPLAY;
var OUTPUT;
var HTML;
switch( id ) {
case 1:
/* Homepage */
DISPLAY = 'none';
OUTPUT = 'Welcome to the Website. Please use the navigation at the top and bottom of the page to navigate through the site.';
HEADER = 'Hi there, how are you?';
HTML = '';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += '![](\"images/introduction/time_l.jpg\") |
';
HTML += ' |
';
HTML += ' |
';
HTML += '![](\"images/introduction/design_l.jpg\") |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += '![](\"images/introduction/right_1.jpg\") |
';
HTML += '![](\"images/introduction/right_2.jpg\") |
';
HTML += '
';
break;
case 2:
/* Introduction to Design */
DISPLAY = 'block';
OUTPUT = 'Almost everything we see, touch, use and experience in our daily lives is affected by man-made design.
Interior design is the practice of taking ideas about space, shape, light, colour and texture, combined with functional, ergonomic and economic needs within a built environment. These ideas are then translated into a graphic form of communication - for the client and contractor, but as importantly, as a means of clarifying ideas for the designer.
In recent years, the role of the interior designer has expanded to meet the needs and desires of an increasingly complex society, creating a variety of environments that are both beautiful and functional - homes, galleries, offices, retail environments, entertainment venues, hotels, etc., - in fact, any environment in which people live, work and play.
With the emphasis on design rather than detail, the interior designer is equipped to execute small scale alterations and additions. Students acquire a knowledge of building services, the design and construction of fittings and fixtures, furniture design and manufacture, and the final design of the new interior.
The means of communicating all of these fields of information would typically be via drawings - from simple pen-on-paper concept sketches to detailed technical drawings, and from beautifully rendered perspective drawings to precise, annotated contract drawings, but as importantly, as a means of clarifying the ideas of the designer.
';
HEADER = 'Introduction to Design';
HTML = '';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += ' |
';
HTML += '![](\"images/introduction/right_3.jpg\") |
';
HTML += '![](\"images/introduction/right_4.jpg\") |
';
HTML += ' |
';
HTML += '
';
break;
}
document.getElementById( 'General_Content' ).innerHTML = OUTPUT;
document.getElementById( 'General_Header' ).innerHTML = HEADER;
document.getElementById( 'General_Image_1' ).style.display = DISPLAY;
document.getElementById( 'General_Image_2' ).style.display = DISPLAY;
document.getElementById( 'TD_C' ).innerHTML = HTML;
}
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
function opacity(id, opacStart, opacEnd, millisec) {
changeInProgress = true;
//speed for each frame
var speed = Math.round(millisec / 100);
var timer = 0;
//determine the direction for the blending, if start and end are the same nothing happens
if(opacStart >= opacEnd) {
for(var i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
} else if(opacStart < opacEnd) {
for(var i = opacStart; i <= opacEnd; i++) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
}
setTimeout("changeInProgress = false;",(timer * speed));
}
function opacity_back(id, opacStart, opacEnd, millisec) {
changeInProgress = true;
//speed for each frame
var speed = Math.round(millisec / 100);
var timer = 0;
//determine the direction for the blending, if start and end are the same nothing happens
if(opacStart >= opacEnd) {
for(var i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
} else if(opacStart < opacEnd) {
for(var i = opacStart; i <= opacEnd; i++) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
}
setTimeout("changeInProgress = false;",(timer * speed));
is_changeble = 1;
}
var is_changeble = 1;
function Change_Image( image ) {
if( is_changeble == 1 ) {
is_changeble = 0;
setTimeout("opacity( 'main_image', 100, 0, 1000)", 500);
setTimeout("Change('" +image+ "')", 2000);
}
}
function Change( image ) {
document.getElementById ('main_image').src = image;
setTimeout("opacity_back('main_image', 0, 100, 1000)", 1000);
}
function Show_Image_Title( ) {
image_src = document.getElementById( 'main_image' ).src;
//document.getElementById( 'ImageTitleDiv' ).innerHTML = image_src;
image_src = image_src.substring(image_src.lastIndexOf('/')+1);
var DisplayTitle = "";
switch( image_src ) {
case "01-Yolande.jpg":
DisplayTitle = "YOLANDE MITTON
Interior Designer
Principal";
break;
case "02-Katherine.jpg":
DisplayTitle = "KATHERINE MANN
Architect
Second Year Course Director";
break;
case "03-Anel.jpg":
DisplayTitle = "ANEL BOTHA
Interior Designer
First Year Course Director";
break;
case "04-Michelle.JPG":
DisplayTitle = "MICHELLE BUNCE
Interior Designer
Studio & I.T. Assistant";
break;
case "05-Greg.JPG":
DisplayTitle = "GREGORY MANN
Architect
Course: Building Constuction";
break;
case "06-Inge.jpg":
DisplayTitle = "INGE PRINCE
Photographer
Course: Photography";
break;
case "07-Cynthia.jpg":
DisplayTitle = "CYNTHIE
House Keeping";
break;
case "08-Margie.jpg":
DisplayTitle = "MARGIE
House Keeping";
break;
case "09-Christene.jpg":
DisplayTitle = "CHRISTENE STRUTT
Attorney
Course: Patent Law";
break;
case "10-Sean.jpg":
DisplayTitle = "SEAN RAPAPORT
Attorney
Course: Contractual Law";
break;
case "01-DesignTime-Front.jpg":
DisplayTitle = "Design-Time Front";
break;
case "02-DesignTime-Entrance.jpg":
DisplayTitle = "Design-Time Entrance";
break;
case "03-DesignTime-Courtyard.JPG":
case "04-DesignTime-Courtyard.jpg":
case "05-DesignTime-Courtyard.jpg":
case "06-DesignTime-Courtyard.jpg":
DisplayTitle = "Design-Time Courtyard";
break;
case "07-DesignTime-Courtyard.jpg":
DisplayTitle = "Design-Time Students";
break;
case "01-welcomes-YOU!.JPG":
DisplayTitle = "Design-Time Welcomes YOU!";
break;
case "02-the-journey-begins.JPG":
DisplayTitle = "The Journey begins";
break;
case "03-DesignTime-Exhibitions.jpg":
DisplayTitle = "Design-Time Exhibitions";
break;
case "04-Design-Time.JPG":
DisplayTitle = "Design-Time";
break;
case "05-DesignTime-Tools.jpg":
DisplayTitle = "Design-Time Tools";
break;
case "06-DesignTime.jpg":
DisplayTitle = "Design-Time";
break;
case "08-Design-Time-Notice-Board.jpg":
DisplayTitle = "Design-Time Notice Board";
break;
case "01-Story-board.jpg":
DisplayTitle = "Design-Time Story Board";
break;
case "08-Elle-Solve-Weylandts.jpg":
DisplayTitle = "Elle Solve Weylandts Competition";
break;
case "10-Youth-hostel.jpg":
DisplayTitle = "Youth Hostel";
break;
case "03-Decorex.jpg":
DisplayTitle = "Decorex";
break;
case "11-Fuel-coutyard.jpg":
DisplayTitle = "Fuel Courtyard";
break;
case "12-Fuel-bar.jpg":
DisplayTitle = "Fuel Bar";
break;
case "13-Fuel-restaurant.jpg":
DisplayTitle = "Fuel Restaurant";
break;
case "09-House-Leisure-Woolworths.jpg":
DisplayTitle = "House and Leisure Woolworths Competition";
break;
case "07-P.G.-BISON.jpg":
DisplayTitle = "P.G. BISON";
break;
case "14-House-smith.jpg":
DisplayTitle = "House Smith";
break;
case "19-Box-of-Miracles.jpg":
DisplayTitle = "Box of Miracles";
break;
case "02-Mood-Board.jpg":
DisplayTitle = "Mood Board";
break;
case "15-Lafarge-competition.jpg":
case "16-Lafarge-Competition.jpg":
case "17-Lafarge-Competition.jpg":
DisplayTitle = "Lafarge Competition";
break;
case "18-Bar.jpg":
DisplayTitle = "Bar";
break;
case "33-Decorex-installation.JPG":
DisplayTitle = "Decorex installation";
break;
case "13-Europcar.jpg":
DisplayTitle = "Europcar recycled furniture competion
Mentor Heath Nash";
break;
}
if( document.getElementById( 'ImageTitleDiv' ).style.visibility == 'hidden' && DisplayTitle.length > 0 ) {
document.getElementById( 'ImageTitleDiv' ).innerHTML = DisplayTitle;
document.getElementById( 'ImageTitleDiv' ).style.visibility = 'visible';
} else {
document.getElementById( 'ImageTitleDiv' ).style.visibility = 'hidden';
}
}
function Get_Gallery( gallery ) {
url = "Gallery_Sections.php?Gallery=" + gallery;
ajx = new Ajax.Request( url,
{
onSuccess: function(success) {
ReturnVal = success.responseText;
document.getElementById('scrollingObj').style.width = ReturnVal.substring(0, ReturnVal.indexOf(",")) + "px";
document.getElementById('scrollingObj').innerHTML = ReturnVal.substring(ReturnVal.indexOf(",")+1);
document.getElementById('scrollingObj').style.left = '0px';
},
onFailure: function(failure) {
alert( failure.responseText );
}
}
);
}
function MouseEffect( img, src ) {
document.getElementById( img ).src = "images/" +src;
}
function OpenWindow(p) {
// 1=Terms&Conditions, 2=PrivacyPolicy
switch( p ) {
case 1:
window.open( 'terms.htm', '', 'width=400px, height=279px' );
break;
case 2:
window.open( 'privacy.htm', '', 'width=400px, scrollbars=yes' );
break;
}
}