﻿// JScript File

var iStartScroll                        = 5;
var iEndScroll                          = -750;//-1000;
var iSpeed                              = 5;
var iCurrentPosition                    = iStartScroll;
var iIntervalSpeed                      = 5;  
var iProductTopToysAmount               = 6;  
var sProductTopToysThumbnailHolderName  = 'products_advertisementsTopToys';
var sProductOverlayTopToyThumb          = 'product_TopToysLargeOverlayTopToyThumb';
var sActivityHolder                     = 'funstuff_activity';
var iActivityAmount                     = 5;
var iSafetyAmount                       = 5;
var objDivHolder;
var iScrollLeft;
var iScrollRight;
var objDivSwap;
var sSwapOutImage;
var objCurrentThumbnailProductDiv;
var arrayProductTopToysThumbnail;
var i,j;
var objHolder;
var objDivHolderName;
var objDivOverlay;
var objOverlayTopToyHolder;
var objImgName;
var objButton;
var URL;
var sPage;
var iActivity;
var objDiv;
var objImage;


var arrayTopToysDetailImage             = new Array();
//arrayTopToysDetailImage[1]              = 'products_topToys_3dollar_lg.jpg'; //'products_topToys_theDiamondCastlePlayset_lg.jpg';
arrayTopToysDetailImage[1]              = 'products_topToys_thumbelinalead_lg.jpg'; //'products_topToys_ICanBeZooDoctorPlayset_lg.jpg';
arrayTopToysDetailImage[2]              = 'products_topToys_3dollar_lg.jpg'; //'products_topToys_diamondCastlePrincessLianaDoll_lg.jpg';
arrayTopToysDetailImage[3]              = 'products_topToys_zebraswimsuit_lg.jpg'; //'products_topToys_partyCruise_lg.jpg';
arrayTopToysDetailImage[4]              = 'products_topToys_icanbeseaworld_lg.jpg'; //'products_topToys_petites_lg.jpg';
arrayTopToysDetailImage[5]              = 'products_topToys_nailsstylin_lg.jpg'; //'products_topToys_luvMe3TrickyTripletsPlayset_lg.jpg';
arrayTopToysDetailImage[6]              = 'products_topToys_cleanuppup_lg.jpg';//'products_topToys_ICanBeZooDoctorPlayset_lg.jpg';


function none(){

}


function pop(n,u,w,h,args2,x) {
	if (args2.indexOf('scrollbars=no') != -1){
		args="width="+w+",height="+h+","+args2; 
	}else
	{
		args="width="+w+",height="+h+","+args2+",scrollbars=yes"; 
	}
  remote=window.open(u,n,args);
  if (remote != null) {
    if (remote.opener == null)
      remote.opener = self;
  }
  remote.focus();
  if (x == 1) { return remote; }
}



function scrollLeftTimer(){

   if (iCurrentPosition < (iEndScroll)){
      clearInterval(iScrollLeft);
      objDivHolder.style.left   = iEndScroll + "px";
   } else {
      objDivHolder              = document.getElementById('home_advertisementsTopToysImgHolder');
      iCurrentPosition          = objDivHolder.offsetLeft;  
      objDivHolder.style.left   = iCurrentPosition - iSpeed + "px";
   }  
}


function scrollRightTimer(){

   if (iCurrentPosition > (iStartScroll)){
      clearInterval(iScrollRight);
      objDivHolder.style.left       = iStartScroll + "px";

   } else {
      objDivHolder                  = document.getElementById('home_advertisementsTopToysImgHolder');
      iCurrentPosition              = objDivHolder.offsetLeft;
      objDivHolder.style.left       = iCurrentPosition + iSpeed + "px";  
   } 
}

function scrollToLeft(){
    iScrollLeft = setInterval(scrollLeftTimer,iIntervalSpeed);
}

function scrollToRight(){
    iScrollRight = setInterval(scrollRightTimer,iIntervalSpeed);
}

function killScroller(){
    clearInterval(iScrollRight);
    clearInterval(iScrollLeft);
}

function swapOutImage(objDivName){
    
    switch(objDivName){
        case "back2Barbie":
            sSwapOutImage = 'url(/grownups/images/nav_backtobarbie_rollover.gif)';
            break;
        case "home":
            sSwapOutImage = 'url(/grownups/images/nav_home_rollover.gif)'; //'url(/grownups/images/nav_home_rollover.jpg)';
            break;
        case "topToys":
            sSwapOutImage = 'url(/grownups/images/nav_topToys_rollover.gif)';
            break;
        case "barbieBuzz":
            sSwapOutImage = 'url(/grownups/images/nav_barbieBuzz_rollover.gif)';
            break;
        case "funStuff":
            sSwapOutImage = 'url(/grownups/images/nav_funstuff_rollover.gif)';
            break; 
        case "signUp":
            sSwapOutImage = 'url(/grownups/images/nav_signup_rollover.gif)';
            break;                
    }
    
    objDivSwap = document.getElementById(objDivName);
    objDivSwap.style.backgroundImage = sSwapOutImage;
}

