var ROOT_URL = 'http://www.honda-iasi.ro/';
var AJAX_URL = ROOT_URL + 'controllers/ajax.php';

function parseLinks() {
	var as = document.getElementsByTagName('a');
	var as_no = as.length;
	if (as_no == 0) return false;
	for (var i = 0; i < as_no; i++) {
		if (as[i].rel == 'external') as[i].target = "_blank";
	}
}

function toggleFeature(obj,feature_id) {

	if (obj.checked) { val = 1; } else { val = 0; }

	$.ajax({
		url: AJAX_URL,
		type: 'post',
		data: 'action=feature&id='+feature_id+'&val='+val
	})
}

function toggleCarPic(f) {
	$('#car .visual img').attr('src',ROOT_URL+'uploads/car_used/'+f);
}

function toggleRentCarPic(f) {
	$('#car .visual img').attr('src',ROOT_URL+'uploads/rent_cars/'+f);
}

function toggleModelFeature(feature_id, model_id) {
	$.ajax({
		url: AJAX_URL,
		type: 'post',
		data: 'action=modelFeature&feature='+feature_id+'&model='+model_id
	})
}

function getModels() {
	car_id = $('#carSelect').attr('value');
	if (car_id!='') {
		$.ajax({
			url: AJAX_URL,
			type: 'post',
			data: 'action=getModels&car='+car_id,
			success: function(transport) {
				transport = eval("(" + transport + ")");
				var model = '';
				html = '';
				for(var i in transport) {
					model = transport[i];
					html += '<option value="'+model.id+'">'+model.name+'</option>';
				}
				$('#modelSelect').html(html);
				$('#modelContainer').css({'display':'block'});
			}
		})
	} else {
		$('#modelContainer').css({'display':'none'});
		$('#modelSelect').html('');
	}
}



function increaseFont() {
    var fsize = parseFloat($('#page #main #primary p').css('font-size').replace('px',''));
    if (fsize<20)
    newSize = fsize+1;
    $('#page #main #primary').css('font-size', newSize);
}

function decreaseFont() {
    var fsize = parseFloat($('#page #main #primary p').css('font-size').replace('px',''));
    if (fsize>11)
    newSize = fsize-1;
    $('#page #main #primary').css('font-size', newSize);
}


function resetFont() {
    //var fsize = parseFloat($('#page #main #primary p').css('font-size').replace('px',''));
    newSize = 11;
    $('#page #main #primary').css('font-size', newSize);
}


function getCarEq(modelid) {
    car_id = $('#model').attr('value');
    if (car_id!='') {
        $.ajax({
            url: AJAX_URL,
            type: 'post',
            data: 'action=getModels&car='+car_id,
            success: function(transport) {
                transport = eval("(" + transport + ")");
                var model = '';
                html = '';
                for(var i in transport) {
                    model = transport[i];
                    if (model.id == modelid) {
                        html += '<option value="'+model.id+'" selected="selected">'+model.name+'</option>';
                    } else {
                        html += '<option value="'+model.id+'">'+model.name+'</option>';
                    }
                }
                $('#equipment').html(html);
                $('#modelContainer').css({'display':'block'});
            }
        })
    } else {
    }
}

function loadRollover() {
	$('.cars li').each(
		function() {
			$(this).hover(
				function () {
					var con = $(this).children('.rollover');
					con.fadeIn('fast');
					$(this).addClass('selected');
					//$(this).append('<div id="rollover">test test test test test test test test test test</div>');
					//$('#rollover').fadeIn('fast');
				},
				function () {
					//$('#rollover').remove();
					var con = $(this).children('.rollover');
					con.css({'display':'none'});
					$(this).removeClass('selected');
				}
			);
		}
	);
}

function toggleTabs() {
	$('ul#tabs li a.tab').each(
		function() {
			$(this).click(
				function() {
					$(this).parent().addClass('open');
				}
			);
		}
	)
}

function loadModelMenu() {
	$('ul#categories li').each(
		function() {
			$(this).click(
				function () {
				if ($(this).hasClass('open')) return false;
					$('ul#categories li').removeClass('open');
					$('ul#categories li .content').slideUp('slow');
					//$(this).css({'display':'block'});
					$(this).addClass('open');
					$(this).children('.content').slideDown('slow');

					return false;
				}
			);
		}
	);
}

