//PAGE OPEN FUNCTIONS - START

//UPDATE PRODUCT SIZE RANGE DETAIL -  PRODUCT LINK PAGES ELEMENT ID = SIZES

function sizeavailability(arrayss) {

document.getElementById('sizes').innerHTML = sizerange[arrayss];

}

//UPDATE PRODUCT PRICE - CALLED ON PAGE LOAD FROM PRICES.JS 

//
function updateprice(elementname, pricevar) {

document.getElementById(elementname).innerHTML = pricevar;

}



//UPDATE PRODUCT PRICE LIST PAGE AND SKU PRODUCT LINK PAGE - CALLED ON PAGE LOAD FROM PRICELIST.JS 

//SUBSCRIPT FOR PRICE VARIABLE AND PRICE ELEMENT ID MUST BE THE SAME

//INPUT ELEMENT ID, PRICE VARIABLE NAME, VALID SUBSCRIPT ARRAY

//WHEN ADDING OR DELETING A PRODUCT ENSURE VALID SUBSCRIPT ARRAY VARIABLE IS UPDATED

function updatepricelist(elementname, pricevariablename, validss) {

var loops = validss.length;


for (i = 0; i <loops; i ++) { 

var varvalue = validss[i];



var elementnameindex = elementname + validss[i];



document.getElementById(elementnameindex).innerHTML = pricevariablename[varvalue];

}

}




//UPDATE PRODUCT PRICE LIST PAGE AND SKU PRODUCT LINK PAGE - END



//PRINT CURRENT PAGE/WINDOW


function printwin() {

window.print()

}


//PRINT CURRENT PAGE/WINDOW - END


//PAGE OPEN FUNCTIONS - END



//PAGE EXIT FUNCTIONS - START
//FUNCTION CALLS ALL REQUIRED CLOSE PAGE FUNCTIONS

function windexit() {

//CLOSE OPEN MENUS ON PAGE EXIT

moclmenuclose();   //ACTIVE IN ALL SUB DIRECTORIES 

}

//PAGE EXIT FUNCTIONS - END


//OTHER FUNCTIONS

// COLOUR DESCRIPTION / TEXT REPLACEMENT FUNCTION
// INPUT ELEMENT ID, ELEMENT VARIABLE NAME AND VARIABLE SUBSCRIPT

function changeText(elementname, alttext, varindex) {

document.getElementById(elementname).innerHTML = alttext[varindex];

}

function changeLink(elementname) {

document.getElementById(elementname).innerHTML = ""

}





// IMAGE ONE WAY SWITCH ON MOUSE OVER
// INPUT IMAGE NAME, REPLACEMENT IMAGE VARIABLE NAME, VARIABLE SUBSCRIPT

function roll1way(curImage, repImage, varindex) {

curImage.src = repImage[varindex].src;

}

//OPEN BASIC LARGE IMAGE SKU LINKS

function openimg() {

window.open(lgimg, winname, "height=340, width=350, screenX=50, screenY=50, top=50, left=50, toolbar=no, resizable=no, status=yes");

}

//END OF  BASIC LARGE SKU IMAGE SELECTION



//OPEN BIKE STOCKLIST LARGE IMAGE  START



function openbkimg(img, name) {

window.open(img, name, "height=453, width=600, toolbar=no, resizable=no, status=yes");

}

//END OPEN BIKE STOCKLIST LARGE IMAGE





//OPEN SKU LINKS LARGE IMAGE 700 x 457 START


function openimg1() {

window.open(lgimg, winname, "height=457, width=700, screenX=50, toolbar=no, resizable=no, status=yes");

}

//OPEN SKU LARGE IMAGE 700 x 457 END


//OPEN SKU LINKS LARGE IMAGE 750 x 720 START


function openimg2() {

window.open(lgimg, winname, "height=750, width=720, screenX=50, toolbar=no, resizable=no, status=yes");

}

//OPEN SKU LARGE IMAGE 750 x 720 END



//OPEN WINDOW FUNCTION FOR LARGE PRODUCT IMAGE DISPLAY FIXED SIZE

//INPUT IMAGE URL, WINDOW NAME.

function largeImg(imgurl, name) {

window.open(imgurl, name, "height=340, width=350, toolbar=no, resizable=no");
window.status = "name";
}

//OPEN WINDOW FUNCTION FOR WIDE LARGE PRODUCT IMAGE DISPLAY FIXED SIZE

//INPUT IMAGE URL, WINDOW NAME.

function wlargeImg(imgurl, name) {

window.open(imgurl, name, "height=355, width=470, toolbar=no, resizable=no");

}



//OPEN WINDOW FUNCTION FOR  JACKET LARGE IMAGE DISPLAY FIXED SIZE

//INPUT IMAGE URL, WINDOW NAME.

function largejktImg(imgurl, name) {

window.open(imgurl, name, "height=457, width=700, toolbar=no, resizable=no");

}


//OPEN WINDOW FUNCTION FOR  OVERSUIT LARGE IMAGE DISPLAY FIXED SIZE

//INPUT IMAGE URL, WINDOW NAME.

function largeosImg(imgurl, name) {

window.open(imgurl, name, "height=750, width=720, toolbar=no, resizable=no");

}





//LOAD NEW PAGE INTO CURRENT WINDOW

function pagelink(pageurl) {

window.open(pageurl, "_self");

}

//END LOAD PAGE INTO CURRENT WINDOW

//LOAD NEW PAGE INTO NEW WINDOW (LOWER MENU ITEMS)

function newpagelink(pageurl, name) {

window.open(pageurl, name, "width=400, height=700, toolbar=no, resizable=no, scrollbars=yes");

}



