// JavaScript Document
window.onload = init;
/************************************************************************************************************************

		Variables

**************************************************************************************************************************/

//change this variable when the site is moved

var cycler;
var rootPage;
var currentTitle ='';

//var siteRoot = location.protocol + '//' + location.host+'/_service/dev1/itb-website/';
//Production site
//var siteRoot = 'http://inthebooth.com/';
//var siteRoot = '';
//var comRoot = "http://tiesto.com/";
//Development site
var siteRoot = '';
var comRoot = "http://tiesto.com/";


var footerTopPos;
var currentTheme = 1;
var musicArray= new Array();

var browserVersion = checkVersion();
var alternativeJs = false;
if(browserVersion == 8 || browserVersion == 7|| browserVersion == 6 ){
    //alert('NOT IE 9');
    alternativeJs = true;
}else if(browserVersion < 9){
	
	
}else{
//alert('NOT IE');
}	




/*
 * Initialises all pages onload
 *
 */
function init(){
	
    //init_player();
    if(document.getElementById('currentPage') != null){
        rootPage = document.getElementById('currentPage').value;
    }
	
	if(alternativeJs){
//		$("#browserMsg").html('<span class="accentColor_15 fontSize_12 ">Our music player is not optimized to function in IE'+browserVersion+'. Please upgrade, or use another browser to listen to music.</span>')
	}
	
    if(rootPage=='index.php'){
        startBanner();
    }else{
		
		
    }
	

	
    //initializes colorbox listeners (for images and pop-out forms) ** must call again to register listeners on AJAX content
	//$(".viewProfilePages").colorbox({width:"80%", height:"80%", iframe:true});
    $("a[rel='box']").colorbox();
    $(".newsletter").colorbox({
        inline:true, 
        href:"#newsletterBox"
    });
	
	
    hideLoadingBody();
	
    hideLoadingBanner();
    showFeed('twitterContainer','tiesto_twitter');
	 if(rootPage=='home.php'){
		
		$("#cboxPrevious").css({'visibility':'hidden'});
		$("#cboxNext").css({'visibility':'hidden'});
		$("#cboxCurrent").css({'visibility':'hidden'});
	 }
	 
	$("#showUserName").css({'display':'block'});
	 $(".showVideo").colorbox({innerWidth:"640", innerHeight:"360", iframe:true, scrolling: true});
}




/************************************************************************************************************************

	FUNCTIONS	 

**************************************************************************************************************************/
function initialize_google_plus(){
	gapi.plusone.go();	
	//	  (function() {
	//		var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
	//		po.src = 'https://apis.google.com/js/plusone.js';
	//		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
	//	  })();	
}
function showLoader(){
	$('.pagingContainer').css({'backgroundImage':'url(http://d1k2qty5tbyya1.cloudfront.net/images/loading.gif)','backgroundRepeat':'no-repeat','backgroundPosition':'300px 10px'});
	

}
function hideLoader(){
	$('.pagingContainer').css({'backgroundImage':'none'});

}


/*
 * Loading Display: show loading in body
 */
function showLoadingBody(){
    $('#body').hide();
    $('.loading').show();
}

/*
 * Loading Display: hide loading in body
 */
function hideLoadingBody(){
    $('#body').show();
    $('.loading').hide();
}
/*
 * Loading Display: show loading in banner
 */
function showLoadingBanner(){
    $('#bannerAjax').hide();
    $('.loading2').show();
}

/*
 * Loading Display: hide loading in banner
 */

function hideLoadingBanner(){
    $('#bannerAjax').show();
    $('.loading2').hide();
}


/*
 * Show 
 */