function generateMenuMarkup(obj) {
	var string = '';
	string ='<div id="dropdown">';
	string+='<ul>';
	for(var i in obj) {
	string+='<li>';
	string+='<a href="'+ROOT_URL+'modele/" class="visual"><img src="' + ROOT_URL + 'uploads/car/thumbs/' + obj[i].image + '" alt="" /></a>';
	string+='<a href="'+ROOT_URL+'" class="name">' + obj[i].name + '</a>';
	string+='</li>';
	}
	string+='</ul>';
	string+='<div class="options">';
	string+='<a href="#" title="" class="first">Vezi toata gama de modele</a>';
	string+='<a href="#" title="" class="last">Configureaza-ti modelul</a>';
	string+='</div>';
	string+='</div>';
	return string;
}

function loadMenu() {
	$('.menu li.section').each(
		function() {
			$(this).hover(
				function () {
					var con = $(this).children('.dropdown');
					con.fadeIn('fast');
					$(this).addClass('selected');
					/*
					var j_this = $(this);
					$.ajax({
						url: AJAX_URL,
						type: 'post',
						data: 'action=showroom',
						success: function(transport) {
							transport = eval("(" + transport + ")");
							dropdown = generateMenuMarkup(transport)
						}
					})
					j_this.append(dropdown);
					Cufon.replace('#dropdown .name');
					$('#dropdown').fadeIn('fast');
					*/
				},
				function () {
					var con = $(this).children('.dropdown');
					con.css({'display':'none'});
					$(this).removeClass('selected');
					/*
					$('#dropdown').remove();
					*/
				}
			);
		}
	);
}

function toggleMenu() {
	var menu = $('#models-menu');
	var par = menu.parent();
	if (menu.hasClass('open')) {
		par.removeClass('open');
	} else {
		par.addClass('open');
	}
	return false;
}

function toggleAccordBox() {
			$('a.sedan.').hover(
				function() {r
					$('a.tourer').removeClass('active');
					$(this).addClass('active');
					var pic = $('ul.cars li.accord .visual');
					var links = $('ul.cars li.accord ul.links');
					pic.html('<a href="'+ROOT_URL+'modele/Accord/8"><img src="'+ROOT_URL+'resources/img/visuals/accord.png" /></a>');
					links.html('<li><a href="'+ROOT_URL+'modele/Accord/8" title="Specificatii complete">Specificatii complete</a></li><li><a href="http://www.noul-accord.ro" title="Noul Honda Accord" rel="external">Viziteaza minisite</a></li><li><a href="'+ROOT_URL+'uploads/brosuri/modele/accord_mail.pdf" title="Brosura Honda Accord" rel="external">Descarca brosura</a></li><li><a href="'+ROOT_URL+'uploads/brosuri/accesorii/Brosura HACE Accord Sedan.pdf" title="Brosura Accesorii Honda Accord" rel="external">Descarca brosura accesorii</a></li>');
				},
				function() {
					return false;
				}
			);
			$('a.tourer').hover(
				function() {
					$('a.sedan').removeClass('active');
					$(this).addClass('active');
					var pic = $('ul.cars li.accord .visual');
					var links = $('ul.cars li.accord ul.links');
					pic.html('<a href="'+ROOT_URL+'modele/Tourer/9"><img src="'+ROOT_URL+'resources/img/visuals/tourer.png" /></a>');
					links.html('<li><a href="'+ROOT_URL+'modele/Tourer/9" title="Specificatii complete">Specificatii complete</a></li><li><a href="http://www.noul-accord.ro" title="Noul Honda Accord" rel="external">Viziteaza minisite</a></li><li><a href="'+ROOT_URL+'uploads/brosuri/modele/AccordTourerBrochure.pdf" title="Brosura Honda Accord" rel="external">Descarca brosura</a></li><li><a href="'+ROOT_URL+'uploads/brosuri/accesorii/Brosura HACE Accord Tourer.pdf" title="Brosura Accesorii Honda Accord" rel="external">Descarca brosura accesorii</a></li>');
				},
				function() {
					return false;
				}
			);
}

function loadFonts() {
	var context = $('body').attr('id');
	if (context == 'homepage') {
		Cufon.replace('ul.cars li a.car',{hover: true});
		Cufon.replace('body#homepage #main div.box .title');
		Cufon.replace('a.sedan',{hover:true});
		Cufon.replace('a.tourer',{hover:true});
		toggleAccordBox();
	}
	if (context == 'car') {
		Cufon.replace('body#car #main #secondary .heading');
		Cufon.replace('body#car #main #primary .about p');
		Cufon.replace('body#car.model #main #sidebar ul.price li');
	}
	if (context == 'dealers') {
		Cufon.replace('body#dealers #secondary .head');
	}
	if (context == 'testdrive') {
		Cufon.replace('body#testdrive #secondary .head');
	}
	if (context == 'error') {
		Cufon.replace('body#error .title');
	}
	Cufon.replace('.heading');
	Cufon.replace('ul.menu li a.button',{hover: true});
	//Cufon.replace('ul.menu li#showroom a',{hover: true});
	Cufon.now();
}