function swapBackImage(objDivName){
    objDivSwap = document.getElementById(objDivName);
    objDivSwap.style.backgroundImage = '';
}


function highlightProductsThumbnail(objDivName,objDivHolderName){
    //alert("objDivName="+objDivName+"   objDivHolderName="+objDivHolderName);
    for (i=1;i<=iProductTopToysAmount;i++){
        var objThumbholderNameHighlight = document.getElementById(sProductTopToysThumbnailHolderName+i);
        
        if (objThumbholderNameHighlight != null){
        
            objThumbholderNameHighlight.style.backgroundImage    = 'none'; 
        }
    }

    objDivSwap = document.getElementById(objDivName);
    
    if (objDivSwap != null){
        objDivSwap.style.backgroundImage                = 'url(/grownups/images/products_topToys_thumbnailSelected.jpg)';
    }
    
    for (j=1;j<=iProductTopToysAmount;j++){
        var objThumbholderNameHide                      = document.getElementById('products_advertisementsTopToys'+j+'DetailHolder');

        if (objThumbholderNameHide != null){
            objThumbholderNameHide.style.visibility         = 'hidden'; 
            //objThumbholderNameHide.style.cursor             = 'pointer'; 
        }
    }
    
    
    
    switch (objDivHolderName){
        case "products_advertisementsTopToys1DetailHolder":
            sLgDetailImage = arrayTopToysDetailImage[1];
            iNo = 1;
            break;
        case "products_advertisementsTopToys2DetailHolder":
            sLgDetailImage = arrayTopToysDetailImage[2];
            iNo = 2;
            break;
        case "products_advertisementsTopToys3DetailHolder":
            sLgDetailImage = arrayTopToysDetailImage[3];
            iNo = 3;
            break;
        case "products_advertisementsTopToys4DetailHolder":
            sLgDetailImage = arrayTopToysDetailImage[4];
            iNo = 4;
            break;
        case "products_advertisementsTopToys5DetailHolder":
            sLgDetailImage = arrayTopToysDetailImage[5];
            iNo = 5;
            break; 
        case "products_advertisementsTopToys6DetailHolder":
            sLgDetailImage = arrayTopToysDetailImage[6];
            iNo = 6;
            break;                                                
        case "products_advertisementsTopToys7DetailHolder":
            sLgDetailImage = arrayTopToysDetailImage[7];
            iNo = 7;
            break;                                                
    }
    

    objHolder = document.getElementById(objDivHolderName);
    
    if (objHolder != null){
        objHolder.style.visibility = 'visible';
    }

    var objDetailImageHolder = document.getElementById('products_advertisementsTopToysDetail' + iNo +'HolderImage');
    
    if (objDetailImageHolder != null){
        objDetailImageHolder.style.backgroundImage = 'url(/grownups/images/' + sLgDetailImage.split('_lg').join('_sm') + ')';
    }

}

function showTopToyLargeImage(objDivName,objImgName, URL, iThumbholderOverlay){
	
    // shows the overlay for the large images
    objDivOverlay = document.getElementById('product_TopToysLargeOverlay');
    objDivOverlay.style.visibility = 'visible';

    //objButton = document.getElementById('button');
    //objButton.onclick = 'alert('+ buttonURL + ')';

    buttonURL = URL;

    // loads the corresponding image
    objOverlayTopToyHolder = document.getElementById('product_TopToysLargeOverlayTopToy');    
    objOverlayTopToyHolder.style.backgroundImage = 'url(/grownups/images/'+ sLgDetailImage +')';
    
     // shows thumbnails on overlay
    hideOverlayThumbnails(iThumbholderOverlay);
    
    
    
}

// hides the thumbnails that are located on the overlay for large images
// if set to 7, then hides all
function hideOverlayThumbnails(iOverlayThumbnailHolder){
    
     // shows thumbnails on overlay
    for (j=1;j<=iProductTopToysAmount;j++){        
        var objThumbholderOverlayName = document.getElementById("products_advertisementsTopToysDetailHolderThumbnailOverlay"+j);
        if (j != iOverlayThumbnailHolder){            
            objThumbholderOverlayName.style.visibility = 'hidden'; 
        } else {
            objThumbholderOverlayName.style.visibility = 'visible';
        }
    }
}