function showInputEmail(){
	
	toggleBox('emailLost');
	toggleBox('passwordBox');

	if($('#GoSubmit_reg').hasClass('displayNone')){
	
		$('#forgotPasswordText').html('Back to login');
		$('#login_message').removeClass('displayBlock');
		$('#login_message').addClass('displayNone');
		$('#forget_message').removeClass('displayNone');
		$('#forget_message').addClass('displayBlock');
		$('#loginSubmit_reg').removeClass('displayBlock');
		$('#loginSubmit_reg').addClass('displayNone');
		$('#GoSubmit_reg').removeClass('displayNone');
		$('#GoSubmit_reg').addClass('displayBlock');
		
	}else{
		
		$('#forgotPasswordText').html('Forgot your password?');
		$('#forget_message').removeClass('displayBlock');
		$('#forget_message').addClass('displayNone');
		$('#login_message').removeClass('displayNone');
		$('#login_message').addClass('displayBlock');
		$('#GoSubmit_reg').removeClass('displayBlock');
		$('#GoSubmit_reg').addClass('displayNone');
		$('#loginSubmit_reg').removeClass('displayNone');
		$('#loginSubmit_reg').addClass('displayBlock');
		$('.msg').html('Please sign in to enter this site...');
		$('.msg').css({'color':'#FF9351'});
		

	}
	
   
}


/*
 * Begins the Banner Rotation if #bannerBox
 */
function goToVideoPage(){
	
	if(child){
		child.close();
	}
	goToLink_self(siteRoot+'Tiesto-exclusive-videos');
	
}


/*
 * Begins the Banner Rotation if #bannerBox
 */
function startBanner(){	
	
    //Start Banner Cycler
    $('#bannerBox').cycle({
        pager:  '#bannerButtonContainer',
        speed:   1000,
        startingSlide: 0,
        pauseOnPagerHover: true,
        timeout: 7000,
        pagerAnchorBuilder: function(idx, slide) {
            if(idx==3){
                return '<a href="#" class="thumbItem">'+(idx+1)+'</a>';
            }else{
                return '<a href="#" class="thumbItem">'+(idx+1)+'</a>';
            } 
        } 
		
    });
				
}

function resetBannerAnimation(){
    $('#bannerBox').cycle('destroy');
	
    //reset banner
    if(document.getElementById('bannerAjax')!= null)
        document.getElementById('bannerAjax').innerHTML='';
	
	
}




/* Fade all feeds out and then fades in the recieved one.
*	recieves ID, returns nothing
*/
function showFeed(id, btnId){
//    $('.feed').hide();
//    $('.latestIcon').css('backgroundPosition','0px -58px');
//    $('#'+id).fadeIn('slow');
//	
//    $('#'+btnId).css('backgroundPosition','0px 0px');
	
	
 	$('.feed').hide();
	
	//reset
    $('.latestSelected').addClass('latestIcon');
	 $('.latestIcon').removeClass('latestSelected');
	
    $('#'+id).fadeIn('slow');	
    $('#'+btnId).addClass('latestSelected');
	 $('#'+btnId).removeClass('latestIcon');
		
	
}




/*
 * Will Toggle an object's height between preset CSS height and 0
 * receives an object ID
 *
 */
function toggleBox(id){
    $('#'+id).animate({
        height: 'toggle',
        opacity: 'toggle'
		
    }, 1000, function() {
        // Animation complete.
        $('#'+id).css({});
    });
}



/*
closes ColorBox and navigates target blank to ITB

*/
function goToLink_blank(href){

	  window.open( href, '_blank', '' );
		event.preventDefault();
		return false;
}

/*
closes ColorBox and navigates target blank to ITB

*/
function goToLink_self(href){

	  window.open( href, '_self', '' );
		event.preventDefault();
		return false;
}




/*
 * For popup player
 */
function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no,width=640,height=100,left =0,top = 0');");
}

function popitup(url) {
    mywindow = window.open (url,"mywindow","width=350,height=250");
    mywindow.moveTo(0, 0);
	 
    //newwindow=window.open(url,'name','height=200,width=150');
    //	if (window.focus) {newwindow.focus()}
    return false;
}


/*
 * Submiting login form VIA AJAX
 * recieves NOTHING, uses preset varible
 */