function loadGallery() {
	jQuery(document).ready(function() {
		jQuery('#interior').jcarousel({
			vertical: true,
			scroll: 4
		});
		$('ul#interior li img').css({"cursor":"pointer"});
		$('ul#interior li img').click(function(){
			var img = $(this).attr("src").replace("/thumbs", "");
			$("p.visual img").attr({"src":img});
		});
	});
	jQuery(document).ready(function() {
		jQuery('#exterior').jcarousel({
			vertical: true,
			scroll: 4
		});
		$('ul#exterior li img').css({"cursor":"pointer"});
		$('ul#exterior li img').click(function(){
			var img = $(this).attr("src").replace("/thumbs", "");
			$("p.visual img").attr({"src":img});
		});
	});

	$('.jcarousel-prev-vertical').each(function() {
		$(this).hover(
			function () {
				$(this).addClass('active');
			},
			function () {
				$(this).removeClass('active');
			}
		);
	});
}

function loadHistory(){
	jQuery('#list_history').jcarousel({
		horizontal: true,
		scroll: 3
	});
}

function toggleDealer(city) {
	$.ajax({
		url: AJAX_URL,
		type: 'post',
		data: 'action=toggleDealer&city='+city,
		success: function(transport) {
			transport = eval("(" + transport + ")");
			$('#dealersContainer').html(generateDealerMarkup(transport));
			$('#dealersContainer').fadeIn('fast');
			$('#zone').html(city.toUpperCase());
		}
	})
}

function toggleDealerContent(dealer_div_id) {
	$('.closed').css({'display':'none'});
	$('.dealer'+dealer_div_id).css({'display':'block'});
}

function getUsedCars(page) {
	if (page == null) page = 1;
	var car = $('#model').attr('value');
	var car_id = car;
	var price = $('#price').attr('value');
	var km = $('#km').attr('value');
	var year = $('#year').attr('value');
	$('.loading img').fadeIn('fast');
	$('#cars').fadeOut('fast', function() {
		$.ajax({
			url: AJAX_URL,
			type: 'post',
			data: 'action=getusedcars&car='+car+'&price='+price+'&km='+km+'&year='+year+'&page='+page,
			success: function(transport) {
				transport = eval("(" + transport + ")");
				var html = '';
				if (transport.length == 0) {
					html = '<li style="text-align:center;"><strong>Nu au fost gasite masini!</strong></li>';
				} else {
					for(var i in transport) {
						car = transport[i];
								html+= '<li>';
								if (car.thumb != null) {
									html+= '<p class="visual"><a href="'+ROOT_URL+'masini-rulate/'+car.url+'/'+car.id+'"><img src="'+ROOT_URL+'uploads/car_used/thumbs/'+car.thumb+'" alt="'+car.name+'" /></a></p>';
								} else {
									html+= '<p class="visual"><a href="'+ROOT_URL+'masini-rulate/'+car.url+'/'+car.id+'"><img src="'+ROOT_URL+'resources/img/visuals/nothumb.jpg" alt="'+car.name+'" /></a></p>';
								}
									html+= '<ul class="details">';
										html+= '<li><span class="label">Model:</span> <span class="value">'+car.name+'</span></li>';
										html+= '<li><span class="label">Pret:</span> <span class="value">'+car.price+'</span></li>';

										if (car.price2.length > 3)
										html+= '<li><span class="label">Pret vechi:</span> <span class="value">'+car.price2+'</span></li>';

										html+= '<li><span class="label">Motorizare:</span> <span class="value">'+car.engine+'</span></li>';
										html+= '<li><span class="label">An fabricatie:</span> <span class="value">'+car.year+'</span></li>';
										html+= '<li><span class="label">Carburant:</span> <span class="value">'+car.fuel+'</span></li>';
									html+= '</ul>';
									html+= '<ul class="info">';
										html+= '<li><span class="label">Rulaj:</span> <span class="value">'+car.km+'</span></li>';
										html+= '<li><span class="label">Transmisie:</span> <span class="value">'+car.transmission+'</span></li>';
										html+= '<li><span class="label">Culoare:</span> <span class="value">'+car.color+'</span></li>';
									html+= '</ul>';
									html+= '<a href="'+ROOT_URL+'masini-rulate/'+car.url+'/'+car.id+'" class="more">detalii</a>';
								html+= '</li>';
					}
				}
			$('#cars').html(html);
			$('#cars').fadeIn('fast');
			$.ajax({
				url: AJAX_URL,
				type: 'post',
				data: 'action=getusedcarspagination&car='+car_id+'&price='+price+'&km='+km+'&year='+year,
				success: function(transport) {
					var count = transport;
					var pagination = '';
					for (var c=1; c<=count; c++) {
						if (page == c) {
							pagination+= '<li class="selected"><a href="'+ROOT_URL+'masini-rulate/'+c+'" onclick="getUsedCars(\''+c+'\'); return false;">'+c+'</a></li>';
						} else {
							pagination+= '<li><a href="'+ROOT_URL+'masini-rulate/'+c+'" onclick="getUsedCars(\''+c+'\'); return false;">'+c+'</a></li>';
						}
					}
					$('#pagination').html(pagination);
					$('#pagination').fadeIn('fast');
				}
			});

			$('.loading img').fadeOut('fast');
			}
		});
	});
}

