///////show or hide articles
function showhide(divName, markerName, markerName2) {

var marker = document.getElementById(markerName).innerHTML;
var marker2 = document.getElementById(markerName).innerHTML;

if (marker == 'More...' || marker2 == 'More...') {
document.getElementById(divName).style.display="block";
document.getElementById(markerName).innerHTML='Hide...';
document.getElementById(markerName2).innerHTML='Hide...';
}

if (marker == 'Hide...' || marker2 == 'Hide...') {
document.getElementById(divName).style.display="none";
document.getElementById(markerName).innerHTML='More...';
document.getElementById(markerName2).innerHTML='More...';
}

}




///////function to change scroller images on mouse over

function changeSliderImageOver(whichSide) {

if (whichSide == 'L') {
document.getElementById('leftSide').src="../images/scrollpane_arrows_left_over.png";
}

if (whichSide == 'R') {
document.getElementById('rightSide').src="../images/scrollpane_arrows_right_over.png";
}
}

function ChangeSliderImageOut(whichSide) {

if (whichSide == 'L') {
document.getElementById('leftSide').src="../images/scrollpane_arrows_left.png";
}

if (whichSide == 'R') {
document.getElementById('rightSide').src="../images/scrollpane_arrows_right.png";
}
}

//////clear form filed on click

function clearValue(field) 

{ 

if (field.defaultValue == field.value) 

field.value = ""; 

}



// function to show each faq with drop down select menu

function choice()

{

//get select menu id

var question = document.getElementById("questions")

//get choosen option 

var choice = question.options[question.selectedIndex].text

//get choosen web url

var src = document.getElementById("questions").value 

//get display div

var holder = document.getElementById("holder")

var website = "Website"

var cs = "Customer Service"

var prod = "Products"

var check = "Checkout Procedure"



if (choice == website)

{

// remove contents of display div

while (holder.firstChild) {

  holder.removeChild(holder.firstChild);

}

// load iframe into display div

holder.innerHTML="<iframe width='600px' frameborder='0' height='400px' border='0' src=" + src + "></iframe>"

}



if (choice == cs)

{

while (holder.firstChild) {

  holder.removeChild(holder.firstChild);

}

holder.innerHTML="<iframe width='600px' frameborder='0' height='400px' border='0' src=" + src + "></iframe>"

}



if (choice == prod)

{

while (holder.firstChild) {

  holder.removeChild(holder.firstChild);

}

holder.innerHTML="<iframe width='600px' frameborder='0' height='400px' border='0' src=" + src + "></iframe>"

}



if (choice == check)

{

while (holder.firstChild) {

  holder.removeChild(holder.firstChild);

}

holder.innerHTML="<iframe width='600px' frameborder='0' height='400px' border='0' src=" + src + "></iframe>"

}



if (choice == "Choose Questions")

{

alert("Please choose a set of questions to view.")

}



}



// function to highlight active faq tab

// TABS - SHOW ACTIVE TAB 

function changeClass (id) {



if (id == 'check') {

document.getElementById(id).className='tab activeTab'

document.getElementById('cs').className='tab'

document.getElementById('prod').className='tab'

document.getElementById('web').className='tab'

}

if (id == 'cs') {

document.getElementById(id).className='tab activeTab'

document.getElementById('check').className='tab'

document.getElementById('prod').className='tab'

document.getElementById('web').className='tab'

}

if (id == 'prod') {

document.getElementById(id).className='tab activeTab'

document.getElementById('cs').className='tab'

document.getElementById('check').className='tab'

document.getElementById('web').className='tab'

}

if (id == 'web') {

document.getElementById(id).className='tab activeTab'

document.getElementById('cs').className='tab'

document.getElementById('prod').className='tab'

document.getElementById('check').className='tab'

}



}







//function to show text of other websites on index.php



function displaytext(elemt) {



var showText = document.getElementById('showText')



if (elemt == 'stratos') {

		// remove contents of display cell

		while (showText.firstChild) {

  		showText.removeChild(showText.firstChild);

		}

		showText.innerHTML='<div id="stratos"><b>Stratos Information Website</b> - Further information about the Stratos range of reels including technical specifications, features overview and the design story.</div>'



	}

	

if (elemt == 'blog') {

	// remove contents of display cell

		while (showText.firstChild) {

  		showText.removeChild(showText.firstChild);

		}

	showText.innerHTML='<div id="blog"><b>The Fox Blog</b> - Diary pieces from Fox consultants Mark Pollard, Mick Brown and Alan Yates find out what our experts get up to whilst on the bank.</div>'



}



if (elemt == 'forum') {

	// remove contents of display cell

		while (showText.firstChild) {

  		showText.removeChild(showText.firstChild);

		}

	showText.innerHTML='<div id="forum"><b>The Fox Forum</b> - A web forum for general discussions about angling and specific chat about tackle, venues and much more.</div>'



}



if (elemt == 'arma') {

	// remove contents of display cell

		while (showText.firstChild) {

  		showText.removeChild(showText.firstChild);

		}

	showText.innerHTML='<div id="forum"><b>Arma Point Information Website</b> - More information about the Arma point hook range including technical specifications, the design process and free downloadable rig guides.</div>'



}





}



//function to bookmark page





function bookmark()

{

window.external.AddFavorite("http://www.foxint.com","Fox Tackle");

}





function cursor(text)

{

trail.innerHTML=text;

trail.style.visibility="visible";

trail.style.position="absolute";

trail.style.left=event.clientX+10;

trail.style.top=event.clientY;

}



