<?
include_once("../admin/db.php");
$_SESSION['aweBlacklabelLastViewedModel'] = $_GET['id']; //save last viewed model 
$performer = aweBlacklabelCurlRequest('performers/'.$_GET['id'],"");  


if(!$blacklabel['blacklabel_primaryButtonBg']) {
	$blacklabel['blacklabel_primaryButtonBg'] = "F92529"; 
}
if(!$blacklabel['blacklabel_primaryButtonColor']) { 
	$blacklabel['blacklabel_primaryButtonColor'] = "FFFFFF";
}
?>

<div class='aweTopTabs'>
	<a id='aweModalCamLink' class='aweSelected' href='<? echo $basehttp; ?>/live-webcams/loadModel/<? echo htmlentities($_GET['id']); ?>'><? echo htmlentities($_GET['id']); ?>'s Webcam</a> <a id='aweModalVideosLink'  href='<? echo $basehttp; ?>/live-webcams/loadVideos/<? echo htmlentities($_GET['id']); ?>'>Videos</a> <a id='aweModalGalleriesLink' href='<? echo $basehttp; ?>/live-webcams/loadGalleries/<? echo htmlentities($_GET['id']); ?>'>Galleries</a> <a id='aweModalRecommendedLink' href='<? echo $basehttp; ?>/live-webcams/loadRecommended/<? echo htmlentities($_GET['id']); ?>'>Similar Webcam Models</a>
</div>
<div id='resultRoot'>
	<div class="loader"></div>
</div>
<script>
$(document).ready(function() {
	$('#resultRoot').load("<? echo $basehttp; ?>/live-webcams/loadModel/<? echo htmlentities($_GET['id']); ?>");
    $('.aweTopTabs a').click(function(event){
        event.preventDefault();
		$("#resultRoot").html("<div class='loader'></div>");
        $('#resultRoot').load($(this).attr('href'));
		var thisHref = $(this).attr('href');
		console.log(thisHref); 
        if(thisHref == "https://heidicam.xxx/live-webcams/loadVideos/<? echo htmlentities($_GET['id']); ?>") {
			$("#aweModalVideosLink").addClass( "aweSelected" );
			$("#aweModalCamLink").removeClass( "aweSelected" );
			$("#aweModalGalleriesLink").removeClass( "aweSelected" );
			$("#aweModalRecommendedLink").removeClass( "aweSelected" );
		} else if(thisHref == "https://heidicam.xxx/live-webcams/loadGalleries/<? echo htmlentities($_GET['id']); ?>") { 
			$("#aweModalVideosLink").removeClass( "aweSelected" );
			$("#aweModalCamLink").removeClass( "aweSelected" );
			$("#aweModalGalleriesLink").addClass( "aweSelected" );
			$("#aweModalRecommendedLink").removeClass( "aweSelected" );
		} else if(thisHref == "https://heidicam.xxx/live-webcams/loadRecommended/<? echo htmlentities($_GET['id']); ?>") { 
			$("#aweModalVideosLink").removeClass( "aweSelected" );
			$("#aweModalCamLink").removeClass( "aweSelected" );
			$("#aweModalGalleriesLink").removeClass( "aweSelected" );
			$("#aweModalRecommendedLink").addClass( "aweSelected" );
		} else { 
			$("#aweModalVideosLink").removeClass( "aweSelected" );
			$("#aweModalCamLink").addClass( "aweSelected" );
			$("#aweModalGalleriesLink").removeClass( "aweSelected" );
			$("#aweModalRecommendedLink").removeClass( "aweSelected" );
		}
    });
	
	
});
</script>
<style>
#resultRoot {
	box-sizing: border-box;
	margin: 0 auto;
	height: 100%;
	padding: 10px;
	position: relative;
	
	overflow-x: auto;
}
.aweTopTabs a { 
	display: inline-block;
	padding: 3px 10px 3px 10px;
	margin-right: 10px;
	background-color: #<? echo $blacklabel['blacklabel_primaryButtonBg']; ?>;
	color: #<? echo $blacklabel['blacklabel_primaryButtonColor']; ?>;
	font-size: 11px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
}
.aweTopTabs a:target {
    display: block;
}
.aweTopTabs a.aweSelected { 
	background-color: #000000;
	color: #ffffff;
}
.loader {
  border: 7px solid #f3f3f3; /* Light grey */
  border-top: 7px solid #<? echo $blacklabel['blacklabel_primaryButtonBg']; ?>; 
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


</style>
<script src="<?php echo $basehttp; ?>/core/js/ageWarningJs.php"></script>