/* /////////////////////// */
/* MC2 JAVASCRIPT: SAMPLES */
/* 05.06.17                */
/* /////////////////////// */

// DEFINE VARIABLES

/* Array */
var aSizeDown         = new Array('445','444','440','380','250','125','70','30','15','10','5','2');

var aSamples_Clients  = new Array('03');
var aSamples_Ads      = new Array('02');
var aSamples_Design   = new Array('02');
var aSamples_Web      = new Array('02','04');
var aSamples_Employment  = new Array('01');
var aSamples_Pub  = new Array('02','04');

/* Boolean */
var bNetscape         = new Boolean(false);
var bSamplesExpanded  = new Boolean(false);

/* Numeric */
var i                 = new Number(0);
var c                 = new Number(20);
var nDivider          = new Number(30);
var nImage            = new Number(445);
var nDivider_NewWidth = new Number(1);
var nImage_NewWidth   = new Number(1);
var nCurrentPage      = new Number(1);
var nTotalPages       = new Number(0);

/* String */
var sBrowser          = new String(navigator.appName);
var sPreviousFunction = new String('');
var sCurrentSection   = new String('');

/* DEBUG */
var DEBUG;

// DECLARE FUNCTIONS

/* Function To Detect Browser Name */
function fnDetectBrowser() {
  if (document.getElementById) {
    if (sBrowser == 'Netscape') {
      bNetscape = true;
    }
    else if (sBrowser == 'Microsoft Internet Explorer') {
      bNetscape = false;
    }
    else {
      bNetscape = false;
    }
  }
}

/* Function To Activate Page Numbers */
function fnActivatePageNumbers(x) {
  if (document.getElementById) {
    if (x.length > 1) {
      for (y = 1; y < (x.length + 1); y++) {
        document.getElementById('go_page0' + y).style.display = 'inline';
      }
    }
  }
}

/* Function To Deactivate Page Numbers */
function fnDeactivatePageNumbers(x) {
  if (document.getElementById) {
    if (x.length > 1) {
      for (y = 1; y < (x.length + 1); y++) {
        document.getElementById('go_page0' + y).style.display = 'none';
      }
    }
  }
}

function fnExpandSamples02(x) {
  if (document.getElementById) {
    if (bSamplesExpanded != true) {
      bSamplesExpanded = true;
      sCurrentSection  = x;
      nImage_NewWidth  = nImage;
      document.getElementById('filler').style.visibility = 'hidden';
      switch (x) {
        case 'clients':
        nCurrentPage = 1;
        nTotalPages  = aSamples_Clients.length;
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_clients' + aSamples_Clients[0] + '.jpg)';
        break;
        
        case 'design':
        nCurrentPage = 1;
        nTotalPages  = aSamples_Design.length;
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_design' + aSamples_Design[0] + '.jpg)';
        break;
        
        case 'ads':
        nCurrentPage = 1;
        nTotalPages  = aSamples_Ads.length;
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_print' + aSamples_Ads[0] + '.jpg)';
        break;
        
        case 'web':
        nCurrentPage = 1;
        nTotalPages  = aSamples_Web.length;
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_web' + aSamples_Web[0] + '.jpg)';
        break;
		
		case 'employment':
        nCurrentPage = 1;
        nTotalPages  = aSamples_Clients.length;
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_clients' + aSamples_Employment[0] + '.jpg)';
        break;
		case 'pub':
        nCurrentPage = 1;
        nTotalPages  = aSamples_Pub.length;
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_pub' + aSamples_Pub[0] + '.jpg)';
        break;
      }
      fnExpandSamples02(sCurrentSection);
    }
    else if (i != aSizeDown.length) {
      nImage_NewWidth = aSizeDown[i];
      document.getElementById(sCurrentSection).style.width = nImage_NewWidth + 'px';
      i++;
      tTimer01 = setTimeout('fnExpandSamples02(sCurrentSection)', 75);
    }
    else {
      document.getElementById(x).style.backgroundImage = 'none';
      document.getElementById('view_samples').style.display = 'none';
      if (nTotalPages > 1) {
        if (document.getElementById('more')) {
          document.getElementById('more').style.display = 'block';
        }
      }
      document.getElementById('return').style.display = 'block';
      document.getElementById('overlay').style.display = 'block';
      switch (sCurrentSection) {
        case 'clients':
        fnActivatePageNumbers(aSamples_Clients);
        break;
        
        case 'design':
        fnActivatePageNumbers(aSamples_Design);
        break;
        
        case 'ads':
        fnActivatePageNumbers(aSamples_Ads);
        break;
        
        case 'web':
        fnActivatePageNumbers(aSamples_Web);
        break;
		
		case 'employment':
        fnActivatePageNumbers(aSamples_Employment);
        break;
		
		case 'pub':
        fnActivatePageNumbers(aSamples_Pub);
        break;
      }
      clearTimeout(tTimer01);
      fnDebugger();
    }
  }
}