function login(){
    var u = $('input[name=username]');
    var p = $('input[name=password]');
    var r = $('input:checkbox:checked');
	 
    //alert(u.val()+': '+p.val()+': '+r.val());
    var error = false;
    if (u.val()==''||u.val()=='User name') {
        u.addClass('hightlight');
        error = true;
        return false;
    } else u.removeClass('hightlight');
         
    if (p.val()=='') {
        p.addClass('hightlight');
        error = true;
        return false;
    } else p.removeClass('hightlight');
		
    if (r.val()=='undefined') {
        r.addClass('hightlight');
        return false;
    } else if(r.val()=='on') r.removeClass('hightlight');
		
    if( error == false){
        var data = 'u='+u.val()+'&p='+p.val()+'&r='+r.val();
        $.ajax({
            url: "include/login_AJAX.php",	
            type: "GET",		
            data: data,		
            cache: false,
            success: function (html) {
						
                var arr = html.split('&');						
                if(arr.length == 2){
                    var arr1 = arr[0].split('@'); 
                    var arr2 = arr[1].split('@'); 
                    $('#login_message').html(arr2[1] );
					 
                }else{
					 $('#login_message').html('Thank you, please wait for login...')
                    $('#logoutBTN').show();             
                    location.replace(siteRoot+'home.php');
                }
		
            }		
        });
    }
					
}
	

/*
 * Submiting login form VIA AJAX
 * recieves NOTHING, uses preset varible
 */
function forgotPassword(){
	
	var u = $('input[name=username]');
	var e = $('input[name=email]');
	 //email
	 //username
	   error = false;
    if (u.val()=='' || u.val()=='User name') {
        u.css({'backgroundColor':'#F96', 'color':'#000'});
        u.val('User name');
        error = true;
		
    } else u.css({'backgroundColor':'#000', 'color':'#999'});
 
	 
    if (e.val()==''|| e.val()=='Email Address') {
        e.css({'backgroundColor':'#F96', 'color':'#000'});
        error = true;
        e.val('Email Address');
		
    } else e.css({'backgroundColor':'#000', 'color':'#999'});
	
	if(!error){
			var data = 'u='+u.val()+'&e='+e.val();
			$.ajax({
				url: "include/forgotPassword_AJAX.php",	
				type: "GET",		
				data: data,		
				cache: false,
				success: function (html) {
					if(html == 'success'){
						$('.msg').html('Thank you, please check your email for next step');
						$('.msg').css({'color':'#FF9351'});
					}else{
						$('.msg').html(html);
						$('.msg').css({'color':'#FF0000'});
					}
						
				   
						
				}		
			});
	}
					
					
}

	
	
	
/*
 * Submiting login form VIA AJAX
 * recieves NOTHING, uses preset varible
 */
function logout(){
	 
    var data = '';
    $.ajax({
        url: "include/logout_AJAX.php",	
        type: "GET",		
        data: data,		
        cache: false,
        success: function (html) {
				
            $('#logoutBTN').hide();
             location.replace(siteRoot+'index.php');
        }		
    });
					
					
}
	
	
/*************************************/

/**********  COMMENTS  ******** */

var addcomment_clickedIt = false;

function addComment_limitText(text) {
    if (text.value.length > 140) {
        text.value = text.value.substring(0, 139);
        text.value +="|";
		
    } else {
        document.getElementById('carac').value = 140 - text.value.length;
		 
		 
        var myspan = document.getElementById('NBCarac');
	
        var span_textnode = myspan.firstChild;
	
        span_textnode.data = 140 - text.value.length;
        ;
	
        var span_text = span_textnode.data;

	 
		 
    }
}



/*
*
clear textarea and set new value to span
*/
function addComment_cleartextarea(id){
    if (addcomment_clickedIt == false){
        id.value="";
        document.getElementById('carac').value="140";

        var myspan = document.getElementById('NBCarac');

        var span_textnode = myspan.firstChild;

        span_textnode.data = 140;

        var span_text = span_textnode.data;

        addcomment_clickedIt=true;
    }
}

/*
 * EMAIL Varify
 * recieves NOTHING, uses preset varible
 */
 function validateEmail(fieldVAL) {
  
        var regEx = new RegExp(/^[\_]*([a-z0-9]+(\.|\_*)?)+@([a-z][a-z0-9\-]+(\.|\-*\.))+[a-z]{2,6}$/);
  
        if ( !regEx.test(fieldVAL) ){
             return -1;
		}else{
			  return 1;
		}
   
}