function generateDealerMarkup(obj) {

	var string = '<ul class="dealers">';
	var c = '';
	var dealerCount = 0;

	for(var i in obj) {
		dealer = obj[i];
		if (c != dealer.name) {
		c = dealer.name;
		dealerCount++;
		}
	}
	c = '';
	var co = 0;
	var picture = 0;
	var bodyClass = '';
	var site = 0;
	var showSite = 0;
	for(var i in obj) {
	dealer = obj[i];
	string+= '<li>';
	showSite = 0;
		if (c != dealer.name) {
			co++;
			if (dealerCount > 1) {
			string+= '<h2 class="title link" onclick="toggleDealerContent('+co+')">'+dealer.name+'</h2>';
			bodyClass = ' closed';
			picture = 0;
			} else {
			string+= '<h2 class="title">'+dealer.name+'</h2>';
			}
			c = dealer.name;
			showSite = 1;
		}
		string+= '<div class="body dealer'+co+bodyClass+'">';
			if (picture == 0)
			if (dealer.visual != '') {
				string+= '<p class="visual">';
				string+= '<img src="'+ROOT_URL+'uploads/dealer/'+dealer.visual+'" alt="'+dealer.name+'" />';
				string+= '</p>';
				picture = 1;
			}
			if (showSite == 1) {
				string+= '<p><strong><a href="http://'+dealer.site+'" target="_blank" style="color:#666;">'+dealer.site+'</a></strong></p><br/>';
				site = 1;
			}
			string+= '<h3 class="section">'+dealer.section+'</h3>';
			if (dealer.address != '')
			string+= '<p><address>'+dealer.address+'</address></p>';
			if ((dealer.phone1 != '')||(dealer.phone2 != '')||(dealer.phone3))
			string+= '<p><em>Telefon:</em></p>';
			string+= '<p>'+dealer.phone1+'</p>';
			string+= '<p>'+dealer.phone2+'</p>';
			string+= '<p>'+dealer.phone3+'</p>';
			if (dealer.fax!='')
			string+= '<p><em>Fax:</em></p>';
			if (dealer.fax!='')
			string+= '<p>'+dealer.fax+'</p>';
			if ((dealer.email1 != '')||(dealer.email2 != '')||(dealer.email3))
			string+= '<p><em>Email:</em></p>';
			string+= '<p><a href="mailto:'+dealer.email1+'" rel="external">'+dealer.email1+'</a></p>';
			string+= '<p><a href="mailto:'+dealer.email2+'" rel="external">'+dealer.email2+'</a></p>';
			string+= '<p><a href="mailto:'+dealer.email3+'" rel="external">'+dealer.email3+'</a></p>';
			string+= '<p>'+dealer.schedule+'</p>';
		string+= '</div>';
	string+= '</li>';
	}
	string+= '</ul>';

	return string;
}

function stripHTML(oldString) {
	var newString = "";
	var inTag = false;
	for(var i = 0; i < oldString.length; i++) {
		if(oldString.charAt(i) == '<') inTag = true;
		if(oldString.charAt(i) == '>') {
			if(oldString.charAt(i+1)=="<")
			{
			//dont do anything
			}
			else
			{
				inTag = false;
				i++;
			}
		}
		if(!inTag) newString += oldString.charAt(i);
	}
	return newString;
}