function fnSwapOverlays(x) {
  if (document.getElementById) {
    if (nCurrentPage < nTotalPages) {
      nCurrentPage++;
      if (nCurrentPage == 1) {
        if (document.getElementById('overlay'                     )) {
          document.getElementById('overlay'                     ).style.display  = 'block' ;
        }
        if (document.getElementById('overlay' +  '2'     )) {
          document.getElementById('overlay' +  '2'     ).style.display  = 'none';
        }
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_' + sCurrentSection + x[nCurrentPage - 1] + '.jpg)';
        fnDebugger(0);
      }
      else if (nCurrentPage > 2) {
        if (document.getElementById('overlay'                     )) {
          document.getElementById('overlay'                     ).style.display  = 'none' ;
        }
        if (document.getElementById('overlay' + (nCurrentPage - 1))) {
          document.getElementById('overlay' + (nCurrentPage - 1)).style.display  = 'none' ;
        }
        if (document.getElementById('overlay' +  nCurrentPage     )) {
          document.getElementById('overlay' +  nCurrentPage     ).style.display  = 'block';
        }
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_' + sCurrentSection + x[nCurrentPage - 1] + '.jpg)';
        fnDebugger(1);
      }
      else {
        if (document.getElementById('overlay'                     )) {
          document.getElementById('overlay'                     ).style.display  = 'none' ;
        }
        if (document.getElementById('overlay' +  nCurrentPage     )) {
          document.getElementById('overlay' +  nCurrentPage     ).style.display  = 'block';
        }
        document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_' + sCurrentSection + x[nCurrentPage - 1] + '.jpg)';
        fnDebugger(2);
      }
    }
    else {
      if (document.getElementById('overlay'   +  nCurrentPage     )) {
        document.getElementById('overlay'   +  nCurrentPage     ).style.display  = 'none';
      }
      if (document.getElementById('overlay')) {
        document.getElementById('overlay').style.display  = 'block' ;
      }
      nCurrentPage = 1;
      document.getElementById('table_main').style.backgroundImage = 'url(images/backgrounds/bg-samples_' + sCurrentSection + x[nCurrentPage - 1] + '.jpg)';
      fnDebugger(3);
    }
  }
}

function fnMoreSamples(x) {
  if (document.getElementById) {
    if (x != undefined) {
      nCurrentPage = x - 1;
    }
    else {
      
    }
    switch (sCurrentSection) {
      case 'clients':
      fnSwapOverlays(aSamples_Clients);
      break;
      
      case 'design':
      fnSwapOverlays(aSamples_Design);
      break;
      
      case 'ads':
      fnSwapOverlays(aSamples_Ads);
      break;
      
      case 'web':
      fnSwapOverlays(aSamples_Web);
      break;
	  
	  case 'pub':
      fnSwapOverlays(aSamples_Pub);
      break;
    }    
  }
}

function fnCollapseSamples02() {
  if (document.getElementById) {
    if (bSamplesExpanded == true) {
      i = aSizeDown.length - 1;
      bSamplesExpanded = false;
      document.getElementById('overlay').style.display  = 'none';
      if (document.getElementById('overlay2')) {
        document.getElementById('overlay2').style.display = 'none';
      }
      switch (sCurrentSection) {
        case 'clients':
        fnDeactivatePageNumbers(aSamples_Clients);
        document.getElementById(sCurrentSection).style.backgroundImage = 'url(images/backgrounds/bg-art_clients02.jpg)';
        break;
        
        case 'design':
        fnDeactivatePageNumbers(aSamples_Design);
        document.getElementById(sCurrentSection).style.backgroundImage = 'url(images/backgrounds/bg-art_design03.jpg)';
        break;
        
        case 'ads':
        fnDeactivatePageNumbers(aSamples_Ads);
        document.getElementById(sCurrentSection).style.backgroundImage = 'url(images/backgrounds/bg-art_print02.jpg)';
        break;
        
        case 'web':
        fnDeactivatePageNumbers(aSamples_Web);
        document.getElementById(sCurrentSection).style.backgroundImage = 'url(images/backgrounds/bg-art_web03.jpg)';
        break;
		
		case 'employment':
        fnDeactivatePageNumbers(aSamples_Clients);
        document.getElementById(sCurrentSection).style.backgroundImage = 'url(images/backgrounds/bg-art_employment02.jpg)';
        break;
		
		case 'pub':
        fnDeactivatePageNumbers(aSamples_Pub);
        document.getElementById(sCurrentSection).style.backgroundImage = 'url(images/backgrounds/bg-art_pub01.jpg)';
        break;
      }
      fnCollapseSamples02();
    }
    else if (i != 0) {
      nImage_NewWidth = aSizeDown[i];
      document.getElementById(sCurrentSection).style.width = nImage_NewWidth + 'px';
      i--;
      tTimer02 = setTimeout('fnCollapseSamples02()', 50);
    }
    else {
      nImage_NewWidth = nImage;
      document.getElementById(sCurrentSection).style.width = nImage + 'px';
      document.getElementById('divider').style.width = '30px';
      if (document.getElementById('more')) {
        document.getElementById('more').style.display = 'none';
      }
      document.getElementById('return').style.display = 'none';
      document.getElementById('view_samples').style.display = 'block';
      document.getElementById('filler').style.visibility = 'visible';
      document.getElementById('table_main').style.backgroundImage = 'url(images/bg-bigborder01.gif)';
      clearTimeout(tTimer02);
      fnDebugger();
    }
  }
}

function fnDebugger(x) {
  /*
  if (x != undefined) {
    DEBUG = x;
  }
  else {
    DEBUG = 'NO DATA!!';
  }
  var y = 'contact_info';
  document.getElementById(y).childNodes[0].nodeValue  = 'Current Page: ' + nCurrentPage;
  document.getElementById(y).childNodes[0].nodeValue += ' | Total Pages: '  + nTotalPages + ' | ';
  document.getElementById(y).childNodes[0].nodeValue += 'DEBUG: ' + DEBUG + ' | ';
  */
}

// CALL FUNCTIONS

fnDetectBrowser();