//losujemy id dla diva
var rand_no = Math.random();
rand_no = (''+rand_no).substring(2);

function computeCampaign(computeCampaignData){
	if( computeCampaignData.hostAndContext == undefined ){
		computeCampaignData.hostAndContext = 'http://praca.gazetapraca.pl';
	}
	
	//wyszukujemy ogloszenia dla targetName
	var script = document.createElement("script"); 
	script.type='text/javascript'; 
	script.src=computeCampaignData.hostAndContext+"/campaignClassifiedsData?targetName="+computeCampaignData.targetName+"&localeCode="+computeCampaignData.localeCode+"&encoding="+computeCampaignData.encoding; 
	
	var div= document.getElementById('ofertyPracy');
	div.appendChild(script);
}

function generateCampaignHtml(){
  var ofertyPracy = document.getElementById('ofertyPracy');
	var innerHTML = '';
	var _defaultWidth = '100%';
	var IEBrowser = {
   Version: function() {
    var version = 999; // we assume a sane browser
    if (navigator.appVersion.indexOf("MSIE") != -1)
      // bah, IE again, lets downgrade version number
      version = parseFloat(navigator.appVersion.split("MSIE")[1]);
    return version;
   }
  }
	
	if( classifiedsData.length==0 ){
		//gdy nie ma zadnych ogloszen
		return;
	}
	
	var camaiginDIV = document.createElement("div");
	camaiginDIV.id=rand_no;
	camaiginDIV.style.textAlign="left";
	camaiginDIV.style.margin="16px 0";
	camaiginDIV.style.overflow="hidden";
	camaiginDIV.style.zoom="1";
		
	ofertyPracy.appendChild(camaiginDIV);
	
	if( classifiedsData.length>1 ){
	  if(IEBrowser.Version() < 7){
	   if(camaiginDIV.clientWidth > 540){
      _defaultWidth = '540px';
     }
     innerHTML += '<div style="width: '+ _defaultWidth +'; margin: 0 auto;"><div style="overflow: hidden; zoom:1; border: 1px solid #e9e9e9; background: #f8f8f8; padding: 10px">';
    }else{
		 innerHTML += '<div style="width: 100%; max-width: 540px; margin: 0 auto;"><div style="overflow: hidden; zoom:1; border: 1px solid #e9e9e9; background: #f8f8f8; padding: 10px">';
		}
	}
	else{
	  if(IEBrowser.Version() < 7){
	   if(camaiginDIV.clientWidth > 250){
      _defaultWidth = '250px';
     }
     innerHTML += '<div style="width: '+ _defaultWidth +'; margin: 0 auto;"><div style="border: 1px solid #e9e9e9; background: #f8f8f8; padding: 10px">';
    }else{
		 innerHTML += '<div style="width: 100%; max-width: 250px; margin: 0 auto;"><div style="border: 1px solid #e9e9e9; background: #f8f8f8; padding: 10px">';
		}	 
	}

	for (i=0; i<classifiedsData.length; i++){
		if( classifiedsData.length>1 ){
			if( i==0 ){
				innerHTML += '<div style="float:left; width: 48%; padding-right: 2%; border-right: 1px solid #e9e9e9;">';
			} else if( i==1 ){
				innerHTML += '<div style="float:left; width:47%; padding-left: 2%; border-left: 1px solid #e9e9e9; position:relative; left:-1px;">';
			}
		}
		
	    innerHTML += '<p style="color: #FE9342; font: bold 16px Arial,sans-serif; text-decoration: none; margin: 0; padding: 0;">'+classifiedsData[i].name+'</p>';
	    innerHTML += '<ul style="padding: 0; margin: 8px 0 8px 16px; list-style:disc;">';

	    for (j=0; j<classifiedsData[i].classifieds.length; j++){
	    	var url = classifiedsData[i].classifieds[j].url;
	    	var jobTitle = classifiedsData[i].classifieds[j].jobTitle;
	    	var jobDesc = '';
	    	if( classifiedsData[i].classifieds[j].jobCountry ){
	    		jobDesc += classifiedsData[i].classifieds[j].jobCountry;
	    	}
	    	if( classifiedsData[i].classifieds[j].jobProvince ){
	    		if( jobDesc!='' ){
	    			jobDesc += ', ';
	    		}
	    		jobDesc += classifiedsData[i].classifieds[j].jobProvince;
	    	}
	    	if( classifiedsData[i].classifieds[j].jobCity ){
	    		if( jobDesc!='' ){
	    			jobDesc += ', ';
	    		}
	    		jobDesc += classifiedsData[i].classifieds[j].jobCity;
	    	}
	    	
	    	innerHTML += '<li style="padding: 2px 0; margin: 0; text-align: left;"><a style="display: block; text-align: left; font: normal 12px/14px Tahoma,Arial,sans-serif;color: #148;" target="_blank" href="'+url+'">'+jobTitle+'</a>';
	    	if( jobDesc!='' ){
	    		innerHTML += '<span style="font:normal 10px/14px Tahoma,Arial,sans-serif; color: #818181;">'+jobDesc+'</span>';
	    	}
	    	innerHTML += '</li>';
	    }
	    innerHTML += '</ul>';
		
		if( classifiedsData.length>1 ){
			innerHTML += '</div>';
		}
	}
	
	innerHTML += '  <p style="clear: both; text-align: right; padding: 0; margin: 0;"><a style="font: normal 10px Arial,sans-serif; color: #148;" href="http://gazetapraca.pl/">Praca - GazetaPraca.pl</a></p>';
	innerHTML += '</div></div>';

	camaiginDIV.innerHTML = innerHTML;
}