/*
 * Add Item to My Favorits
 * used for Photo, Video, Music Album
 *
 *
 */
 function addToMyFavorites(mediaId, type){
	 
	  var data = 'mediaID='+mediaId+'&type='+type;
        $.ajax({
            url: "include/addToMyFavorites_Ajax.php",	
            type: "GET",		
            data: data,		
            cache: false,
            success: function (html) {
					jAlert("This item has been added to your favorites \n\n <a href='my-profile.php' class='accentColor_2'> View all your favorites in your profile pages</a>", 'Favorites ');
					 $('#popup_content.alert').css({backgroundImage:'url(http://d1k2qty5tbyya1.cloudfront.net/images/icon-AddToFavorit.png)'});
					  $('#popup_ok').val('Close');
            }		
        });
	 
 }
 
/*
 * Sends message to report a post as bad
 * receives 
 * type: comment or post
 * commentID: commentID or NULL
 * mediaID: mediaId or PostID (fanconnect)
 * mediaType: news,fanconnect etc... or NULL  
 *
 */
 function reportThisPost(type,mediaID,mediaType,commentID){
	
	 jConfirm('You are reporting this post as <strong>malicious</strong> material. \nReporting will cause immediate removal of this post and a follow-up investigation: \nAre you sure you wish to continue?', 'Reporting Malicious Post', function(r) {
			
			if(r){
			 
			  var data = 'mediaID='+mediaID+'&type='+type+'&mediaType='+mediaType+'&commentID='+commentID;
				$.ajax({
					url: "include/reportPost_Ajax.php",	
					type: "GET",		
					data: data,		
					cache: false,
					success: function (html) {
						//jAlert('Your report has been sent\n\nPROGRAMMER NOTE: ('+html+')', 'Thank You');
						jAlert('Your report has been sent', 'Thank You');
						 $('#popup_content.alert').css({backgroundImage:'url(http://d1k2qty5tbyya1.cloudfront.net/images/icon-Warning.png)'});
					}		
				});
			}
	 });
	 
	 $('#popup_content.confirm').css({backgroundImage:'url(http://d1k2qty5tbyya1.cloudfront.net/images/icon-Warning.png)'});
 }
 
/*
 * Sends message to report a post as bad
 * receives 
 * type: comment or post
 * commentID: commentID or NULL
 * mediaID: mediaId or PostID (fanconnect)
 * mediaType: news,fanconnect etc... or NULL  
 *
 */
 function deleteThisPost(type,mediaID,mediaType,commentID){
	
	 jConfirm('You are about to delete this post. \nAre you sure you wish to continue?', 'Delete Post', function(r) {
			
			if(r){
			 
			  var data = 'mediaID='+mediaID+'&type='+type+'&mediaType='+mediaType+'&commentID='+commentID;
				$.ajax({
					url: "include/reportPost_Ajax.php",	
					type: "GET",		
					data: data,		
					cache: false,
					success: function (html) {
						//jAlert('Your report has been sent\n\nPROGRAMMER NOTE: ('+html+')', 'Thank You');
						jAlert('Your post has been deleted.', 'Thank You', function(r){location.reload(true);});
						 $('#popup_content.alert').css({backgroundImage:'url(http://d3muaolby2vhr.cloudfront.net/images/icon-Warning.png)'});
					}		
				});
			}
	 });
	  $('#popup_content.confirm').css({backgroundImage:'url(http://d3muaolby2vhr.cloudfront.net/images/icon-Warning.png)'});
 }
 
 
 function thisIsNot_ItbMember(){
	 jAlert('Sorry, this user has no profile', 'Not An ITB Memember');
	// $('#popup_content.alert').css({backgroundImage:'url(http://d1k2qty5tbyya1.cloudfront.net/images/icon-NoProfile.png)'});
	 $('#popup_content.alert').css({backgroundImage:'url(http://d1k2qty5tbyya1.cloudfront.net/images/icon-NoProfile.png)'});
	  $('#popup_ok').val('Close');
 }

