function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=715,height=200,scrollbars=yes');
return false;
}
function filterBrand(){
	var brandFilter = $('select#carBrand');
	if(brandFilter.val() > 0)
		location.href = '/search.php?brandId=' + brandFilter.val();
}
function filterCategory(){
	var categoryFilter = $('select#carCategory');
	if(categoryFilter.val() > 0)
		location.href = '/search.php?categoryId=' + categoryFilter.val();
}
function filterModel(){
	var modelFilter = $('select#carModel');
	if(modelFilter.val() != '')
		location.href = '/search.php?modelName=' + escape(modelFilter.val());
}
function changeBg(){
	var element = $('#background-wrapper');
	var currentBg = element.attr('data-currentbg');
	var intCurrentBg = parseInt(currentBg);
	
	var nextBg = intCurrentBg+1;
	if(nextBg > 15)
		nextBg = 1;
			
	element.css({
		'background-image': 'url(/images/template/bg/bg-' + nextBg + '.jpg)'
	})
	element.attr('data-currentbg',nextBg);

}
function imageZoom(){
	var carId = $('input#carId').val(); //TODO: Fixa riktig identifier
	
	var imageOverlay = $('#image-overlay');
	var imageOverlayContainer = $('#image-overlay #large-overlay-container');
	var carContainer = $('#car-container');
	$.ajax({
		url: "/lib/ajax/getzoom.php",
		data: ({'carId': carId}),
		success: function(data){
			imageOverlayContainer.html(data);
			imageOverlay.show();
			carContainer.hide();
		}
	})
}
function imageZoomClose(){
	var imageOverlay = $('#image-overlay');
	var imageOverlayContainer = $('#image-overlay #large-overlay-container');
	var carContainer = $('#car-container');
	
	carContainer.show();
	imageOverlay.hide();
}
$(document).ready(function(){
	$('select#carBrand').change(filterBrand);
	$('select#carCategory').change(filterCategory);
	$('select#carModel').change(filterModel);
/*	
	window.setInterval(function() {
		changeBg();
	}, 15000);
*/	
	$('#car-container img#large-image, #car-container #thumbnail-container img').click(function(){
		imageZoom();
	});
	$('#image-overlay #large-overlay-container img, #image-overlay #close').live('click', function(){
		imageZoomClose();
	});
});
$(function() {
        
    /* Cannot use $.bind() since jQuery does not normalize native events. */
    
    /* We cannot use $.bind() since jQuery does not normalize the native events. */
	if ($('#dropzone').length){
    $('#dropzone')
        .get(0)
        .addEventListener('drop', function(event){
			event.preventDefault();
			//event.stopPropagation();
			upload(event);
		}, false);
    $('#dropzone')
        .get(0)
        .addEventListener('dragenter', function(event) { 
                $('#dropzone').css("background-color", "#ffc"); 
            }, false);
    $('#dropzone')
        .get(0)
        .addEventListener('dragexit', function(event) { 
                $('#dropzone').css("background-color", "#fff"); 
            }, false);
    $('#dropzone')
        .get(0)
        .addEventListener('dragover', function(event) { 
                event.preventDefault(); 
            }, false);

	}
	function upload(event) {
		
		var data = event.dataTransfer;
		var carId = $("input#carId").val();
		var boundary = '------multipartformboundary' + (new Date).getTime();
		var dashdash = '--';
		var crlf     = '\r\n';

		/* Build RFC2388 string. */
		var builder = '';

		builder += dashdash;
		builder += boundary;
		builder += crlf;
		
		var xhr = new XMLHttpRequest();
		
		/* For each dropped file. */
		for (var i = 0; i < data.files.length; i++) {
			var file = data.files[i];

			/* Generate headers. */            
			builder += 'Content-Disposition: form-data; name="user_file[]"';
			if (file.fileName) {
			  builder += '; filename="' + file.fileName + '"';
			}
			builder += crlf;

			builder += 'Content-Type: application/octet-stream';
			builder += crlf;
			builder += crlf; 

			/* Append binary data. */
			builder += file.getAsBinary();
			builder += crlf;

			/* Write boundary. */
			builder += dashdash;
			builder += boundary;
			builder += crlf;
		}
		
		/* Mark end of the request. */
		builder += dashdash;
		builder += boundary;
		builder += dashdash;
		builder += crlf;

		xhr.open("POST", "/system/admin/car/saveImage.php?carId=" + carId, true);
		xhr.setRequestHeader('content-type', 'multipart/form-data; boundary=' 
			+ boundary);
		xhr.sendAsBinary(builder);        
		
		xhr.onload = function(event) { 
			/* If we got an error display it. */
			if (xhr.responseText) {
				alert(xhr.responseText);
			}
			$.ajax({
				url: "/system/admin/car/listImagesPlain.php",
				method: "get",
				data: {
					"carId": carId,
					"random": (new Date).getTime()
				},
				success: function(data){
					$("#contentLeft").html(data);
                	$('#dropzone').css("background-color", "#fff"); 
				}
			});
		};
		
		/* Prevent FireFox opening the dragged file. */
		event.stopPropagation();
		
	}
});