/*  ---------------------------------------------------------
    Name:       DOM Script
    Des:        Controls document Tabs & Child Tabs, Changes link properties if clients browser scripting is inactive
    --------------------------------------------------------- */
window.addEvent('domready', function() {
  if ($('hotelPage')) {
    var tabContentArray = $('contentTabs').getChildren('div');

    for (var y = 0; y < tabContentArray.length; y++) {
      tabContentArray[y].className = 'tabContentActive';
    }
  }
  else {
    if ($('contentTabs')) {
      var tabContentArray = $('contentTabs').getChildren('div');

      if (getQuerystring('tab').length > 0) {
        var tabHeadingsArray = $('tabNavTwo').getChildren('li');
        for (var y = 0; y < tabHeadingsArray.length; y++) {
          if (tabHeadingsArray[y].get('text').clean().toLowerCase().replace(" ", "") == (getQuerystring('tab').toLowerCase())) {
            tabHeadingsArray[y].getFirst('a').onclick.apply(tabHeadingsArray[y].getFirst('a'));
            y = tabHeadingsArray.length;
          }
        }

      }
      else {

        for (var y = 0; y < tabContentArray.length; y++) {
          if (tabContentArray[y].get('id') == tabContentArray[0].get('id')) {
            tabContentArray[y].className = 'tabContentActive';
          }
          else {
            tabContentArray[y].className = 'tabContent';
          }
        }
      }



    }
    if ($('safariTabs')) {
      var tabContentArray = $('safariTabs').getChildren('div');

      for (var y = 0; y < tabContentArray.length; y++) {
        if (tabContentArray[y].get('id') == tabContentArray[0].get('id')) {
          tabContentArray[y].className = 'safariTabActive';
        }
        else {
          tabContentArray[y].className = 'safariTab';
        }
      }
    }
    if ($('mainNavContainer')) {
      $('navCountries').setProperty('href', '/#');
      $('navHolidays').setProperty('href', '/#');
      $('navTwinCentre').setProperty('href', '/#');
    }
  }

});