/***************************** Uplaoding images in Ajax *************************************************************************************************************************/

/* preview image befor uploading*/
 
// width to resize large images to
var maxWidth=600;

// height to resize large images to
var maxHeight=600;
 
// valid file types
var fileTypes=["png","jpg","jpeg"];
// the id of the preview image tag
var outImage="previewField";
var piclink="IMGlink";
// default image to display when the image is not valid
var defaultPic="http://d1k2qty5tbyya1.cloudfront.net/images/assets/icons/picture-placeholder.jpg";
	
var globalPic;
	
/* 
	 * For Previewing an image before uploading to the server
	 */
function preview(pic){
    var source=pic.value;
			
    var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase();
    for (var i=0; i<fileTypes.length; i++){
        if (fileTypes[i]==ext){
            break;
        }
    }
    globalPic=new Image();
    if (i<fileTypes.length){
			 
			
        try{
            globalPic.src=pic.files[0].getAsDataURL();
			
        }catch(err){
            globalPic.src=source;
			
        }
    }else {
        globalPic.src=defaultPic;
        alert("THIS IS NOT A VALID PICTURE, Please chose one of this types: "+fileTypes.join(", "));
    }
    setTimeout("applyChanges()",200);
}
     
/* 
	 * For resizing images...
	 */
function applyChanges(){
    var field=document.getElementById(outImage);
    var alink=document.getElementById(piclink);
    var x=parseInt(globalPic.width);
    var y=parseInt(globalPic.height);
    if (x>maxWidth) {
        y*=maxWidth/x;
        x=maxWidth;
			
    }
    if (y>maxHeight) {
        x*=maxHeight/y;
        y=maxHeight;
    }
		
    field.style.display=(x<1 || y<1)?"none":"";
    field.src=globalPic.src;
		
//alink.setAttribute('href',globalPic.src);
//field.width=59;
//field.height=75;
	
}

/*************************** Controls for Parent Child Player ***********************************/

var sound =true;

function writeText(text){
    child.document.getElementById('destinationText').innerHTML=text;

}



/*
	show faq Answers
*/		
function showAnswer(a){
	for(var i = 1; i <= 16; i++){
		if(a == i){
		
			$("#Qfaq"+i).removeClass("accentColor_4");
			$("#Qfaq"+i).addClass("accentColor_1");
			
			toggleBox("Afaq"+i);
			$("#view"+i).hide();
		}else if($("#Afaq"+i).css('display') =='block' ){
			$("#Qfaq"+i).removeClass("accentColor_1");
			$("#Qfaq"+i).addClass("accentColor_4");
			$("#view"+i).show();
			toggleBox("Afaq"+i);
		}
		
		
	}
	
}




/*
		show privacy policy close
	*/		
function showPrivacypolicy(a){
	for(var i = 1; i <= 11; i++){
		
		if(a == i){
			$("#PPC"+i).removeClass("accentColor_4");
			$("#PPC"+i).addClass("accentColor_1");
			
			toggleBox("PPD"+i);
		}else if($("#PPD"+i).css('display') =='block' ){
			$("#PPC"+i).removeClass("accentColor_1");
			$("#PPC"+i).addClass("accentColor_4");
			//$("#PPD"+i).hide();
			toggleBox("PPD"+i);
		}
		
		
	}
}


/* 
 * Check Explorer Version
 *
 */

function checkVersion() {

    var msg = 2;

    var ver = getInternetExplorerVersion();

    if (ver > -1) {

        if (ver == 9.0){

            msg = 9;

        }else if(ver == 8.0){

            msg = 8;
        }else if(ver == 7.0){
            msg = 7;
        }else{
            msg = 6;
        }

    }

    //alert(msg);
    return msg;

}

/* 
 * Check Explorer Version
 *
 */
function getInternetExplorerVersion() {

    var rv = -1; // Return value assumes failure.

    if (navigator.appName == 'Microsoft Internet Explorer') {

        var ua = navigator.userAgent;

        var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");

        if (re.exec(ua) != null)

            rv = parseFloat(RegExp.$1);

    }

    return rv;

}


