var currentCourseTabIdx = -1;

function tab(idx, name, parent, full, children) {
	this.idx = idx;
	this.name = name;
	this.parent = parent;
	this.full = full;
	this.children = children;
}

function breadcrumb(url, text) {
	this.url = url;
	this.text = text;
}

function searchClick() {
	location.href = location.protocol + '//' + location.host + '/search-details/-/search/' + $('#bpp-search').val();
	return false;
}

function slide(imageUrl, link, title, body) {
	this.imageUrl = imageUrl;
	this.link = link;
}

var slides = new Array();
var tabs = new Array();
var tabHorizontal = false;

function setPage(pageId) {
	tabOff();
	$('#base').removeClass();

	switch (pageId) {

	case 1: // home

		$('#base').addClass('body-home');
		$('img#tab-home').attr('src',
				themeDisplay.getPathThemeImages() + '/menu-home-on.png');

		break;

	case 2: // undergraduate

		$('#base').addClass('body-undergraduate');
		$('img#tab-undergraduate').attr(
				'src',
				themeDisplay.getPathThemeImages()
						+ '/menu-undergraduate-on.png');
		break;

	case 3:

		$('#base').addClass('body-postgraduate');
		$('img#tab-postgraduate')
				.attr(
						'src',
						themeDisplay.getPathThemeImages()
								+ '/menu-postgraduate-on.png');
		break;

	case 4:

		$('#base').addClass('body-professional-qualifications');
		$('img#tab-professional-qualifications').attr(
				'src',
				themeDisplay.getPathThemeImages()
						+ '/menu-professional-qualifications-on.png');

		break;

	case 5:

		$('#base').addClass('body-cpd');
		$('img#tab-cpd').attr('src',
				themeDisplay.getPathThemeImages() + '/menu-cpd-on.png');
		break;
	}
}


$(document).ready(function() {
    $("a#login").fancybox({
        'hideOnContentClick' : false,
        'overlayShow' : true,
        'titleShow' : false,
        'height' : 200,
        'width' : 700,
        'padding' : 10,
        'margin' : 0,
        'overlayColor' : '#333333'
    });
    
    $("a.location-anchor").fancybox({
    	onStart: function(selectedArray, selectedIndex, selectedOptions){
    		var name = $(selectedArray[selectedIndex]).attr('data');
        	getLocationDetails(name);
    	},
    	'onClosed': function() {
    		closeLocationPopup();
    	},
        'hideOnContentClick' : false,
        'overlayShow' : true,
        'titleShow' : false,
        'height' : 620,
        'width' : 725,
        'padding' : 10,
        'margin' : 0,
        'overlayColor' : '#333333'        
    });

    $('#tab-1').click(function() {
        tabInit(1);
    });

    $('#tab-2').click(function() {
        tabInit(2);
    });

    $('#tab-3').click(function() {
        tabInit(3);
    });

    $('#tab-4').click(function() {
        tabInit(4);
    });

    $('#tab-5').click(function() {
        tabInit(5);
    });

    /*$(".location-anchor").click(function() {
    	  var name = $(this).attr('data');
    	  getLocationDetails(name);
    	  
    	  alert('hi there');
    	  
    	  $(this).fancybox({
    	    	'onClosed': function() {
    	    	    $('.locationPopup').html("");
    	    	},
    	        'hideOnContentClick' : false,
    	        'overlayShow' : true,
    	        'titleShow' : false,
    	        'height' : 600,
    	        'width' : 700,
    	        'padding' : 10,
    	        'margin' : 0,
    	        'overlayColor' : '#333333'        
    	    }).click();
    	  
    });*/
    
    /*
    var i = 0;
    $('ul.breadcrumbs li a').each(
            function(index) {
                breadcrumbs[i] = new breadcrumb($(this).attr(
                        'href'), $(this).text());
                i++;
            });

    var content = '<li class="first"><img src="/bpp-theme/images/breadcrumb-start.png" /></li>';
    content += '<li><div class="left breadcrumb-wrapper"><a class="left" href="/web/bpp/welcome"   >Home</a></div><img src="/bpp-theme/images/breadcrumb-middle.png" class="left" /></li>';

    imagetype = 'breadcrumb-middle.png';
    liClass = '';

    for (j = 2; j < breadcrumbs.length; j++) {

        if (j == (breadcrumbs.length - 1)) {

            imagetype = 'breadcrumb-end.png'
            liClass = 'last';
        }

        content += "<li class='"
                + liClass
                + "'><div class='left breadcrumb-wrapper'><a href='"
                + breadcrumbs[j].url + "' >"
                + breadcrumbs[j].text + "</a></div>";
        content += "<img src='/bpp-theme/images/" + imagetype
                + "' class='left' />";
        content += "</li>";
    }

    $('ul.breadcrumbs').html(content);
    */

    $('select#bpp-content-type').change(function() {
        if ($('#bpp-content-type').val() == "Course") {

            $('#bpp-web-content').css('opacity', '0');
            $('#bpp-web-content').css('display', 'none');

            $('#bpp-add-course').css('display', 'block');
            $('#bpp-add-course').animate({
                opacity : 1
            }, 400, function() {

            });

        } else {
        //	CKEDITOR.replace( 'bpp-webcontent-textarea' );
            $('#bpp-add-course').css('opacity', '0');
            $('#bpp-add-course').css('display', 'none');

            $('#bpp-web-content').css('display', 'block');
            $('#bpp-web-content').animate({
                opacity : 1
            }, 400, function() {

            });

        }
    });

});