//END LOAD PAGE INTO NEW WINDOW

//LOAD NEW PAGE INTO NEW WINDOW - UNRESTRICTED

function newpagelink1(pageurl, name) {

window.open(pageurl, name);

}

//END UNRESTRICTED PAGE OPEN

//END OPEN WINDOW FUNCTIONS


//CHANGE STYLE DEFINITIONS FOR SKU PRODUCT LINK MENU - RETAINS HIGHLIGHTING UNLESS ANOTHER MENU OPTION IS ROLLED OVER.

//MOUSEOVER CHANGES

function skulinkhl(objectid1, objectid2, objectid3, objectid4) {

//RESET HIGHLIGHTED OBJECT TO ORIGINAL OBJECT STYLE PROPERTIES.


var obj1=document.getElementById(object1);
var obj2=document.getElementById(object2);
var obj3=document.getElementById(object3);
var obj4=document.getElementById(object4);

obj1.className='skulink';
obj2.className='skudesc';
obj3.className='skuprice';
obj4.className='fmt2';          //NOTE CELL TEXT COLOR IS DEFAULT LOADED IN CELL STYLE. MOUSEOUT REVERTS TO THIS FORMAT

//CHANGE STYLE FROM ORIGINAL STYLE PROPERTIES

var obj1=document.getElementById(objectid1);
var obj2=document.getElementById(objectid2);
var obj3=document.getElementById(objectid3);
var obj4=document.getElementById(objectid4);

obj1.className='moskulink';
obj2.className='moskudesc';
obj3.className='moskuprice';
obj4.className='fmt5'; 

//SET CONTROL VARIABLE TO NEW OBJECTS

object1 = objectid1
object2 = objectid2
object3 = objectid3
object4 = objectid4
 

}

//END OF SKU PRODUCT LINK STYLE CONTROL

//CHANGE STYLE DEFINITIONS FOR STOCKLIST HIGHLIGHTING - RETAINS HIGHLIGHTING UNLESS ANOTHER LISTING IS ROLLED OVER.

//MOUSEOVER CHANGES


function stocklisthl(objectidA) {


//RESET HIGHLIGHTED OBJECT TO ORIGINAL OBJECT STYLE PROPERTIES.

var obj1=document.getElementById(objectA);

obj1.className='infocont';


//CHANGE STYLE FROM ORIGINAL STYLE PROPERTIES

var obj1=document.getElementById(objectidA);

obj1.className='moinfocont';


//SET CONTROL VARIABLE TO NEW OBJECTS

objectA = objectidA

 

}

//END OF SKU PRODUCT LINK STYLE CONTROL











//GENERAL STYLE CHANGE DEFINITIONS FOR AN OBJECT


function changestyle(objectid, style) {


var obj1=document.getElementById(objectid);

obj1.className=style;


}

//END GENERAL STYLE CHANGE DEFINITIONS FOR AN OBJECT



//CHANGE STYLE FUNCTION FOR MULTIPLE LINKS WHEN NOT POINTED AT  (CONSTANT STYLE)
//INPUT OBJECT ID NAME WITHOUT SS, DIV STYLE, NUMBER OF LINKS AND LINK ID SS NOT TO CHANGE.

function mxchangestyle(objectid, style, links, exclude) {

for (i = 0; i < links; i ++) { 

 if  (i != exclude) {changestyle(objectid + i, style)

}

}

}

//END MULTIPLE LINKS CHANGE STYLE 


//CHANGE STYLE FUNCTION FOR MULTIPLE LINKS WHEN NOT POINTED AT  (VARIABLE STYLE)

//INPUT OBJECT ID NAME WITHOUT SS, DIV STYLE, NUMBER OF LINKS AND LINK ID SS NOT TO CHANGE.

function mxobjectmxstyle(objectid, style, links, exclude) {

for (i = 0; i < links; i ++) { 

 if  (i != exclude) {changestyle(objectid + i, style + i)

}

}

}

//END MULTIPLE LINKS CHANGE STYLE 




//VARIABLE LARGE SKU IMAGE SELECTION

//SET MOUSEOVER SELECTION VARIABLES - IMAGE FILENAME AND TARGET WINDOW NAME

function setlgimg (imgfile, imgname) {

lgimg = imgfile
winname = imgname

}

//END SET VARIABLE FOR LARGE SKU IMAGE SELECTION



//DETERMINE BROWSER WINDOW WIDTH AND POSITION AND CENTRE PAGE


function chpos(pageid) {

wswidth = window.innerWidth ? window.innerWidth : document.body.clientWidth;

//window.alert(wswidth);

var page=document.getElementById(pageid);

//window.alert(page);

var pagewidth = 900

//window.alert(pagewidth);

var pageleftposition = (wswidth - pagewidth) / 2;

//window.alert(pageleftposition);

page.style.left = pageleftposition;


}

//END WIDTH DETERMINATION



//SET BACKGROUND FOR OBJECT

// INPUT OBJECT ID AND BACKGROUND IMG


function setbg(name, bgproperty) {


var obj1=document.getElementById(name);
 
obj1.style.background = bgproperty

}


//END SET BACKGROUND FOR OBJECT


//HIDE OR DISPLAY OBJECT

//HIDE OBJECT

function hide(name) {


var obj1=document.getElementById(name);
 
obj1.style.visibility = "hidden"

}

//END HIDE OBJECT

//SHOW OBJECT

function show(name) {


var obj1=document.getElementById(name);
 
obj1.style.visibility = "visible"

}

//END SHOW OBJECT

//END HIDE OR DISPLAY OBJECT