function goToModel() {
	var obj = $('#modelDropdown');
	var opt = obj.find(':selected');
	var model_id = opt.val();
	var model_name = opt.text();

	model_uri = model_name;
	model_uri = model_uri.replace(' ','-');
	model_uri = model_uri.replace('.','-');
	model_uri = model_uri.replace('/','-');

	var car_name = stripHTML($('#carName').html());
	var car_uri = car_name.replace(' ','-');
	car_uri = car_uri.replace(' ','-');
	car_uri = car_uri.replace(' ','-');
	car_uri = car_uri.replace(' ','-');
	car_uri = car_uri.replace(' ','-');
	car_uri = car_uri.replace(' ','-');

	var uri = ROOT_URL + 'modele/' + car_uri + '/' + 'model' + '/' + model_id;
	document.location = uri;
}

function initLoader() {
	var so = new SWFObject( "http://www.hondatrading.ro/resources/swf/loader/loader.swf", "loader", "965", "400", "9");
	so.addParam("wmode", "transparent");
	so.addParam("allowScriptAccess", "always");
	so.write("pageVisual");
}

function initLoaderx() {
	$.ajax({
		url: AJAX_URL,
		type: 'post',
		data: 'action=timer',
		success: function(transport) {
			var secs = transport;
			var so = new SWFObject("http://www.hondatrading.ro/resources/swf/header_counter_dealeri.swf", "loader", "965", "400", "9");
			so.addParam("wmode", "transparent");
			so.addParam("allowScriptAccess", "always");
			so.addVariable("secs", secs);
			so.write("pageVisual");

		}
	});
}

var embedSWF = function(options)
{
	var defaults = {
		url: '',
		container: 'elementID',
		width: 500,
		height: 350,
		flashVars: {},
		parameters: {
			quality: 'high',
			menu: false,
			wmode: 'transparent'
		},
		attributes: {}
	};

	if(options == undefined || options == null)
	{
		options = defaults;
	}
	else
	{
		// Allow skipping certain options to be set to the default values
		// You can pass in only the options you want to override
		for(var x in defaults)
		{
			eval('if(!options.' + x + ') options.' + x + ' = defaults.' + x + ';');
		}
	}

	swfobject.embedSWF(options.url, options.container, options.width, options.height, '9.0.0', '', options.flashVars, options.parameters, options.attributes);
}

var playMovie = function(movie)
{
	embedSWF({url: ROOT_URL + "resources/swf/player.swf", container: "videoPlayer", width: 512, flashVars: { file: ROOT_URL + "uploads/movies/" + movie, autostart: false}});
}

var playVideo = function(movie)
{
	var so = new SWFObject(ROOT_URL+'resources/swf/player.swf','mpl','400','256','9');
	so.addParam('allowfullscreen','true');
	so.addParam('allowscriptaccess','always');
	so.addParam('wmode','opaque');
	so.addVariable('autostart','false');
	so.addVariable('file','http://www.hondatrading.ro/uploads/videos/'+movie);
	so.write('videoPlayer');
}

var fixPng = function() {
	$('.rollover p.visual img').pngfix();
}

// init
$(function () {
	var context = $('body').attr('id');

	// exceptions
	if ($('body').hasClass('gallery')) {
		context = 'gallery';
	}
	if ($('body').hasClass('history')) {
		context = 'history';
	}

	// general
	loadRollover();
	loadMenu();
	parseLinks();
	loadFonts();

	if (context != 'admin') {
		$("a.iframe").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 800, 'overlayShow': false, 'frameWidth':750, 'frameHeight':622 });
		$("a.video").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 800, 'overlayShow': false, 'frameWidth':405, 'frameHeight':260 });

		$("a[rel=image]").fancybox({
			'zoomOpacity': true,
			'zoomSpeedIn'		: 600,
			'zoomSpeedOut'		: 500,
			'easingIn'			: 'easeInExpo',
			'easingOut'			: 'easeInBack',
			'overlayShow'		: true,
			'centerOnScroll'	: true
		});
	}


	if (($.browser.name == 'msie')&&($.browser.versionX == 6)) {
		//fixPng();
		//$('body#homepage .rollover p.visual img').attr('src','http://dev.infinitsolutions.ro/hondatrading/Jazz_1.gif');
	}

	// contextual
	if (context == 'car') {
		loadModelMenu();
	}
	if (context == 'dealers') {
		var so = new SWFObject(ROOT_URL + "resources/swf/map/harta.swf", "mappp", "600", "410", "9");
		so.addParam("wmode", "transparent");
		so.write("map");
	}
	if (context == 'brochure') {
		var so = new SWFObject("http://www.hondatrading.ro/resources/swf/carousel_brosuri/brochure.swf", "mappp", "965", "450", "9");
		so.addParam("wmode", "transparent");
		so.write("pageVisual");
	}
	if (context == 'homepage') {
		initLoader();
	}
	if (context == 'gallery') {
		loadGallery();
	}
	if (context == 'history') {
		loadHistory();
	}

});