function tabInit(idx) {
	$('#tabs').children().removeClass();
	$('#tabs').children().addClass('tab-off');
	$('#tab-content').children().hide();

	$('#tab-' + idx).removeClass('tab-off');
	$('#tab-' + idx).addClass('tab-on');
	$('#tab-content-' + idx).show();

}

function tabOff() {

	$('img#tab-home').attr('src',
			themeDisplay.getPathThemeImages() + '/menu-home-off.jpg');

	$('img#tab-undergraduate').attr('src',
			themeDisplay.getPathThemeImages() + '/menu-undergraduate-off.jpg');

	$('img#tab-postgraduate').attr('src',
			themeDisplay.getPathThemeImages() + '/menu-postgraduate-off.jpg');

	$('img#tab-professional-qualifications').attr(
			'src',
			themeDisplay.getPathThemeImages()
					+ '/menu-professional-qualifications-off.jpg');

	$('img#tab-cpd').attr('src',
			themeDisplay.getPathThemeImages() + '/menu-cpd-off.jpg');

}



function showHide(element) {
	 x = $(element).attr('id');
	 if (x.indexOf('-hide') >0){
		x = x.substr(0, x.length - 5); 
	 }
	 $('#'+x+ '-desc').toggle();
}

function showHIdeProductDescription(elm) {
    $('#' + elm).toggle();
}

function getLocationDetails(name) {
	 $(function() {
	  $.get("/carbonmisc/ajaxcalls/ajax/getLocation",
	     {  pLocationName:  name,
	     },
	      function(data){
	    	 var detailData = eval('(' + data + ')');

	    	 if (detailData.title == 'error') {
	    		 alert('Unable to get location details.');
	    	 } else {
	    		 // Cannot build locationPage on the fly
	    		 //var htmlLoc = buildLocationPage();
	    		 //$('.locationPopup').html(htmlLoc);
	             $('.locationTitleHolder').html(detailData['title']);
	             $('.addressPlaceHolder').html(detailData['addr']);
	             $('.phonePlaceHolder').html(detailData['phone']);
	             $('.hourPlaceHolder').html(detailData['hour']);
	             $('.emailPlaceHolder').html(detailData['email']);
	             $('.mapPlaceHolder').html(detailData['map']);
	             $('.directionPlaceHolder').html(detailData['directions']);
	    	 }
	     });
	 });
}

function closeLocationPopup() {
    $('.locationTitleHolder').html("");
    $('.addressPlaceHolder').html("");
    $('.phonePlaceHolder').html("");
    $('.hourPlaceHolder').html("");
    $('.emailPlaceHolder').html("");
    $('.mapPlaceHolder').html("<iframe width=\"512\" height=\"380\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" src=\"\"></iframe>");
    $('.directionPlaceHolder').html("");

}

/*function buildLocationPage() {
	var html = '';
	html = '<div class="none">' +
			'<div id="location-modal" class="content modal-font-adjustment">' +
			'<div class="p30">' +
			'<div class="w570 left">' +
			'	<div class="locationTitleHolder"></div>' +
			'   <div class="left w280">' +
			'<img src="${themeDisplay.pathThemeImages}/icon-home.jpg" class="left ml--25" />' +
			'<div class="left">' +
						'<div class="h100 after">' +
						 '	<div class="addressPlaceHolder"></div>' +
						'</div>' +
						'<div class="divider-h3"></div>' +

						'<img src="${themeDisplay.pathThemeImages}/icon-phone.jpg" class="left ml--25" />' +
						'<h4 class="left pr-5">Phone:</h4>' +
						'<div  class="phonePlaceHolder left"></div>' +
						'<br />' +
						'<br/>' +
					'</div>' +
				'</div>' +


				'<div class="left w280">' +
					'<img src="${themeDisplay.pathThemeImages}/icon-info.jpg" class="left ml--25" />' +

					'<div class="left">' +
						'<div class="h100">' +
							'<h4>Opening Times:</h4>' +
							'<div class="hourPlaceHolder"></div>' + 
						'</div>' +
						'<div class="divider-h3"></div>' +

						'<img src="${themeDisplay.pathThemeImages}/icon-email.jpg" class="left ml--25" />' +
						'<h4 class="left">Email:</h4>' +
						'<div  class="emailPlaceHolder left w100"></div>' +
						'<br/>' +
					'</div>' +
				'</div>' +
				'<br class="clear">' +
				'<div class="mapPlaceHolder">' +
				'</div>' +
				'<br />' +
				'<div class="close"></div>' +
			'</div>' +

			'<div class="w275 right">' +
			'	<h3>Directions</h3>' +
			'	<br /> 	<div class="directionPlaceHolder"></div>' +
			'	 <br /> <br /> <a href="#">Find out more about this Centre</a>' +
			'</div>' +
		'</div>' +
	'</div>' +
	'</div>' +
	'</div>' +
	'</div>';


	return html;
}*/