function closeOverlayWindow(){

    // shows the overlay for the large images
    objDivOverlay = document.getElementById('product_TopToysLargeOverlay');
    objDivOverlay.style.visibility = 'hidden';
    
    hideOverlayThumbnails(7);
    
}

function openURL(){
    window.open(buttonURL);
}

function showImage(objHolder,objImgName){
   
    sLgDetailImage = objImgName.split('_sm').join('_lg');
    
    objOverlayTopToyHolder = document.getElementById(objHolder);    
    objOverlayTopToyHolder.style.backgroundImage = 'url(/grownups/images/'+ objImgName +')';

}

// parameters: (activity no.,div to change text color, div to swap out image)
function showActivity(iActivity){
    
    // shows the activity
    for (i=1;i<=iActivityAmount;i++){
        
        var objThumbholderName          = document.getElementById(sActivityHolder+i);
        var objActivityTextHolder       = document.getElementById('funstuff_activities' + i + '_click');
        var objButtonHolder             = document.getElementById('funstuff_tab_activity' + i);
        
        if (i != iActivity){
            objThumbholderName.style.visibility     = 'hidden'; 
            objActivityTextHolder.style.color       = '#ffffff';
            
            if (i != 1){
                objButtonHolder.style.backgroundImage   = 'url(/grownups/images/funstuff_tab_unselected.jpg)';
            } else {
                objButtonHolder.style.backgroundImage   = 'url(/grownups/images/funstuff_tab_left_unselected.jpg)';
            }
            
        } else {
            objThumbholderName.style.visibility     = 'visible';
            objActivityTextHolder.style.color       = '#996699';
            
            if (i != 1){
                objButtonHolder.style.backgroundImage   = 'url(/grownups/images/funstuff_tab_selected.jpg)';
            } else {
                objButtonHolder.style.backgroundImage   = 'url(/grownups/images/funstuff_tab_left.jpg)';
            }
        }
    } 
}

// shows internet safety
function showSafety(){
   
    
    var iSafetyBodyHeight = document.body.clientHeight;
    var iSafetyBodyWidth  = document.body.clientWidth;
    
    var objSafetyWindow = document.getElementById('safeteyHolder');
    objSafetyWindow.style.top                   = ((iSafetyBodyHeight -  574)/2) + 'px';
    objSafetyWindow.style.left                  = (((iSafetyBodyWidth -  764)/2)-95) + 'px';
    objSafetyWindow.style.visibility            = 'visible'; 
    
    showSafetyTab(1);
}

// close safety window
function closeWindow(objWindow){

    // shows the overlay for the large images
    var objWindowOverlay = document.getElementById(objWindow);
    objWindowOverlay.style.visibility = 'hidden';
    
    
    for (i=1;i<=iSafetyAmount;i++){
        var objSafefyHolder         = document.getElementById('safety_holder'+ i);
        objSafefyHolder.style.visibility        = 'hidden'; 
    }
}


//
function showSafetyTab(iSafetyTabNo){
    
    for (i=1;i<=iSafetyAmount;i++){
        
        var objSafefyHolder         = document.getElementById('safety_holder'+ i);
        var objSafteyTextBg         = document.getElementById('saftey_link' + i );
        var objSafetyLink           = document.getElementById('saftey_linkText' + i);
        
        if (i != iSafetyTabNo){
            objSafefyHolder.style.visibility        = 'hidden'; 
            objSafetyLink.style.color               = '#666666';
            objSafteyTextBg.style.backgroundColor   = '#d0cacd';
            
        } else {
            objSafefyHolder.style.visibility        = 'visible';
            objSafetyLink.style.color               = '#ffffff';
            objSafteyTextBg.style.backgroundColor   = '#f59fc8';
        }
    }     
}

// swaps out image
function swapImage(objDiv,objImage){

    var objImageSwap                        = document.getElementById(objDiv);
    objImageSwap.style.backgroundImage      = 'url(/grownups/images/' + objImage + ')';
}

// parses parameter out of querystring
function querySt(ji) {
hu = window.location.search.substring(1);
gy = hu.split("&");
    for (i=0;i<gy.length;i++) {
        ft = gy[i].split("=");
        if (ft[0] == ji) {
            return ft[1];
        }
    }
}

// goes back to referral page from safety
function backToReferralPage(){
	
	if((querySt('referralURL')) == 'barbieBuzzAnthem.aspx'){
  	   var sPath = '/grownups/web/anthem/';
	} else if ( ((querySt('referralURL')) != 'default.aspx') && ((querySt('referralURL')) != 'Default.aspx')){
        var sPath = '/grownups/web/';
    } else {
        var sPath = '/grownups/';
    }
    
    window.location.href = sPath + querySt('referralURL');
}