function getQuerystring(key, default_)
{
  if (default_ == null) default_ = "";
  key = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regex = new RegExp("[\\?&]" + key + "=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if (qs == null)
    return default_;
  else
    return qs[1];
}


  function activateInfo(activeElement) {
    activeUL = $(activeElement).getParent('li').getNext('li');
    if (activeUL.hasClass('active')) {
      activeUL.removeClass('active');
      activeUL.addClass('inactive');
    }
    else {
      activeUL.removeClass('inactive');
      activeUL.addClass('active');
    }
  }


/*  ---------------------------------------------------------
    Name:       shortToggleTab(object,int)
    Des:        Toggles tabs using 2params and checks for vids and child tabs
    Input:      1.The object clicked
                2.The tab to be turned on
                
    Output:     none 
    --------------------------------------------------------- */
function shortToggleTab(element,contentID)
{

    if (contentID == 0)
    {
        displayActive(element);
        
        displayAllText(element,contentID);
    }
    else
    {
        checkForVideo(contentID);
            
        checkForChild(element); 
            
        displayActive(element);
            
        displayActiveText(element,contentID);
    }
}

/*  ---------------------------------------------------------
    Name:       toggleTab(int,int,boolean,boolean)
    Des:        Toggles tabs using 4params and checks for vids [old method]
    Input:      1.The number of the current tab
                2.The total number of tabs
                3.Is there a video
                4.Is there a video in tab
                
    Output:     none 
    --------------------------------------------------------- */
function toggleTab(num,numLength,isVideoPage,isVideoTab)
{     
    displayActiveOld(num,numLength);
        
    displayActiveTextOld(num,numLength);
 
    if (isVideoPage) 
    {
        if (isVideoTab) 
        {
            flowplayer("player", "/flowplayer/flowplayer-3.1.5.swf");
        }
        else 
        {
            flowplayer("player", "");
        }
    } 
}

/*  ---------------------------------------------------------
    Name:       toggleChildTab(int,int,boolean,boolean)
    Des:        Toggles child tabs using 3params
    Input:      1.Child object clicked
                2.Content tab to be turned on
                
    Output:     none 
    --------------------------------------------------------- */
function toggleChildTab(elementID,contentID)
{        
    displayActiveChild(elementID);
    
    displayActiveChildText(contentID);
}


/*  ---------------------------------------------------------
                        LOCAL FUNCTIONS
    --------------------------------------------------------- */
function checkForVideo(num)
{
    if ($('tabContent'+num).getElementById('player'))
    {
        flowplayer("player", "/flowplayer/flowplayer-3.1.5.swf");
    }
    else
    {
        if ($('tabbedContentContainer').getElementById('player'))
        {
          flowplayer("player", "");
        }
    }
}

function checkForChild(element)
{   
    var tabHeaderID = element.getParent().get('id');
    var num = tabHeaderID.substring(9);
    
    if( $('childSets') )
    {
    
    var selectedChildHeaderID = "tabHeader"+num+"ChildSet"
    var childSetHeaderArray = $('childSets').getChildren('div').get('id');
    
    for(var x = 0; x < childSetHeaderArray.length; x++)
    {
        if(childSetHeaderArray[x] == selectedChildHeaderID)
        {       
            window.document.getElementById(childSetHeaderArray[x]).className = 'childTabActive'; 
            setActiveChild(selectedChildHeaderID);        
        }
        else
        {        
            window.document.getElementById(childSetHeaderArray[x]).className = 'childTab';
        }
    }
    
    }
}

function displayActive(element)
{  
    var tabHeaderID = element.getParent().get('id');
      
    var tabHeaderList = element.getParent().getParent().get('id');
    
    var tabHeaderArray = $(tabHeaderList).getChildren('li');
    
    for(var x = 0; x < tabHeaderArray.length; x++)
    { 
        if(tabHeaderArray[x].get('id') == tabHeaderID)
        {
            tabHeaderArray[x].className = 'active';    
        }
        else
        {        
            tabHeaderArray[x].className = 'none';
        }
    } 
}

function displayActiveText(element,contentNum)
{
    var tabContentArray = $('contentTabs').getChildren('div');
    
    var contentID = 'tabContent'+contentNum
    
    for(var y=0; y < tabContentArray.length; y++)
    {  
        if(tabContentArray[y].get('id') == contentID)
        {
            tabContentArray[y].className = 'tabContentActive';    
        }
        else
        {        
            tabContentArray[y].className = 'tabContent';
        }
    }
}

function displayActiveChild(elementID)
{
    var headerID = elementID.getParent().get('id');
    
    var childList = elementID.getParent().getParent().get('id');
    
    var childListArray = $(childList).getChildren('li');

    for(var x = 0; x < childListArray.length; x++)
    {
        if(childListArray[x].get('id') == headerID)
        {
            childListArray[x].className = 'activeChild';    
        }
        else
        {        
            childListArray[x].className = 'child';
        }
    }
}

function displayActiveChildText(contentNum)
{
    var tabContentArray = $('contentTabs').getChildren('div');
    
    var contentID = 'tabContent'+contentNum
    
    for(var y=0; y < tabContentArray.length; y++)
    {  
        if(tabContentArray[y].get('id') == contentID)
        {
            tabContentArray[y].className = 'tabContentActive';    
        }
        else
        {        
            tabContentArray[y].className = 'tabContent';
        }
    }
}  

function displayActiveOld(i,listLength)
{
    for(var x=0; x<listLength; x++)
    {
        var headerName = 'tabHeader'+(x+1)
        if(x == i-1)
        {
            window.document.getElementById(headerName).className = 'active';
        }
        else
        {
            window.document.getElementById(headerName).className = 'none';
        }
    }
}

function displayActiveTextOld(i,listLength)
{
    for(var x=0; x<listLength; x++)
    {
        var contentID = 'tabContent'+(x+1)
        if(x == i-1)
        {
            window.document.getElementById(contentID).className = 'tabContentActive';
        }
        else
        {
            window.document.getElementById(contentID).className = 'tabContent';
        }
    }
}


function setActiveChild(childSetID)
{
    var childSetTabHeaderArray = $('childSets').getElementById(childSetID).getFirst('ul').getChildren('li');
        
    for(var x = 0; x < childSetTabHeaderArray.length; x++)
    {
        if(x == 0)
        {
            childSetTabHeaderArray[x].className = 'activeChild';    
     
        }
        else
        {        
            childSetTabHeaderArray[x].className = 'child';
        }
    }
}

// *******************

function displayAllText(element,contentNum)
{
    var tabContentArray = $('contentTabs').getChildren('div');
    
    var contentID = 'tabContent'+(contentNum + 1)
    
    for(var y=0; y < tabContentArray.length; y++)
    {  
        tabContentArray[y].className = 'tabContentActive';    
    }
  }

  function fadeBTNClick() {
    alert($("d_clip_button").get("text"));
    $("d_clip_button").set("html", "Code Copied");


    //$(thisObject)..addClass('justClicked');
    //(function() { $(thisObject).removeClass('justClicked'); }).delay(2000);

  }

//  function rhinoCompetitionCopyText() {
//    //var copyText = $('copyText').get('html');
//    //alert(copyText);
//   // $('holdtext').set = $('copytext').innerText;
////    $('copyText').get('html').execCommand("Copy");

////    if (selectedHtml != "")
////      window.clipboardData.setData("Text", selectedHtml);
////    //$('holdtext').innerText = $('copytext').innerText;
//    //var Copied = $('holdtext').createTextRange();
//    //Copied.execCommand("Copy");

//    //set path
//    ZeroClipboard.setMoviePath('http://davidwalsh.name/dw-content/ZeroClipboard.swf');
//    //create client
//    var clip = new ZeroClipboard.Client();
//    //event
//    clip.addEventListener('mousedown', function() {
//      clip.setText(document.getElementById('box-content').value);
//    });
//    clip.addEventListener('complete', function(client, text) {
//      alert('copied: ' + text);
//    });
//    //glue it to the button
//    clip.glue('copy'); 
    
 // }


function activateTab(element,contentID)
{
    if (contentID == 0)
    {
        displayActive(element);
        
        displayAllText(element,contentID);
    }
    else
    {

        displayTabLabel(element);
            
        displayTabText(element,contentID);
    }
}

function displayTabLabel(element)
{  
    var tabHeaderID = element.getParent().get('id');
      
    var tabHeaderList = element.getParent().getParent().get('id');
    
    var tabHeaderArray = $(tabHeaderList).getChildren('li');
    
    for(var x = 0; x < tabHeaderArray.length; x++)
    { 
        if(tabHeaderArray[x].get('id') == tabHeaderID)
        {
            tabHeaderArray[x].className = 'active';    
        }
        else
        {        
            tabHeaderArray[x].className = 'none';
        }
    } 
}

function displayTabText(element,contentNum)
{    
    var tabContentArray = $('safariTabs').getChildren('div');
    
    var contentID = 'safariContent'+contentNum  
    
    for(var y=0; y < tabContentArray.length; y++)
    {  
        if(tabContentArray[y].get('id') == contentID)
        {
            tabContentArray[y].className = 'safariTabActive';
            
            /*           
            var currentContent = tabContentArray[y];                   
            currentContent.set('slide');
		    currentContent.slide('hide').slide('in');
		    currentContent.get('slide');        
		    */
        }
        else
        {        
            tabContentArray[y].className = 'safariTab';
        }
    }
  }

  function tripInfoExpand() {
    var tripInfoDiv = $('tripInfoDiv');
    if (tripInfoDiv.className == 'active') {
        tripInfoDiv.className = 'inactive';

    }
    else {
        tripInfoDiv.className = 'active'; 
//        tripInfoDiv.set('slide');
//        tripInfoDiv.slide('hide').slide('in')
//        tripInfoDiv.get('slide'); 

    }
}
function uspInfoExpand() {
    var uspInfoDiv = $('uspInfoDiv');
    if (uspInfoDiv.className == 'active') {
        uspInfoDiv.className = 'inactive';

    }
    else {
        uspInfoDiv.className = 'active';
//        uspInfoDiv.set('slide');
//        uspInfoDiv.slide('hide').slide('in')
//            uspInfoDiv.get('slide'); 

    }
}


function usp2InfoExpand() {
    var usp2InfoDiv = $('usp2InfoDiv');
    if (usp2InfoDiv.className == 'active') {
        usp2InfoDiv.className = 'inactive';

    }
    else {
        usp2InfoDiv.className = 'active';
//        usp2InfoDiv.set('slide');
//        usp2InfoDiv.slide('hide').slide('in')
//        usp2InfoDiv.get('slide');

    }
}

function usp3InfoExpand() {
    var usp3InfoDiv = $('usp3InfoDiv');
    if (usp3InfoDiv.className == 'active') {
        usp3InfoDiv.className = 'inactive';

    }
    else {
        usp3InfoDiv.className = 'active';
//        usp3InfoDiv.set('slide');
//        usp3InfoDiv.slide('hide').slide('in')
//        usp3InfoDiv.get('slide');

    }
}

function usp4InfoExpand() {
    var usp4InfoDiv = $('usp4InfoDiv');
    if (usp4InfoDiv.className == 'active') {
        usp4InfoDiv.className = 'inactive';

    }
    else {
        usp4InfoDiv.className = 'active';
//        usp4InfoDiv.set('slide');
//        usp4InfoDiv.slide('hide').slide('in')
//        usp4InfoDiv.get('slide');

    }
}

  function staffOpinionExpand() 
  {
    var staffOpinionDiv = $('staffOpinionDiv');

    if (staffOpinionDiv.className == 'inactive')
    {
      staffOpinionDiv.className = 'active';
      $("staffopinionmore").innerHTML = "less comments";
    }
    else
    {
      staffOpinionDiv.className = 'inactive';
      $("staffopinionmore").innerHTML = "more comments";
    }
}