function hidecursor()

{

trail.style.visibility="hidden";

}



///////functions for sliding divs

var timerlen = 5;

var slideAniLen = 1000;



var timerID = new Array();

var startTime = new Array();

var obj = new Array();

var endHeight = new Array();

var moving = new Array();

var dir = new Array();



function slidedown(objname){

        if(moving[objname])

                return;



        if(document.getElementById(objname).style.display != "none")

                return; // cannot slide down something that is already visible



        moving[objname] = true;

        dir[objname] = "down";

        startslide(objname);

}



function slideup(objname){

        if(moving[objname])

                return;



        if(document.getElementById(objname).style.display == "none")

                return; // cannot slide up something that is already hidden



        moving[objname] = true;

        dir[objname] = "up";

        startslide(objname);

}



function startslide(objname){

        obj[objname] = document.getElementById(objname);



        endHeight[objname] = parseInt(obj[objname].style.height);

        startTime[objname] = (new Date()).getTime();



        if(dir[objname] == "down"){

                obj[objname].style.height = "1px";

        }



        obj[objname].style.display = "block";



        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);

}



function slidetick(objname){

        var elapsed = (new Date()).getTime() - startTime[objname];



        if (elapsed > slideAniLen)

                endSlide(objname)

        else {

                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);

                if(dir[objname] == "up")

                        d = endHeight[objname] - d;



                obj[objname].style.height = d + "px";

        }



        return;

}



function endSlide(objname){

        clearInterval(timerID[objname]);



        if(dir[objname] == "up")

                obj[objname].style.display = "none";



        obj[objname].style.height = endHeight[objname] + "px";



        delete(moving[objname]);

        delete(timerID[objname]);

        delete(startTime[objname]);

        delete(endHeight[objname]);

        delete(obj[objname]);

        delete(dir[objname]);



        return;

}





////end functions for sliding divs





//////function for checking newsletter form on homepage



var fieldstocheck = new Array();

    fieldnames = new Array();



function checkform() {

  for (i=0; i<fieldstocheck.length; i++) {

    if (eval("document.subscribeform.elements['"+fieldstocheck[i]+"'].value") == "") {

      alert("Please enter your "+fieldnames[i]);

      eval("document.subscribeform.elements['"+fieldstocheck[i]+"'].focus()");

      return false;

    }

  }



  if(! compareEmail())

  {

    alert("Email Addresses you entered do not match");

    return false;

  }

  return true;

}





function addFieldToCheck(value,name) {

  fieldstocheck[fieldstocheck.length] = value;

  fieldnames[fieldnames.length] = name;

}



function compareEmail()

{

  return (document.subscribeform.elements["email"].value == document.subscribeform.elements["emailconfirm"].value);

}


//////function for main product page tabs
// TABS - SHOW ACTIVE TAB and change content 
function changeTabClass(id) {

if (id == 'tab1') {
document.getElementById(id).className='mainTab activeMainTab'
document.getElementById('tab2').className='mainTab'
document.getElementById('tab3').className='mainTab'
document.getElementById('tab4').className='mainTab'
document.getElementById('tab5').className='mainTab'
document.getElementById('tab1Content').style.display="block"
document.getElementById('tab2Content').style.display="none"
document.getElementById('tab3Content').style.display="none"
document.getElementById('tab4Content').style.display="none"
document.getElementById('tab5Content').style.display="none"
}
if (id == 'tab2') {
document.getElementById('tab1').className='mainTab'
document.getElementById(id).className='mainTab activeMainTab'
document.getElementById('tab3').className='mainTab'
document.getElementById('tab4').className='mainTab'
document.getElementById('tab5').className='mainTab'
document.getElementById('tab1Content').style.display="none"
document.getElementById('tab2Content').style.display="block"
document.getElementById('tab3Content').style.display="none"
document.getElementById('tab4Content').style.display="none"
document.getElementById('tab5Content').style.display="none"
}
if (id == 'tab3') {
document.getElementById('tab1').className='mainTab'
document.getElementById('tab2').className='mainTab'
document.getElementById(id).className='mainTab activeMainTab'
document.getElementById('tab4').className='mainTab'
document.getElementById('tab5').className='mainTab'
document.getElementById('tab1Content').style.display="none"
document.getElementById('tab2Content').style.display="none"
document.getElementById('tab3Content').style.display="block"
document.getElementById('tab4Content').style.display="none"
document.getElementById('tab5Content').style.display="none"
}
if (id == 'tab4') {
document.getElementById('tab1').className='mainTab'
document.getElementById('tab2').className='mainTab'
document.getElementById('tab3').className='mainTab'
document.getElementById(id).className='mainTab activeMainTab'
document.getElementById('tab5').className='mainTab'
document.getElementById('tab1Content').style.display="none"
document.getElementById('tab2Content').style.display="none"
document.getElementById('tab3Content').style.display="none"
document.getElementById('tab4Content').style.display="block"
document.getElementById('tab5Content').style.display="none"
}
if (id == 'tab5') {
document.getElementById('tab1').className='mainTab'
document.getElementById('tab2').className='mainTab'
document.getElementById('tab3').className='mainTab'
document.getElementById('tab4').className='mainTab'
document.getElementById(id).className='mainTab activeMainTab'
document.getElementById('tab1Content').style.display="none"
document.getElementById('tab2Content').style.display="none"
document.getElementById('tab3Content').style.display="none"
document.getElementById('tab4Content').style.display="none"
document.getElementById('tab5Content').style.display="block"
}

}